/*비주얼영역*/

.sub_visual {position:relative; width:100%; height:940px; overflow:hidden;}
.text-box {position:absolute;  top: 49%;  left: 50%; transform: translate(-50%, -20%); text-align:center; color:#fff; font-size:60px; font-weight:800; text-shadow: 2px 2px 2px rgba(0,0,0,.4);}
.sub-text-box {position:absolute;  top: 43%;  left: 50%; transform: translate(-50%, -20%); text-align:center; color:#fff; font-size:25px; font-weight:400; text-shadow: 2px 2px 2px rgba(0,0,0,.4);}
.sub-top-imgs {height:940px;-webkit-animation: kenburns-bottom 1s ease-out both;animation: kenburns-bottom 1s ease-out both;}
/* ----------------------------------------------
 * Generated by Animista on 2021-1-21 23:44:4
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation kenburns-bottom
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-bottom {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
            transform-origin: 50% 84%;
  }
  100% {
    -webkit-transform: scale(1.1) translateY(15px);
            transform: scale(1.1) translateY(15px);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}
@keyframes kenburns-bottom {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
            transform-origin: 50% 84%;
  }
  100% {
    -webkit-transform: scale(1.1) translateY(15px);
            transform: scale(1.1) translateY(15px);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}
.sub-top-img01 {background:url("/images/sub/subtop01.jpg")no-repeat center center; background-size:cover;}
.sub-top-img02 {background:url("/images/sub/subtop02.jpg")no-repeat center center; background-size:cover;}
.sub-top-img03 {background:url("/images/sub/subtop03.jpg")no-repeat center center; background-size:cover;}
.sub-top-img04 {background:url("/images/sub/subtop04.jpg")no-repeat center center; background-size:cover;}
.sub-top-img05 {background:url("/images/sub/subtop05.jpg")no-repeat center center; background-size:cover;}
.sub-top-img06 {background:url("/images/sub/subtop06.jpg")no-repeat center center; background-size:cover;}


/*비주얼영역*/
 
/* 서브 location */
#location {width: 100%;position: absolute;height: 120px;z-index: 9;}
#container #location.fix {width: 100%}
#container #location.fix .all-wrap {width: 100%;position: fixed;top:114px;height:60px;}

#location .all-wrap {width: 100%;height: 100px;margin: 0 auto;left: 0;right:0;position: absolute;top: 0;
background:#284eba;
-moz-box-shadow: 0 5px 4px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 5px 4px rgba(0, 0, 0, 0.05);
box-shadow: 0 5px 4px rgba(0, 0, 0, 0.05);
}
#location .all-wrap .loca-wrap {
    max-width: 1720px;
	width:100%;
    margin: 0 auto;
    height: 100px;
	display:flex;
	align-items:center;
	padding:0 20px;
	box-sizing:border-box;
}
#location .all-wrap .loca-wrap .loca-area {
    float: left;
    height: 100px;
   margin-left: 60px;
}
#location .all-wrap .loca-wrap .loca-area .homeBtn {
    float: left;
    display: block;
	width:100px;
	height:100px;
	text-align:center;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
#location .all-wrap .loca-wrap .loca-area .homeBtn .imgBox{	
	width: 40px;
	margin-top:32px;
	margin-left:30px;
	
}
#location .all-wrap .loca-wrap .loca-area .homeBtn .imgBox img{	
	width:100%;
}
#location .all-wrap .loca-wrap .loca-area i a {
    display: block;
    width: 15px;
    height: 18px;
    padding: 8px 10px;
	text-indent:-9999px;
}
#location .all-wrap .loca-wrap .loca-area>ul {
	width:300px;
    float: left;
    margin:0;
}
#location .all-wrap .loca-wrap .loca-area>ul>li {
    float: left;
    width: 300px;
    height: 100px;
    position: relative;
}
#location .all-wrap .loca-wrap .loca-area>ul> .submenu-list {
    float: left;
    width: 370px;
    height: 100px;
    position: relative;
}
#location .all-wrap .loca-wrap .loca-area>ul>li .button01 {
	border:none;
	white-space:nowrap; 
	overflow:hidden;
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis;
	padding: 0 24px;
    height: 100px;
    width: 300px;
    position: relative;
    color: #fff;
	font-size:28px;
	font-weight:400;
    text-align: left;
	background:url('/images/sub/loca_arr_down.png');
	background-position-y: 50%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
	box-sizing:border-box;
	outline:none;
	cursor:pointer;
	border-right:1px solid #fff;
}
#location .all-wrap .loca-wrap .loca-area>ul>li .button02 {
	border:none;
	white-space:nowrap; 
	overflow:hidden;
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis;
	padding: 0 24px;
    height: 100px;
    width: 370px;
    position: relative;
    color: #fff;
	font-size:28px;
	font-weight:400;
    text-align: left;
	background:url('/images/sub/loca_arr_down.png');
	background-position-y: 50%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
	box-sizing:border-box;
	outline:none;
	cursor:pointer;
	border-right:1px solid #fff;
}



#location .all-wrap .loca-wrap .loca-area>ul>li div {
    position: relative;
}

#location .all-wrap .loca-wrap .loca-area>ul>li div ul {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
	top:1px;
    /*border-top: 1px solid #26a4df;*/
}
#location .all-wrap .loca-wrap .loca-area>ul>li div ul li a {
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis; 	
	-o-text-overflow:ellipsis;
	padding-right:10px;
    background:#fff;
	transform: skew(0.03deg);
	outline:1px solid #e1e1e1;
	margin-bottom:1px;
    height: 80px;
    color: #666;
    line-height: 80px;
    display: block;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
    padding-left: 19px;
    box-sizing: border-box;
	font-size:26px;
}
#location .all-wrap .loca-wrap .loca-area>ul>li div ul li a:hover {
    background: #f5f5f5;
}

#location.fix { width: 100%}
#location.fix .all-wrap { width: 100%;  position: fixed; top:0px; height:60px;}

#location.fix .all-wrap .loca-wrap {
    width: 1200px;
    margin: 0 auto;
    height: 60px;
}
#location.fix .all-wrap .loca-wrap .loca-area {
    float: left;
    height: 60px; 
}

#location.fix .all-wrap .loca-wrap .loca-area i {
	margin-top:10px;
}

#location.fix .all-wrap .loca-wrap .loca-area>ul>li {
    float: left; 
    height: 60px;
    position: relative;
}
#location.fix .all-wrap .loca-wrap .loca-area>ul>li button {
    height:60px;
	}

#location.fix .all-wrap .loca-wrap .loca-area>ul>li button:before {
    position: absolute;
    /*top: 13px;*/
    left: 0;
    width: 1px;
    height: 20px;
    background: #d1d1d1;
    content: ""
}


/*중간영역*/
.content_box {max-width:1720px; width:100%; margin:120px auto 0px; padding-top:130px; box-sizing:border-box;}
.content_box h2.title {font-size:45px; font-weight:600; text-align:center; color:#222;}
.content_box h2.title:after {content:""; display:block; width:50px; height:2px; background:#c6c6c6; margin:60px auto;}
/*.content_box h3.sub-title {font-size:2.250rem; font-weight:500; text-align:center; color:#222; padding-bottom:24px; border-bottom:1px solid #e1e1e1;}*/

/*탭메뉴*/
.tabMenu01 {max-width:765px; width:100%; margin: 0 auto; display:flex; justify-content:space-between;}
.tabMenu03, .tabMenu04, .tabMenu05 {max-width:508px; width:100%; margin: 0 auto; display:flex; justify-content:space-between;}
/*.tabMenu04 {max-width:1280px; width:100%; margin: 0 auto; display:flex; justify-content:space-between;}*/
.tabMenu a {display:block; width:48%; font-size:25px;font-weight:300; padding:20px 0; box-sizing:border-box;  background:#ebebeb; color:#767676; text-align:center;}
.tabMenu01 a {width:32%;}
.tabMenu02 a {width:19%;}



/*sub0101인사말*/
.about-greeting-top{position:relative;}
.about-border {display:inline-block;border: 5px solid #183728;box-sizing: border-box;z-index: 10;font-size: 2.625rem;font-weight: 700;color: #222222;letter-spacing: -0.025em;line-height: 1.2;padding:40px 150px 40px 40px;;}
.about-sign{margin: 45px 0 0;font-weight: 400;color: #555555;}
.about-cont {font-size:1.125rem; font-weight:300;color:#333333;padding-left:45px;margin-top:80px; margin-bottom:130px; line-height:1.5;}
.flexWrap01 {max-width:1400px; width:100%; margin: 0 auto; display:flex; justify-content:space-between; flex-direction: row-reverse;}
.flexWrap01 .imgBox {max-width:614px; width:100%;}
.flexWrap01 .imgBox img{width:100%;}
.flexWrap01 .txtBox {max-width:660px; width:100%; font-size:23px; font-weight:500; color:#767676; margin-top:30px;}
.flexWrap01 .txtBox .title{display:block; font-size:35px; color:#202020; font-weight:600; margin-bottom:70px;}
.flexWrap01 .txtBox .ceo{ display:inline-block;font-size: 30px; color:#505050; margin-top:110px; margin-right:20px;}
.flexWrap01 .txtBox .ceo_name{font-size:35px; color:#202020; font-weight:600;}

/*sub0102 회사연혁*/
.history_wrap_mobile {display:none;}
.history_wrap {position: relative;text-align: center;	margin-top:150px;margin-bottom:130px; padding:50px 0;}
.history_wrap:before {content: '';width: 1px;position: absolute;left: 50%;top: 0;bottom: 0;background: #d7d7d7;}
.history_wrap ul {text-align: left;margin-bottom: 10px;margin-left: 52.5%;position: relative;margin-top:70px;}
.history_wrap ul:after {content: '';width: 16px;height: 16px;background: #d7d7d7;border-radius: 50%;position: absolute;left: -50px;top: 32px;}
.history_wrap ul:nth-of-type(even) {text-align: right;margin-left: auto;margin-right: 52.5%;}
.history_wrap ul:nth-of-type(even):after {left: auto;right: -51px;}
.history_wrap ul li.years_tit {color: #183728;font-size: 2.125rem;font-weight: 600; padding:5px 0;}
.history_wrap ul li {color: #7a7a7a;font-weight:500;padding:5px 0;line-height:1.8;transform:skew(-0.03deg);}
.history_wrap ul li .flexWrap02{display:flex; }
.history_wrap ul li .flexWrap03{display:flex;flex-direction: row-reverse;}
.history_wrap ul li .flexWrap03 .content{text-align:right;}
.history_wrap ul li .flexWrap02 .blueTxt{font-weight:bold;color: #284eba;margin-right:15px;}
.history_wrap ul li .flexWrap03 .blueTxt{font-weight:bold;color: #284eba;margin-left:15px;}

/*sub0103 오시는 길*/
.mapBox {max-width:1400px; width:100%; margin:0 auto; margin-top:80px;  margin-bottom:90px;}
.root_daum_roughmap_landing {border-bottom:1px solid #dfdfdf;}
.root_daum_roughmap .wrap_controllers {display:none;}
#daumRoughmapContainer1669265601989 {width:100%;}
.sub0103_flexWrap{max-width:1400px; width:100%; margin: 0 auto; display:flex;}
.sub0103_flexWrap .com_name{max-width:570px; width:100%; font-size:45px; color:#202020; font-weight:500; padding-left:55px; box-sizing:border-box;}
.sub0103_flexWrap .addr_info{max-width:830px; width:100%; margin-bottom:120px;}
.sub0103_flexWrap table {width: 100%; border-top: 1px solid #284eba; border-collapse: collapse;}
.sub0103_flexWrap th {border-bottom: 1px solid #d7d7d7;padding: 15px; font-size:25px; font-weight:normal;}
.sub0103_flexWrap td {border-bottom: 1px solid #d7d7d7;padding: 15px; font-size:18px; font-weight:300; color:#767676; font-weight:500;}

/*sub0201 제품개요*/
.sub02Wrap .bgBox{width:1548px; margin:0 auto; height:480px; background:url("/images/sub/sub0201_bgimg.jpg")no-repeat center center; background-size:cover; position:relative; margin-bottom:100px;}
.sub02Wrap .bgBox .title{font-size:45px; color:#fff; text-align:center; position:absolute; top: 38%; left: 35%;}
.sub02Wrap .bgBox .content{font-size:20px; color:#fff; text-align:center; position:absolute; top: 53%; left: 27%; line-height:1.6; font-weight:normal;}


/*sub02 탭메뉴*/
#location02 {width:1548px; margin: 0 auto;}
.dp_f {display: -webkit-box; display: -ms-flexbox; display: flex;}
.dp_sb {display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap:flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-start; gap: 16px; }
.dp_c {-webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.dp_r {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: right;}
.dp_wrap{-ms-flex-wrap: wrap; flex-wrap: wrap;}
.dp_cc {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center;}
p {font-family: 'Noto Sans KR', sans-serif; text-align: left;}
.on {position: static; top:0; border:none;}
.s_center {width: 1132px; margin: 0 auto 144px;}
.sub_tit {color:#202020; font-size: 45px; font-weight: 700; text-align: center;}
.sub_detail {margin: 24px 0 60px 0; font-size: 15px; color: #616161; text-align: center;}
.tabTit {margin-bottom: 10px; color:#202020; font-size: 25px; font-weight: 500;}
.tabTit::before {content:""; display: inline-block; margin-right: 30px; width:6px; height: 25px; background-color: #b51112;}
.tabSubTit {margin-bottom: 14px; color: #7a7b76; font-size: 18px; font-weight: 700;}
.tabSubDetail {color: #7a7b76; font-size: 15px; line-height: 23px;}
.tabSubDetail.mb114 {margin-bottom: 64px;}
.tabBtn {margin-bottom: 84px;}
.tabBtn > li { width: calc(25% - 12px); height: 75px; line-height: 75px; text-indent:30px;}
.tabBtn > li > a {position: relative; display: block; width: 100%; height: 100%; background-color: #ebebeb; color: #767676; font-size: 22px; font-weight: 300;}
.tabBtn li .tabDepth2 {position: relative; box-sizing:border-box; display:none; z-index:9;}
.tabBtn li .tabDepth2 li { box-sizing:border-box;}
.tabBtn li .tabDepth2 li a {display:block; width:100%; height: 100%; background-color: #ebebeb; font-size:23px; transition: all 0.3s; color: #767676; box-sizing:border-box;}
.tabBtn li .tabDepth2 li a:hover {background-color: #fff; color: #284eba; border:1px solid #284eba;}
.tabBtn > li > a .slideDown {position: absolute; top: 50%; right: 15%; transform: translateY(-50%); font-size: 20px; padding-right:35px;}
.tabBtn > li > a .slideDown .lnr {position: absolute; top: -10px; left: 0;}
.tabBtn > li > a .slideDown .lnr-chevron-up {display:none;}

.sub02Wrap02 {width:1424px; margin:100px auto;}
.sub02Wrap02 .txtBox {padding-bottom:20px ;border-bottom:1px solid #ebebeb; margin-bottom:50px;}
.sub02Wrap02 .boardTitle {font-size:35px; margin-bottom:40px; }



/*sub0302 카달로그*/
.sub03Wrap {width:1424px; margin:0 auto; margin-bottom: 120px;}
.sub03Wrap .boardTitle {font-size:35px; padding-top:100px; margin-bottom:40px;}
.sub0302_flexWrap {width:100%; display:flex; flex-wrap:wrap;}
.sub0302_flexWrap .imgWrap {width:31.3%; margin: 0 1%; margin-top:40px;}
.sub0302_flexWrap .imgWrap .imgBox{width:100%; border:1px solid #c4c4c4;}
.sub0302_flexWrap .imgWrap .imgBox:hover{background: rgba(0, 0, 0, 0.2); cursor:pointer; transition:0.3s;} 
.sub0302_flexWrap .imgWrap .imgBox img{width:100%; height:550px;}
.sub0302_flexWrap .title {font-size:25px; font-weight:normal; color:#202020; margin-top:20px; text-align:center;}


/*sub0401 홍보센터*/
.sub04Wrap {width:1424px; margin:100px auto;}
.sub04Wrap .txtBox {padding-bottom:20px ;border-bottom:1px solid #ebebeb; margin-bottom:50px;}
.sub04Wrap .boardTitle {font-size:35px; margin-bottom:40px; }

/*sub0403 홍보센터-설치사례*/
.sub04Wrap .boardContent {font-size:25px; color:#202020; font-weight:400;}
.sub04Wrap .videoBox{margin-bottom:50px;}

/*sub0404 홍보센터-갤러리,이벤트*/
.sub04Wrap .bar{display:inline-block; margin:0 40px;}


/*sub0501 고객센터*/
.sub05Wrap {width:1424px; margin:0 auto; margin-bottom: 120px;}
.sub05Wrap .boardTitle {font-size:35px; padding-top:100px; margin-bottom:40px;}


/*sub0601 나라장터*/
.sub06Wrap .bgBox{width:1424px; margin:0 auto; height:600px; background:url("/images/sub/sub0601_bgimg.jpg")no-repeat center center; background-size:cover; position:relative;}
.sub06Wrap .bgBox .title{width:850px; font-size:45px; color:#fff; position:absolute; top: 100px; left: 100px; font-weight:500;}
.sub06Wrap .bgBox .content{width:560px; font-size:20px; color:#fff; position:absolute; top: 250px; left: 100px; line-height:1.6; font-weight:300;}
.sub06Wrap .bgBox .go_page{display:block; position:absolute; left:100px; bottom:110px;}
.sub06Wrap .bgBox .nara_logo{position:absolute; right:60px; bottom:110px;}
.sub06Wrap .flexWrap06 {max-width:1400px; width:100%; margin:100px auto 200px; display:flex;  flex-wrap:wrap;}
.sub06Wrap .flexWrap06 > div {width:23%; margin:0 1%; text-align:center;}
.sub06Wrap .flexWrap06 .imgBox {width:60px; margin:0 auto; height:60px; text-align:center;}
.sub06Wrap .flexWrap06 .icon_title {font-size:25px; color:#202020; font-weight:500; margin:20px 0;}
.sub06Wrap .flexWrap06 .icon_content {font-size:18px; color:#767676; }



@media (max-width: 1548px){
	.sub02Wrap .bgBox .title {left:0; width:100%;}
	.sub02Wrap .bgBox .content {left:0; width:100%;}
}

@media (max-width: 1424px){
	.sub06Wrap .bgBox {width:100%;}
	.sub06Wrap .bgBox .title {font-size:28px; top:30%; left:0; width:100%; text-align:center;}
	.sub06Wrap .bgBox .content {font-size:16px; top:50%; left:0; width:100%; text-align:center;}
	.sub06Wrap .bgBox .go_page {top:68%;}
	.sub06Wrap .bgBox .nara_logo {bottom:90px;}
}

@media (max-width: 1400px){
	.sub06Wrap .flexWrap06 {width:100%;}
}

/*화면 너비 0 ~ 1200px*/
@media (max-width: 1200px){
	
	#location {position:relative; top:0;}
	#location .all-wrap {width:100%;}
	
	#location .all-wrap .loca-wrap {width:100%;}
	#location .all-wrap .loca-wrap .loca-area {margin-left: 5%;}

	.content_box {width:100%; padding:20px 14px; margin:40px auto 40px;}

}

@media (max-width: 1120px){
	#location .all-wrap .loca-wrap .loca-area .homeBtn {width:80px; height:80px;}
	#location .all-wrap .loca-wrap .loca-area .homeBtn .imgBox {margin-top:30px; margin-left:20px;}
	#location .all-wrap .loca-wrap .loca-area .homeBtn .imgBox img {width:80%;}
}

@media (max-width: 768px){
	.pc_br {display:none;}
	#location .all-wrap .loca-wrap .loca-area {width:100%; margin-left:0;}
	#location .all-wrap .loca-wrap .loca-area .homeBtn {width:10%; text-align:center;}
	#location .all-wrap .loca-wrap .loca-area>ul {margin:0; width:45%;}
	#location .all-wrap .loca-wrap .loca-area>ul>li {width:100%;}
	#location .all-wrap .loca-wrap .loca-area>ul>li button {width:inherit; background-position-x:90%;}


	/*중간영역*/
	.content_box {margin:0 auto; padding-top:80px;}
	.content_box h2.title {font-size:35px;}
	.content_box h2.title:after {content:""; display:block; width:50px; height:2px; background:#c6c6c6; margin:30px auto;}

	/*탭메뉴*/
	
	.tabMenu03, .tabMenu04, .tabMenu05 {width:100%; margin: 0 auto; display:flex; justify-content:space-around;}
	/*.tabMenu04 {width:1280px; margin: 0 auto; display:flex; justify-content:space-between;}*/
	

	/*sub0101인사말*/
	.about-greeting-top{position:relative;}
	.about-border {display:inline-block;border: 5px solid #183728;box-sizing: border-box;z-index: 10;font-size: 2.625rem;font-weight: 700;color: #222222;letter-spacing: -0.025em;line-height: 1.2;padding:40px 150px 40px 40px;;}
	.about-sign{margin: 45px 0 0;font-weight: 400;color: #555555;}
	.about-cont {font-size:1.125rem; font-weight:300;color:#333333;padding-left:45px;margin-top:80px; margin-bottom:130px; line-height:1.5;}
	.flexWrap01 .txtBox { font-size:16px; margin-top:30px;}
	.flexWrap01 .txtBox .title{font-size:26px; margin-bottom:50px;}
	.flexWrap01 .txtBox .ceo{font-size: 20px;margin-top:60px; margin-right:20px;}
	.flexWrap01 .txtBox .ceo_name{font-size:35px;}

	/*sub0102 회사연혁*/
	.history_wrap {position: relative;text-align: center;	margin-top:150px;margin-bottom:130px;}
	.history_wrap:before {content: '';width: 1px;position: absolute;left: 50%;top: 0;bottom: 0;background: #d7d7d7;}
	.history_wrap ul {text-align: left;margin-bottom: 10px;margin-left: 52.5%;position: relative;margin-top:70px;}
	.history_wrap ul:after {content: '';width: 16px;height: 16px;background: #d7d7d7;border-radius: 50%;position: absolute;left: -50px;top: 32px;}
	.history_wrap ul:nth-of-type(even) {text-align: right;margin-left: auto;margin-right: 52.5%;}
	.history_wrap ul:nth-of-type(even):after {left: auto;right: -4vw;}
	.history_wrap ul li.years_tit {color: #183728;font-size: 2.125rem;font-weight: 600;}
	.history_wrap ul li {color: #7a7a7a;font-weight:500;padding:20px 0;line-height:1.8;transform:skew(-0.03deg);}
	.history_wrap ul li .flexWrap02{display:flex;}
	.history_wrap ul li .flexWrap03{display:flex;flex-direction: row-reverse;}
	.history_wrap ul li .flexWrap02 .blueTxt{font-weight:bold;color: #284eba;margin-right:15px;}
	.history_wrap ul li .flexWrap03 .blueTxt{font-weight:bold;color: #284eba;margin-left:15px;}

	/*sub0103 오시는 길*/
	.mapBox {margin-top:50px;  margin-bottom:60px;}
	.sub0103_flexWrap{display:block;}
	.sub0103_flexWrap .com_name{margin:0 auto 30px; font-size:35px; padding-left:0px; text-align:center;}
	.sub0103_flexWrap .addr_info{ margin-bottom:0px;}
	.sub0103_flexWrap th {padding: 10px; font-size:20px;}
	.sub0103_flexWrap td {padding: 10px; font-size:15px;}

	/*sub0201 제품개요*/
	.sub02Wrap .bgBox{width:1548px; margin:0 auto; height:480px; background:url("/images/sub/sub0201_bgimg.jpg")no-repeat center center; background-size:cover; position:relative; margin-bottom:100px;}
	.sub02Wrap .bgBox .title{font-size:45px; color:#fff; text-align:center; position:absolute; top: 38%;}
	.sub02Wrap .bgBox .content{font-size:20px; color:#fff; text-align:center; position:absolute; top: 53%; line-height:1.6; font-weight:normal;}


	/*sub02 탭메뉴*/
	#location02 {width:1370px; margin: 0 auto;}
	.dp_f {display: -webkit-box; display: -ms-flexbox; display: flex;}
	.dp_sb {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0;}
	.dp_c {-webkit-box-align: center; -ms-flex-align: center; align-items: center;}
	.dp_r {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: right;}
	.dp_wrap{-ms-flex-wrap: wrap; flex-wrap: wrap;}
	.dp_cc {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center;}
	p {font-family: 'Noto Sans KR', sans-serif; text-align: left;}
	.on {position: static; top:0; border:none;}
	.s_center {width: 1132px; margin: 0 auto 144px;}
	.sub_tit {color:#202020; font-size: 45px; font-weight: 700; text-align: center;}
	.sub_detail {margin: 24px 0 60px 0; font-size: 15px; color: #616161; text-align: center;}
	.tabTit {margin-bottom: 10px; color:#202020; font-size: 25px; font-weight: 500;}
	.tabTit::before {content:""; display: inline-block; margin-right: 30px; width:6px; height: 25px; background-color: #b51112;}
	.tabSubTit {margin-bottom: 14px; color: #7a7b76; font-size: 18px; font-weight: 700;}
	.tabSubDetail {color: #7a7b76; font-size: 15px; line-height: 23px;}
	.tabSubDetail.mb114 {margin-bottom: 64px;}
	.tabBtn {margin-bottom: 84px;}
	.tabBtn > li {width: 24%; height: 75px; line-height: 75px; text-indent:30px;}
	.tabBtn > li > a {position: relative; display: block; width: 100%; height: 100%; background-color: #ebebeb; color: #767676; font-size: 26px; font-weight: 300;}
	.tabBtn li .tabDepth2 {position: relative; box-sizing:border-box; display:none; z-index:9;}
	.tabBtn li .tabDepth2 li { box-sizing:border-box;}
	.tabBtn li .tabDepth2 li a {display:block; width:100%; height: 100%; background-color: #ebebeb; font-size:23px; transition: all 0.3s; color: #767676; box-sizing:border-box;}
	.tabBtn li .tabDepth2 li a:hover {background-color: #fff; color: #284eba; border:1px solid #284eba;}
	.tabBtn > li > a .slideDown {position: absolute; top: 50%; right: 15%; transform: translateY(-50%); font-size: 20px; padding-right:35px;}
	.tabBtn > li > a .slideDown .lnr {position: absolute; top: -5px; left: 0;}
	.tabBtn > li > a .slideDown .lnr-chevron-up {display:none;}

	.sub02Wrap02 {width:1424px; margin:100px auto;}
	.sub02Wrap02 .txtBox {padding-bottom:20px ;border-bottom:1px solid #ebebeb; margin-bottom:50px;}
	.sub02Wrap02 .boardTitle {font-size:35px; margin-bottom:40px; }



	/*sub0302 카달로그*/
	.sub03Wrap {width:1424px; margin:0 auto; margin-bottom: 120px;}
	.sub03Wrap .boardTitle {font-size:35px; padding-top:100px; margin-bottom:40px;}
	.sub0302_flexWrap {width:100%; display:flex; flex-wrap:wrap;}
	.sub0302_flexWrap .imgWrap {width:31.3%; margin: 0 1%; margin-top:40px;}
	.sub0302_flexWrap .imgWrap .imgBox{width:100%; border:1px solid #c4c4c4;}
	.sub0302_flexWrap .imgWrap .imgBox:hover{background: rgba(0, 0, 0, 0.2); cursor:pointer; transition:0.3s;} 
	.sub0302_flexWrap .imgWrap .imgBox img{width:100%; height:550px;}
	.sub0302_flexWrap .title {font-size:25px; font-weight:normal; color:#202020; margin-top:20px; text-align:center;}


	/*sub0401 홍보센터*/
	.sub04Wrap {width:1424px; margin:100px auto;}
	.sub04Wrap .txtBox {padding-bottom:20px ;border-bottom:1px solid #ebebeb; margin-bottom:50px;}
	.sub04Wrap .boardTitle {font-size:35px; margin-bottom:40px; }

	/*sub0403 홍보센터-설치사례*/
	.sub04Wrap .boardContent {font-size:25px; color:#202020; font-weight:400;}
	.sub04Wrap .videoBox{margin-bottom:50px;}

	/*sub0404 홍보센터-갤러리,이벤트*/
	.sub04Wrap .bar{display:inline-block; margin:0 40px;}


	/*sub0501 고객센터*/
	.sub05Wrap {width:1424px; margin:0 auto; margin-bottom: 120px;}
	.sub05Wrap .boardTitle {font-size:35px; padding-top:100px; margin-bottom:40px;}


	/*sub0601 나라장터*/

	.sub06Wrap .bgBox .go_page{display:block; position:absolute; left:100px; bottom:110px;}
	.sub06Wrap .bgBox .nara_logo{position:absolute; right:60px; bottom:90px;}
	.sub06Wrap .flexWrap06 > div {width:23%; margin:0 1%; text-align:center;}
	.sub06Wrap .flexWrap06 .imgBox {width:60px; margin:0 auto; height:60px; text-align:center;}
	.sub06Wrap .flexWrap06 .icon_title {font-size:25px; color:#202020; font-weight:500; margin:20px 0;}
	.sub06Wrap .flexWrap06 .icon_content {font-size:18px; color:#767676; }
}

@media screen and (max-width:1548px){ 
	#location02 {width:100%;}
}
@media screen and (max-width:1424px){ 
	.sub02Wrap02 {width:100%;}
}
@media screen and (max-width:1370px){ 
	.tabBtn > li > a {font-size:20px; }
	.tabBtn li .tabDepth2 li a {font-size:20px;}
}

@media (max-width: 1120px){
	#location {height:80px;}
	#location .all-wrap {height:80px;}
	#location .all-wrap .loca-wrap {height:80px; padding:0;}
	#location .all-wrap .loca-wrap .logobox{display:none !important;}
	#location .all-wrap .loca-wrap .loca-area .homeBtn img {width:100px;}
	/*#location .all-wrap .loca-wrap .loca-area .homeBtn .lnr {font-size:20px;}*/
	#location .all-wrap .loca-wrap .loca-area {height:80px;}
	#location .all-wrap .loca-wrap .loca-area>ul {width:170px;}
	#location .all-wrap .loca-wrap .loca-area>ul>li {height:80px; width:170px;}
	#location .all-wrap .loca-wrap .loca-area>ul>li button {font-size:16px; transform: skew(0.03deg);}
	#location .all-wrap .loca-wrap .loca-area>ul>li div ul li a {font-size: 16px; transform: skew(0.03deg);}
	#location .all-wrap .loca-wrap .loca-area>ul>li .button01 {font-size:20px; width:170px; height:80px; background-size:50px;}
	#location .all-wrap .loca-wrap .loca-area>ul>li .button02 {font-size:20px; width:170px; height:80px; background-size:50px;}
	#location .all-wrap .loca-wrap .loca-area>ul> .submenu-list {width:170px; height:80px;}
	#location .all-wrap .loca-wrap .loca-area>ul>li div ul li a {height:80px; line-height:80px;}
	#location02 .lnr-chevron-down:before {display:none;}
	#location02 .lnr-chevron-up:before {display:none;}

	.tabBtn > li > a {font-size:16px; }
	.tabBtn li .tabDepth2 li a {font-size:16px;}
}

@media (max-width: 768px){ 
	#location02 .tabBtn {justify-content: flex-start;}
	#location02 .tabBtn > li { width:31.3%; margin:0 1%; margin-top:8px;}
	#location02 .tabBtn li .tabDepth2 li a {font-size:18px; padding:0 4px; box-sizing:border-box;}
	.tabBtn > li > a {font-size:16px;}
	.tabBtn li .tabDepth2 li a {font-size:14px;}
}
/*화면 너비 0 ~ 540px*/
@media (max-width: 540px){
	.sub-text-box {width:90%; font-size:18px;}
	.sub_visual {height:670px;}
	.text-box {padding-top:40px; font-size:28px;}
	.text-box:after {margin: 18px auto 0;}

	.tabMenu a {font-size:18px; padding:16px 0;}
	.tabMenu01 a {width:31.3%; margin:0 1%;}

	.content_box h2.title {font-size: 1.6rem;}
	.content_box h2.title:after {margin: 23px auto 40px;}
	#location {height:60px;}
	#location .all-wrap {height:60px;}
	#location .all-wrap .loca-wrap {height:60px; padding:0;}
	#location .all-wrap .loca-wrap .logobox{display:none !important;}
	#location .all-wrap .loca-wrap .loca-area .homeBtn {display:none;}
	/*#location .all-wrap .loca-wrap .loca-area .homeBtn .lnr {font-size:20px;}*/
	#location .all-wrap .loca-wrap .loca-area {height:60px;}
	#location .all-wrap .loca-wrap .loca-area>ul {width:170px;}
	#location .all-wrap .loca-wrap .loca-area>ul>li {height:60px; width:170px;}
	#location .all-wrap .loca-wrap .loca-area>ul>li button {font-size:16px; transform: skew(0.03deg);}
	#location .all-wrap .loca-wrap .loca-area>ul>li div ul li a {font-size: 16px; transform: skew(0.03deg);}
	#location .all-wrap .loca-wrap .loca-area>ul>li .button01 {font-size:20px; width:170px; height:60px; background-size:50px;}
	#location .all-wrap .loca-wrap .loca-area>ul>li .button02 {font-size:20px; width:170px; height:60px; background-size:50px;}
	#location .all-wrap .loca-wrap .loca-area>ul> .submenu-list {width:170px; height:60px;}
	#location .all-wrap .loca-wrap .loca-area>ul>li div ul li a {height:60px; line-height:60px;}
	
	/*sub0101인사말*/
	.flexWrap01 {display:block;}

	/*sub0102연혁*/
	.history_wrap {display:none;}
	.history_wrap_mobile {display:block; margin-top:100px;}
	.history_wrap_mobile ul {margin-bottom:60px;}
	.history_wrap_mobile ul li > div {margin-bottom:10px;}
	.history_wrap_mobile ul li.years_tit {font-size:32px;  font-weight:600; color:#183728; margin-bottom:10px;}
	.history_wrap_mobile .blueTxt {font-size:20px; color:#284eba; font-weight:500;} 
	.history_wrap_mobile .content {color:#7a7a7a; font-weight:500;} 
	.history_wrap_mobile ul li .flexWrap03 {font-size:16px;}
	.history_wrap_mobile ul li .flexWrap02 {font-size:16px;}
	.history_wrap_mobile ul:nth-of-type(even):after {right:-3.6vw;top:20px; width:10px; height:10px;}
	.history_wrap_mobile ul:after {left:-3.6vw;top:20px; width:10px; height:10px;}
	
	/*sub02*/
	.sub02Wrap02 {width:100%;}
	.sub02Wrap .bgBox {width:100%;}
	.sub02Wrap .bgBox .title {font-size:28px; top:30%; left:0; width:100%;}
	.sub02Wrap .bgBox .content {font-size:16px; top:50%; left:0; width:100%;}
	#location02 {width:100%;}
	#location02 .tabBtn > li {width:48%; height:54px; line-height:54px; text-indent:0;}
	#location02 .tabBtn > li > a { font-size:16px; text-align:center; padding:0 4px; box-sizing:border-box;}
	#location02 .tabBtn li .tabDepth2 li a {font-size:18px; text-align:center; padding:0 4px; box-sizing:border-box;}
	.sub02Wrap02 .boardTitle {font-size:1.5rem;}
	.gal_eff li {min-height:350px;}

	/*sub03*/
	.sub03Wrap {width:100%;}
	.sub03Wrap .boardTitle {font-size:1.5rem;}

	/*sub04*/
	.sub04Wrap {width:100%;}
	.sub04Wrap .boardTitle {font-size:1.5rem;}
	.sub04Wrap .boardContent {font-size:18px;}

	/*sub06*/
	.sub06Wrap {width:100%;}
	.sub06Wrap .bgBox {width:100%;}
	.sub06Wrap .bgBox .title {font-size:28px; top:22%; left:0; width:100%; text-align:center; padding:0 10%; box-sizing:border-box;}
	.sub06Wrap .bgBox .content {font-size:16px; top:45%; left:0; width:100%; text-align:center; padding:0 10%; box-sizing:border-box;}
	.sub06Wrap .boardTitle {font-size:1.5rem;}
	.sub06Wrap .bgBox .go_page {left: 26vw; bottom:30%; font-size:18px;}
	.sub06Wrap .bgBox .go_page img{width:80%;}
	.sub06Wrap .bgBox .nara_logo {width:80%; margin:0 auto; right:10vw; bottom:50px;}
	.sub06Wrap .flexWrap06 {width:100%; margin-bottom:60px;}
	.sub06Wrap .flexWrap06 > div {width:48%; margin:0 1%; margin-bottom:50px;}
	.sub06Wrap .flexWrap06 .icon_title{font-size:18px;;}
	.sub06Wrap .flexWrap06 .icon_content{font-size:14px;}
	.sub06Wrap .flexWrap06 .imgBox{width:40px;}


	/*sub05*/
	.sub05Wrap {width:100%;}
	.sub05Wrap .boardTitle {font-size:1.5rem;}
}