@charset "UTF-8";

/* search */
.search_wrap {background: #f8f8f8;  padding: 1.5em;margin-bottom: 2em;text-align: center;}
.search_wrap .btn {height: 45px;background: #333;color: #fff;}
.search_wrap select { padding:.4em 1em; border:1px solid #ccc; border-radius:.25em}
.search_wrap input { padding:.475em 1em; border:1px solid #ccc; border-radius:.25em}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:680px) {
	.search_wrap select,
	.search_wrap input[type='text'],
	.search_wrap .btn {width: 100%;margin-bottom: 5px;}
}


/* paging */
.page_wrap { padding:40px 0 15px; text-align:center; font-size:0;}
.page_wrap .page { display:inline-block; line-height:2.5; width:2.5em; height:2.5em; margin:0 -1px 0 0; font-weight:600; overflow:hidden; background:#fff; border:1px solid #333; font-size:14px;}
.page_wrap .page span { color:#94979e; }
.page_wrap .page.current {  border-bottom:4px solid #333; }
.page_wrap .page.current span {color:#333;}
.page_wrap .pate_txt { border:1px solid #333; }
.page_wrap .page_first { display:inline-block; overflow:hidden; width:2.5em; height:2.5em; text-indent:-999px; background:url(../../images/template2/double_arrow_left.png) center no-repeat; }
.page_wrap .page_prev { display:inline-block; overflow:hidden; width:2.5em; height:2.5em; text-indent:-999px; background:url(../../images/template2/notice_arrow_left.png) center no-repeat;}
.page_wrap .page_next { display:inline-block; overflow:hidden; width:2.5em; height:2.5em; text-indent:-999px; background:url(../../images/template2/notice_arrow_right.png) center no-repeat;}
.page_wrap .page_last { display:inline-block; overflow:hidden; width:2.5em; height:2.5em; text-indent:-999px; background:url(../../images/template2/double_arrow_right.png) center no-repeat;}

/* index.html */
.section {width:100%; height:auto;}
/* visual_wrap*/
.section.visual{background:url(../../images/template2/blue_bg.jpg) center no-repeat;height: 940px;margin-bottom:0px !important;background-size:100% 100% !important;}
.section.visual .visual_wrap{/*background-image:url(../../images/template2/main_image.jpg); background-repeat:no-repeat; background-position:center right;*//*padding:18em 0;*/ width:1200px;height: 100%; margin:0 auto; position:relative; }
.section.visual .visual_wrap h4 p {max-width: 890px;word-break: keep-all;font-family:Montserrat;font-weight:700;; font-size:6.8em; color:#fff; letter-spacing:-0.015em;}
.section.visual .visual_wrap h4 p font font {font-family:Montserrat;font-weight:700;; font-size:6.8em; color:#fff; letter-spacing:-0.015em;}
.section.visual .visual_wrap p.con_txt {font-size:1.8em; letter-spacing:-0.025em; color:#fff; padding-top:2em; font-weight:600}
.section.visual .visual_wrap p.con_txt font font{font-size:1.8em; letter-spacing:-0.025em; color:#fff; padding-top:2em; font-weight:600}
.section.visual .visual_wrap .visual_btn { margin-top:5em;}
.section.visual .visual_wrap .visual_btn a {display:inline-block; padding:1em 8em 1em 2em; background:#fff; font-weight:600; font-size:1.3em; color:#0056a2; border-radius:2em; position:relative;}
.section.visual .visual_wrap .visual_btn a font font{font-weight:600; font-size:1.3em; color:#0056a2;}
.section.visual .visual_txt {position: absolute;top: 45%;left: 0;z-index: 1;transform: translate(0, -50%);}
.section.visual .visual_img {position: absolute;top: 50%;right: 0;transform: translate(0, -50%);width: 905px;height: 661px;background-size: 100% 100%;;}

/*
.section.visual .visual_wrap .visual_btn a:before {content:''; display:block; width:40px; height:1px; background:#fff; position:absolute; right:25px; bottom:50%;}
.section.visual .visual_wrap .visual_btn a:after { content:''; display:block; width:10px; height:1px; background:#fff; position:absolute; right:25px; bottom:50%; transform:rotate(45deg); margin-bottom:4px;}
*/
.section.visual .visual_wrap .visual_btn a:before {content:''; display:block; width:0px; height:1px; background:#0056a2; position:absolute; right:60px; bottom:50%; -webkit-animation:btn_out_before 0.3s ease; -moz-animation:btn_out_before 0.3s ease; animation:btn_out_before 0.3s ease; animation-fill-mode:forwards;}
.section.visual .visual_wrap .visual_btn a:after { content:''; display:block; width:0px; height:1px; background:#0056a2; position:absolute; right:60px; bottom:50%; transform:rotate(45deg); margin-bottom:4px; -webkit-animation:btn_out_after 0.3s ease; -moz-animation:btn_out_after 0.3s ease; animation:btn_out_after 0.3s ease; animation-fill-mode:forwards;}
.section.visual .visual_wrap .visual_btn a:hover:before { -webkit-animation:btn_hover_before 0.3s ease; -moz-animation:btn_hover_before 0.3s ease; animation:btn_hover_before 0.3s ease; animation-fill-mode:forwards; }
.section.visual .visual_wrap .visual_btn a:hover:after { -webkit-animation:btn_hover_after 0.3s ease; -moz-animation:btn_hover_after 0.3s ease; animation:btn_hover_after 0.3s ease; animation-fill-mode:forwards; }

@media screen and (max-width:1300px) {
	.section.visual {height: 750px !important;}
}

@media screen and (max-width:1024px) {
	.section.visual {height: 650px !important;}
	.section.visual .visual_img {width: 80%;height: 300px;}
}

@media screen and (max-width:800px) {
	.section.visual {background-size:contain !important;}
}


@-webkit-keyframes btn_hover_before { from { width:15px; right:60px; } to { width:40px; right:25px;  }}
@-moz-keyframes btn_hover_before { from { width:15px; right:60px;} to { width:40px; right:25px;}}
@keyframes btn_hover_before { from { width:15px; right:60px; } to { width:40px; right:25px; }}
@-webkit-keyframes btn_hover_after { from { right:60px; width:0; } to {  right:25px; width:10px; }}
@-moz-keyframes btn_hover_after { from { right:60px; width:0; } to { right:25px; width:10px;}}
@keyframes btn_hover_after { from { right:60px; width:0; } to { right:25px; width:10px;}}

@-webkit-keyframes btn_out_before { from { width:40px; right:25px; } to { width:0px; right:60px; }}
@-moz-keyframes btn_out_before { from { width:40px; right:25px;} to { width:0px; right:60px;}}
@keyframes btn_out_before { from { width:40px; right:25px; } to { width:0px; right:60px;}}
@-webkit-keyframes btn_out_after { from { right:25px; width:10px;} to {  right:60px; width:0; }}
@-moz-keyframes btn_out_after { from { right:25px; width:10px; } to { right:60px; width:0;}}
@keyframes btn_out_after { from { right:25px; width:10px; } to { right:60px; width:0;}}


/* daeyoung_info */
.section.daeyoung_info .section_wrap { width:1200px; margin:0 auto; padding:2em 0 0; }
.section.daeyoung_info .section_wrap .float_cont h3 {margin: 100px 0 20px; padding:0; padding-bottom:1em; }
.section.daeyoung_info .section_wrap .float_cont p { font-size:1.6em; font-weight:normal; letter-spacing:-0.025em; margin-top:5px;font-family:NanumSquare;}
.section.daeyoung_info .section_wrap .float_cont p font font { font-size:1.6em; font-weight:normal; letter-spacing:-0.025em; margin-top:5px;font-family:NanumSquare;}
.section.daeyoung_info .section_wrap .float_cont p strong { font-size:1em; font-weight:900; letter-spacing:-0.045em;}
.section.daeyoung_info .section_wrap .float_cont p strong font font{ font-weight:900; letter-spacing:-0.045em;}
.section.daeyoung_info .section_wrap .flex_item { display:block; position:relative;}
.section.daeyoung_info .section_wrap .flex_item ul { display:flex; flex-wrap:wrap; justify-content: flex-start; list-style:none; margin-top: 30px; }
.section.daeyoung_info .section_wrap .flex_item li { width:33.3333%; /*flex:0 32%; margin-bottom:2em;*/ padding:1% ;  }
.section.daeyoung_info .section_wrap .flex_item li a { display:block; border:none; border-top:1px solid #ccc; }
.section.daeyoung_info .section_wrap .flex_item .item_tit {font-family:NanumSquare; font-weight:700; font-size:1.6em; letter-spacing:-0.045em; text-align:center; color:#666; padding:1.8em 0;  border:1px solid #ccc; }
.section.daeyoung_info .section_wrap .flex_item .item_tit font font{font-family:NanumSquare; font-weight:700; font-size:1.6em; letter-spacing:-0.045em; text-align:center; color:#666; padding:1.8em 0;}


.section.daeyoung_info .section_wrap .flex_item .item_img_wrap { border:1px solid #ccc; border-bottom:none; border-top:none; overflow:hidden; }
.section.daeyoung_info .section_wrap .flex_item .item_img {  width:100%; height:0; padding-bottom:100%; transition:all .7s;  }
.section.daeyoung_info .section_wrap .flex_item .item_img.img1{ background:url(../../images/template2/item1.jpg) no-repeat center; background-size:cover;}
.section.daeyoung_info .section_wrap .flex_item .item_img.img2{ background:url(../../images/template2/item2.jpg) no-repeat center; background-size:cover;}
.section.daeyoung_info .section_wrap .flex_item .item_img.img3{ background:url(../../images/template2/item3.jpg) no-repeat center; background-size:cover;}
.section.daeyoung_info .section_wrap .flex_item .item_img.img4{ background:url(../../images/template2/item4.jpg) no-repeat center; background-size:cover;}
.section.daeyoung_info .section_wrap .flex_item .item_img.img5{ background:url(../../images/template2/item5.jpg) no-repeat center; background-size:cover;}
.section.daeyoung_info .section_wrap .flex_item .item_img.img6{ background:url(../../images/template2/item6.jpg) no-repeat center; background-size:cover;}
.section.daeyoung_info .section_wrap .flex_item li a:hover { border-color:#0056a1;}
.section.daeyoung_info .section_wrap .flex_item li a:hover .item_img { transform:scale(1.1);  }
.section.daeyoung_info .section_wrap .flex_item li a:hover .item_img_wrap { border-color:#0056a1;  }
.section.daeyoung_info .section_wrap .flex_item li a:hover .item_tit { color:#fff; border-color:#0056a1; background:-webkit-linear-gradient(left top, #005ba8, #002f6a); background:-moz-linear-gradient(left top, #005ba8, #002f6a); background:-o-linear-gradient(left top, #005ba8, #002f6a); background:linear-gradient(to right bottom, #005ba8, #002f6a);}


/* streetinfo */
.street_wrap { margin-top:0; }
.street_wrap .action_wrap { background:url(../../images/template2/main_street.png) no-repeat 0 0; background-size:3400px 1500px; width:3400px;  height:1500px;  margin: 0; max-width: 100%; overflow-x: hidden; position: relative;  cursor: none; overflow:hidden;}
.street_wrap .st_background { left:0; top:0; width:24em; height:24em; background:url(../../images/template2/main_street_hover_txt.png) no-repeat 0 0; background-size:3400px 1500px;  border-radius:100%; border:2px solid #666; box-shadow:inset 0 0 15px 1px rgba(85 85 85 / .5); position:absolute; opacity:0; }

/* contactus */
.section.contactus .section_wrap { width:1200px; margin:0 auto; padding:2em 0; }
.section.contactus .section_wrap h2 {font-family:Montserrat; font-size:4em;letter-spacing:-0.025em; border-bottom:1px solid #333; margin-top:1em; }
.section.contactus .section_wrap .sub_tit {font-family:NanumSquare; font-weight:800;  letter-spacing:-0.045em; color:#000; padding-top:1em; font-size:1.8em; }
.section.contactus .section_wrap .btns_wrap { text-align:center; }
.section.contactus .section_wrap .btns_wrap a { display:inline-block; font-weight:900; font-size:2em; padding:.9em 10em .9em .9em; background:linear-gradient(to right bottom,#0073a3, #005ba8); color:#fff; margin:3em 1em 0; border-radius:2em; position:relative; }
.section.contactus .section_wrap .btns_wrap a.blue {background:linear-gradient(to right bottom, #005ba8, #002f6a);}
.section.contactus .section_wrap .btns_wrap a i {position:absolute; width:5em; height:5em; display:block; background:#fff; right:9px; top:7px; border-radius:100%;}
.section.contactus .section_wrap .btns_wrap a i:before{content:''; display:block; width:30px; height:1px; background:#000; position:absolute; right:1.2em; bottom:50%;}
.section.contactus .section_wrap .btns_wrap a i:after{content:''; display:block; width:10px; height:1px; background:#000; position:absolute; right:1.2em; bottom:50%; transform:rotate(45deg); margin-bottom:4px;}


/* sub_section */
.sub_section { width:1200px; margin: 0em auto; }
.sub_section .flex_wrap { display:flex; justify-content: flex-start; }
.sub_section .flex_wrap.wrap { flex-wrap:wrap; }
.sub_section .flex_wrap .flex_item { flex:1 auto; }
.sub_section .flex_wrap .flex_item.f0 { flex:0 auto; }
.sub_section .flex_wrap .flex_item.ml { margin-left:5em; }
.sub_section .flex_wrap .flex_item.mr { margin-right:5em;}

.sub_section h3 { font-family:NanumBarunGothic; font-weight:800;  display:inline-block; font-size:3.2em; font-weight:900; color:#0056a2; border-bottom:4px solid #0056a2; padding-bottom:3px; letter-spacing:-0.035em; margin:50px 0 30px;}
.sub_section h3 font font{ font-family:NanumBarunGothic; font-weight:800;  display:inline-block; font-size:3.2em; font-weight:900; color:#0056a2; padding-bottom:3px; letter-spacing:-0.035em; margin:50px 0 30px;}
@media screen and (max-width:1200px) {
		.sub_section { width:90%;}
		.sub_section .flex_wrap {display:flex; justify-content:space-between; }
		.sub_section .flex_wrap .flex_item {}
		.sub_section .flex_wrap .flex_item.f0 {}
		.sub_section .flex_wrap .flex_item.ml { margin-left:3em; }
		.sub_section .flex_wrap .flex_item.mr { margin-right:3em;}

		.sub_section h3 {}
}
@media screen and (max-width:1024px) {
	.sub_section {}
	.sub_section .flex_wrap {}
	.sub_section .flex_wrap .flex_item {}
	.sub_section .flex_wrap .flex_item.f0 {}
	.sub_section .flex_wrap .flex_item.ml { margin-left:2em; }
	.sub_section .flex_wrap .flex_item.mr { margin-right:2em;}

	.sub_section h3 { font-size:2.75em; border-bottom:4px solid #0056a2; margin:50px 0 30px;}
}
@media screen and (max-width:680px) {
	.sub_section {}
	.sub_section .flex_wrap {}
	.sub_section .flex_wrap .flex_item {}
	.sub_section .flex_wrap .flex_item.f0 {}
	.sub_section .flex_wrap .flex_item.ml { margin-left:3em; }
	.sub_section .flex_wrap .flex_item.mr { margin-right:3em;}

	.sub_section h3 { font-size:2em;}
}



/* 인사말 */
.sub_section.welcome .text {}
.sub_section.welcome .text p { font-size:1.5em; letter-spacing:-0.045em; margin-top:.2em;line-height: 1.8;}
.sub_section.welcome .text p.mt {margin-top:1.25em; }
.sub_section.welcome .text p { font-size:1.5em; letter-spacing:-0.045em; margin-top:.2em;  }
.sub_section.welcome .text p font font{ font-size:1.5em; letter-spacing:-0.045em; margin-top:.2em;  }
.sub_section.welcome .sign {padding-top:4em; font-weight:600; font-size:1.5em;color: #000;}
.sub_section.welcome .sign em {font-size:1.1em; font-weight:900; font-style:normal;}
.sub_section.welcome .sign font font{padding-top:4em; font-weight:600; font-size:1.5em;}
.sub_section.welcome .sign em font font{font-size:1.1em; font-weight:900; font-style:normal;}
.sub_section.welcome .flex_wrap {justify-content: space-between;flex-direction: row}
#company_welcome .flex_wrap .flex_item{padding-right: 3em;width: calc(100% - 400px);}
.sub_section.welcome .flex_wrap .flex_item.f0 {max-width: 400px;width:100%;}

.sub_section.welcome .text img{width:100%;}


@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.sub_section.welcome .flex_wrap {flex-direction: column;}
	#company_welcome .flex_wrap .flex_item {width: 100%;padding-right: 0;}
	.sub_section.welcome .flex_wrap .flex_item.f0 {max-width: 100%;margin-top: 2em;}
}
@media screen and (max-width:680px) {
}

/* 연혁 */
.sub_section.history .history_wrap {position:relative; overflow:hidden;}
.sub_section.history .history_wrap .history_line { position: absolute; left:17em; margin-left:-5em; top:3em; z-index: 1; width: 2px; height:50px; max-height: 100%; background-color: #2678D6; transition: height .3s; }
.sub_section.history .history_wrap:after { content:""; position: absolute; left:17em; margin-left:-5.35em; bottom:0; z-index: 1; width:12px; height: 12px; border-radius: 50%; background-color:#2678D6; }
.sub_section.history .history_wrap dl {position:relative;padding: 1.5em 0 0em 20%;}
.sub_section.history .history_wrap dt {position:absolute;top: 15px;left:0;font-size:2.5em;font-weight:900;color: #0056a2;width:6em;}
.sub_section.history .history_wrap dt font font{position:absolute;top:1em;left:0;font-size:2.5em;font-weight:900;color:#666;width:6em;}
.sub_section.history .history_wrap dt:after {content:"";position: absolute;right:1em;top: 30%;z-index: 1;width:12px;height: 12px;border-radius: 50%;background-color:#2678D6;}
.sub_section.history .history_wrap dd { padding-bottom:.5em; font-size:1.5em; }
.sub_section.history .history_wrap dd font font{padding-bottom:.5em;font-size:1.5em;}
.sub_section.history .history_wrap dd:last-child{border-bottom:1px solid #f1f1f1;padding-bottom: 1em;}
.sub_section.history .history_wrap dl:before { content: ""; position: absolute; left:17em; margin-left:-5em; top:0; bottom: 0; width: 2px; background-color: #ddd; }
.sub_section.history .history_wrap dl:first-of-type:before { top:3em;}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.sub_section.history .history_wrap .history_line { left:15em;  }
	.sub_section.history .history_wrap:after { content:""; position: absolute; left:15em; margin-left:-5.35em; bottom:0; z-index: 1; width:12px; height: 12px; border-radius: 50%; background-color:#2678D6; }
	.sub_section.history .history_wrap dl { position:relative; padding:3em 0 0 12em; }
	.sub_section.history .history_wrap dt { position:absolute; top:1em; left:0; font-size:2em; width:5em;}
	.sub_section.history .history_wrap dl:before { left:15em;}

	.sub_section.history .history_wrap dt:after {content: ""; position: absolute; right:-.25em; top:2%; z-index:1; width: 12px; height: 12px; border-radius: 50%; background-color: #2678D6;}
}
@media screen and (max-width:680px) {
		.sub_section.history .history_wrap {position:relative; overflow:hidden;}
		.sub_section.history .history_wrap .history_line { left:.75em; margin-left:0; top:3em;  }
		.sub_section.history .history_wrap:after { left:.35em; margin-left:0; }
		.sub_section.history .history_wrap dl { padding:8em 0 0 3em; }
		.sub_section.history .history_wrap dt { top:1em; left:1.5em; font-size:2em; }
		.sub_section.history .history_wrap dt:after {content:""; position: absolute; right:unset; left:-1.325em; top:38%; z-index: 1; width:12px; height: 12px; border-radius: 50%; background-color:#2678D6;}
		.sub_section.history .history_wrap dd { padding-bottom:.5em; font-size:1.1em; }
		.sub_section.history .history_wrap dd:last-child{ border-bottom:1px solid #f1f1f1; padding-bottom:2em;}
		.sub_section.history .history_wrap dl:before { content: ""; position: absolute; left:.75em; margin-left:0; top:0; bottom: 0; width: 2px; background-color: #ddd; }
		.sub_section.history .history_wrap dl:first-of-type:before { top:3em;}
}

/* 인증 및 특허 */
.sub_section.certification { }
.sub_section.certification .float_cont { padding-top:1.5em}
.sub_section.certification .float_cont p { font-size:1.25em; margin-top:.2em;letter-spacing:-0.025em; }
.sub_section.certification .float_cont p font font{ font-size:1.25em; margin-top:.2em;letter-spacing:-0.025em; }
.sub_section.certification .flex_wrap { margin-top:3em;flex-direction: row;flex-wrap: wrap;}
.sub_section.certification .flex_item { /*flex:0 30%; background:#ddd; margin-bottom:2em;*/padding: 1em;width: 33.33333%;max-width: 33.3333%;}
.sub_section.certification .flex_item a { display:block; width:100%; font-size:0; box-shadow:}
.sub_section.certification .flex_item a img { width:100%; height:500px; }
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {
	.sub_section.certification .flex_item {width: 50%;max-width: 50%;}
}
@media screen and (max-width:680px) {
	.sub_section.certification .flex_item {width: 100%;max-width: 100%;}
}



/* 인증 및 특허 : 팝업 certification_pops */
#certification_pops { position:fixed; left:0; top:0; right:0; bottom:0; z-index:9999; display:none; }
.certification_cont .certi_btn {width:48px; height:48px; position: absolute; top:18px; right:18px; font-size:0; line-height: 0; background:none; z-index:2;}
.certification_cont .certi_btn:before { content:''; width:30px; height:3px; background:#fff; position:absolute; transform:rotate(45deg); left:10px; top:20px;  }
.certification_cont .certi_btn:after { content:''; width:30px; height:3px; background:#fff; position:absolute; transform:rotate(-45deg); left:10px; top:20px; }
#certification_cont { position:absolute; max-width:80%; max-height:80%; left:50%; top:50%;  z-index:2; transform:translate(-50%, -50%); text-align:center;overflow-y: auto;}
#certification_cont img {width: 100%;height: auto;}
#certification_pops .certification_back { position:absolute; left:0; top:0; right:0; bottom:0;  z-index:1; background:#000; opacity:.5; }
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:680px) {
	#certification_cont {width: 80%;}
}


/* 비즈니스 */
.sub_visual.business { background:url(../../images/template2/bin_0117.jpg) #000;}
.sub_visual.business .visual_cont i { background:url(../../images/template2/business_icon.png) no-repeat center; background-size:cover;    }
.sub_section.info .cont { padding-top:2em; }
.sub_section.info .cont p { font-size:2em; margin-top:.2em; letter-spacing:-0.025em; }
.sub_section.info .cont .cont_spacing{margin-top:1em;}
.sub_section.info .cont p strong { font-size:1em; }
.sub_section.detail {margin-bottom: 6em; }
.sub_section.detail:last-child {margin-bottom: 0;}
.sub_section.detail .bu_patten { padding:0; font-size:0; border:1px solid #ccc; overflow:hidden;display: inline-block;}
.sub_section.detail .bu_patten img { transition:all .7s;width: 405px;}
.sub_section.detail .bu_patten:hover { border-color:#0056a1; }
.sub_section.detail .bu_patten:hover img { transform:scale(1.1);}
.sub_section.detail .cont { display:flex; flex-direction:column; justify-content:center; height:100%; }
.sub_section.detail .cont p { font-size:1.75em; margin-top:.2em; letter-spacing:-0.025em;color: #000;font-weight: 500;}
.sub_section.detail .cont p strong { font-size:1.05em;letter-spacing:-0.025em; }
.sub_section.detail .cont ul { margin-top:2em;  list-style:none; }
.sub_section.detail .cont ul li { font-size:1.5em; padding-left:1em; letter-spacing:-0.025em; position:relative; margin:.5em 0;}
/* .sub_section.detail .cont ul li:before { content:''; position:absolute; left:.75em; top:.7em; width:.75em; height:2px; background:#000; } */

.sub_section.detail .cont p font font{ font-size:1.75em; margin-top:.2em; letter-spacing:-0.025em;}
.sub_section.detail .cont ul font font{ margin-top:6em;  list-style:none; }
.sub_section.detail .cont ul li font font{ font-size:1.5em; padding-left:2em; letter-spacing:-0.025em; position:relative; margin:.5em 0;}
.sub_section.detail .cont ul li:before font font{ content:''; position:absolute; left:.75em; top:.7em; width:.75em; height:2px; background:#000; }

.sub_section.detail .flex_wrap .flex_item:first-child {max-width: 360px;}
.sub_section.detail .flex_wrap .flex_item:last-child {width: calc(100% - 360px);}
@media screen and (max-width:1200px) {
	/* business html */
	.sub_section.info { margin:3em auto 0; }
	.sub_section.info .cont p { font-size:1.25em; }
	.sub_section.info .company_logo { margin-top:-10em; text-align:right;}
	.sub_section.info .company_logo img { width:80%; }
}
@media screen and (max-width:1024px) {

		/* business html */
		.sub_section.info .cont p { font-size:1em; }
		.sub_section.info .company_logo { margin-top:-5em;}

		.sub_section.detail .flex_wrap {flex-direction: column;}
		.sub_section.detail .flex_wrap .flex_item:first-child {max-width: 100%;}
		.sub_section.detail .flex_wrap .flex_item:last-child {width: 100%;margin-top: 2em;margin-left: 0;}


}
@media screen and (max-width:680px) {
		/* business html */
		.sub_section.info .flex_wrap .flex_item.f0 { flex:unset; position:absolute; z-index:-1;}
		.sub_section.info .company_logo { text-align:center; margin-top:-2em;}
		.sub_section.info .company_logo img { width:70%; opacity:0.2; }
		.sub_section.detail .cont ul {margin-top: 1em;}
		.sub_section.detail .cont ul li {padding-left: .5em;}

}


/* product html */
.sub_visual.product { background:url(../../images/template2/pro_0117.jpg) #000;}
.sub_visual.product .visual_cont i { background:url(../../images/template2/product_icon.png) no-repeat center; background-size:cover;    }
.sub_section.product .flex_wrap {margin-top:-3.5em;}
.sub_section.product .flex_wrap .cont { padding-top:4em; }
.sub_section.product .flex_wrap .cont p { font-size:1.75em; letter-spacing:-0.025em;}
.sub_section.product .flex_wrap .cont p strong { font-size:1em;}
.sub_section.product .flex_wrap .cont p font font{ font-size:1.75em; letter-spacing:-0.025em;}
.sub_section.product .ologo { width:12em; height:12em; background:url(../../images/template2/sample_ologo.jpg) 0 0 no-repeat; background-size:100%; margin-left:20em;}
.sub_section.product .product_wrap { display:block; position:relative; margin-top: 50px;}
.sub_section.product .product_wrap ul { display:flex; flex-wrap:wrap; justify-content: flex-start; list-style:none;}
.sub_section.product .product_wrap li { width:33.33333%;padding: 1em;}
.sub_section.product .product_wrap li a { display:block; border:none; border-top:1px solid #ccc; }
.sub_section.product .product_wrap .item_tit {font-size:1.45em; letter-spacing:-0.045em; font-weight:900; text-align:center; color:#666; padding:1.5em 0;  border:1px solid #ccc; }
.sub_section.product .product_wrap .item_tit font font{font-size:1.45em; letter-spacing:-0.045em; font-weight:900; text-align:center; color:#666; padding:1.5em 0; }
.sub_section.product .product_wrap .item_img_wrap { border:1px solid #ccc; border-bottom:none; border-top:none; overflow:hidden; }
.sub_section.product .product_wrap .item_img {  width:100%; height:330px; transition:all .7s;  }
.sub_section.product .product_wrap .item_img.img1{ background:url(../../images/template2/item1.jpg) no-repeat center; background-size:cover;}
.sub_section.product .product_wrap .item_img.img2{ background:url(../../images/template2/item2.jpg) no-repeat center; background-size:cover;}
.sub_section.product .product_wrap .item_img.img3{ background:url(../../images/template2/item3.jpg) no-repeat center; background-size:cover;}
.sub_section.product .product_wrap .item_img.img4{ background:url(../../images/template2/item4.jpg) no-repeat center; background-size:cover;}
.sub_section.product .product_wrap .item_img.img5{ background:url(../../images/template2/item5.jpg) no-repeat center; background-size:cover;}
.sub_section.product .product_wrap .item_img.img6{ background:url(../../images/template2/item6.jpg) no-repeat center; background-size:cover;}
.sub_section.product .product_wrap li a:hover { border-color:#0056a1;}
.sub_section.product .product_wrap li a:hover .item_img { transform:scale(1.1);}
.sub_section.product .product_wrap li a .item_img img {width: 100%;height: 100%;}
.sub_section.product .product_wrap li a:hover .item_img_wrap { border-color:#0056a1;  }
.sub_section.product .product_wrap li a:hover .item_tit { color:#fff; border-color:#0056a1; background:-webkit-linear-gradient(left top, #005ba8, #002f6a); background:-moz-linear-gradient(left top, #005ba8, #002f6a); background:-o-linear-gradient(left top, #005ba8, #002f6a); background:linear-gradient(to right bottom, #005ba8, #002f6a);}


/* product detail html */
.sub_section.product_detail { }
.sub_section.product_detail h3 { border-bottom:none; }
.sub_section.product_detail .cont {}
.sub_section.product_detail .sub_tit { font-size:1.25em; font-weight:600; padding-bottom:1em; }
.sub_section.product_detail .flex_item  { flex:1 50%;}
.sub_section.product_detail .flex_item.f0 { flex:1 50%;}
.img_wrap { position:relative; width:100%; height:0; padding-bottom:100%; overflow:hidden; background:#000; margin-top:-7em;}
.img_wrap .img_item { position:absolute; left:0; top:0; width:100%; height:100%;  }
.img_wrap .img_item img { width:100%; }
.img_wrap .default_item img { opacity:0}
#img_navs {position:absolute; bottom:10px; left:50%; transform:translate( -50%, 0 )}
#img_navs li { display:inline-block; margin-right:3px;}
#img_navs li a { width:12px; height:12px; display:block; background:#fff; font-size:0; border-radius:100%;}
#img_navs li.active a { background:#00559e}

#thumb_slide_box img {height: 80px;}

.detail_cont {margin-top:5em; }
.detail_cont ul {/* font-size:0; */margin-left:1px; border-bottom:1px solid #ccc; }
.detail_cont li { display:inline-block; margin-left:-1px; vertical-align:bottom;}
.detail_cont li a { display:block; padding:.75em 2em; border:1px solid #ccc; border-bottom:none; border-top-left-radius:.5em; border-top-right-radius:.5em; background:#f1f1f1;}
.detail_cont li a.active {background:#00559e; color:#fff;font-weight: 500;}
.tab_content { padding:1em; }
.tab_content h4 { font-size:1.25em; margin:1em 0;color: #000;font-weight: 600;}
.tab_content.certification .content_wrap {display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;}
.tab_content.certification .content_wrap img {width: 33.3333%;padding: 1em;}

.table_wrap { padding-top:1em; }
.table_wrap table { width:100%; height:auto; border-top:1px solid #000; position:relative; }
.table_wrap table thead th {border-bottom:1px solid #333; padding:1.25em 0; text-align:center; color:#000;}
.table_wrap table tbody th {border-bottom:1px solid #ccc; padding:1em 0; font-weight:normal; text-align:center; position:relative;}
.table_wrap table tbody td {border-bottom:1px solid #ccc; padding:1em 0; text-align:center; position:relative;}
.table_wrap table tbody td.t_left {text-align:left; padding-left:2em;}
.list_btns { padding:1em 0; text-align:right; }



/* notice_view html */
.sub_section.board_view { border-top:2px solid #333; }
.sub_section.board_view h3 { color:#333; border:none; display:block; font-size:1.7em;margin: 0;margin-bottom: 1em;}
.sub_section.board_view ul.bbs_info { display:inline-block; padding:0.6em .5em; list-style:none;width: auto;display: inline-block;padding: 1.1em 2em;border: 1px solid #d7d7d7;border-radius: 50px;}
.sub_section.board_view ul.bbs_info li { display:inline-block; margin-right:1em; }
.sub_section.board_view .bbs_content { padding:3em 1em 5em; border-bottom:1px solid #999;border-top: 1px solid #dfdfdf;}
.sub_section.board_view .board_head {padding: 2em 1.5em;display: flex;justify-content: center;flex-direction: column;align-items: center;}

 /* 관련링크 */
.sub_section.board_view .link {min-height:54px;padding: .5em 1em;background: #f5f6f7;border-top: 1px dashed #ccc;display: flex;align-items: center;}
.sub_section.board_view .link > * {font-size: .9rem;text-align: left;}
.sub_section.board_view .link > a {color: #000;margin-right: 1.5em;}
.sub_section.board_view .link > a:hover {text-decoration: underline;}
.sub_section.board_view .link .tit {color: #000;font-weight: 500;margin-right: 30px;}


/* notice write */
.sub_section.board_write { }
.sub_section.board_write table { width:100%; }
.sub_section.board_write table th { width:15%; padding:.5em 0; border-bottom:1px solid #ddd;}
.sub_section.board_write table td { width:85%; padding:.5em 0; border-bottom:1px solid #ddd;}
.sub_section.board_write input[type=text] {border:1px solid #ccc; padding:.25em 1em; width:100%; }
.sub_section.board_write textarea {border:1px solid #ccc; padding:.25em 1em; width:100%; min-height:15em}
.sub_section.board_write .btns { padding:1em; text-align:center;}


/*
.sub_section.board_view .bbs_btns{}
.sub_section.board_view .bbs_btns a{ display:inline-block;padding:0.2em 0.8em 0.3em; background:#d9d9d9; border-radius:0.25em; margin-top:1em;}
*/
.sub_section.board_view .bbs_btns{ text-align:center; padding:1em 0}
.sub_section.board_view .bbs_btns a { display:inline-block; padding:0.5em 2em 0.6em; background:#d9d9d9; border-radius:0.25em; margin-top:1em; font-size:1.1em; font-weight:600}
.sub_section.board_view .bbs_btns a:hover { background:#919191; color:#fff;}
.sub_section.board_view .bbs_location ul { list-style:none; border-top:1px solid #ccc; }
.sub_section.board_view .bbs_location li { border-bottom:1px solid #ccc; }
.sub_section.board_view .bbs_location li a { display:block; padding:1em 0 1em 1em;}
.sub_section.board_view .bbs_location li a span.tit { color:#999; margin-right:1em; }

/* location html */
.sub_visual.location { background:url(../../images/template2/loc_0117.jpg) #000;}
.sub_visual.location .visual_cont i { background:url(../../images/template2/location_icon.png) no-repeat center; background-size:cover;    }
.sub_section.location .addr { padding:2em 0 0;}
.sub_section.location .ologo { width: 12em; height: 12em; background: url(../../images/template2/notice_logo.png) 0 0 no-repeat; background-size: 100%; margin-top:6em; }
.sub_section.location dl { position:relative; display:flex; flex-wrap:wrap;margin-bottom:20px;}
.sub_section.location dl font font{ position:relative; display:flex; flex-wrap:wrap;  }
.sub_section.location dt { display:inline-block; flex:1 20%; font-size:1.25em; font-weight:bold;}
.sub_section.location dt font font{ display:inline-block; flex:1 20%; font-size:1.25em; font-weight:bold; letter-spacing: normal;}
.sub_section.location dd { display:inline-block; flex:1 80%; font-size:1.25em;}
.sub_section.location dd font font{ display:inline-block; flex:1 80%; font-size:1.25em;}
.sub_section.location dt span { font-size:1em; font-weight:bold;}

.dayoung_photo { margin-top:10em;}
.dayoung_photo img {width:100%; height:100%;}


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

	/* daeyoung_info */
	.section.daeyoung_info .section_wrap { width:90%; }
	.section.daeyoung_info .section_wrap .float_cont h3 {margin: 100px 0 20px; padding:0; padding-bottom:1em; }
	.section.daeyoung_info .section_wrap .float_cont p { font-size:1.6em; font-weight:normal; letter-spacing:-0.025em; margin-top:5px;font-family:NanumSquare;}
	.section.daeyoung_info .section_wrap .float_cont p strong { font-size:1em; font-weight:900; letter-spacing:-0.045em;}
	.section.daeyoung_info .section_wrap .float_cont p font font{ font-size:1.6em; font-weight:normal; letter-spacing:-0.025em; margin-top:5px;font-family:NanumSquare;}
	.section.daeyoung_info .section_wrap .float_cont p strong font font{ font-size:1em; font-weight:900; letter-spacing:-0.045em;}
	.section.daeyoung_info .section_wrap .flex_item { display:block; position:relative;}
	.section.daeyoung_info .section_wrap .flex_item ul { display:flex; flex-wrap:wrap; justify-content:space-between; list-style:none; margin-top: 30px; }
	.section.daeyoung_info .section_wrap .flex_item li { width:32%; flex:0 32%; margin:1% 0; margin-bottom:2em;  }
	.section.daeyoung_info .section_wrap .flex_item li a { display:block; border:none; border-top:1px solid #ccc; }
	.section.daeyoung_info .section_wrap .flex_item .item_tit {font-family:NanumSquare; font-weight:700; font-size:1.6em; letter-spacing:-0.045em; text-align:center; color:#666; padding:1.8em 0;  border:1px solid #ccc; }

	.section.daeyoung_info .section_wrap .flex_item .item_img_wrap { border:1px solid #ccc; border-bottom:none; border-top:none; overflow:hidden; }
	.section.daeyoung_info .section_wrap .flex_item .item_img {  width:100%; height:0; padding-bottom:100%; transition:all .7s;  }
	.section.daeyoung_info .section_wrap .flex_item .item_img.img1{ background:url(../../images/template2/item1.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item .item_img.img2{ background:url(../../images/template2/item2.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item .item_img.img3{ background:url(../../images/template2/item3.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item .item_img.img4{ background:url(../../images/template2/item4.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item .item_img.img5{ background:url(../../images/template2/item5.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item .item_img.img6{ background:url(../../images/template2/item6.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item li a:hover { border-color:#0056a1;}
	.section.daeyoung_info .section_wrap .flex_item li a:hover .item_img { transform:scale(1.1);  }
	.section.daeyoung_info .section_wrap .flex_item li a:hover .item_img_wrap { border-color:#0056a1;  }
	.section.daeyoung_info .section_wrap .flex_item li a:hover .item_tit { color:#fff; border-color:#0056a1; background:-webkit-linear-gradient(left top, #005ba8, #002f6a); background:-moz-linear-gradient(left top, #005ba8, #002f6a); background:-o-linear-gradient(left top, #005ba8, #002f6a); background:linear-gradient(to right bottom, #005ba8, #002f6a);}

	/* streetinfo */
	.street_wrap { overflow:auto; }
	.street_wrap .action_wrap { background:none; width:3400px; height:1300px; max-width:unset;}
	.street_wrap .st_background { left:0; top:0; width:3400px; height:1300px; background:url(../../images/template2/main_street_hover_txt.png) no-repeat 0 0; background-size:3400px 1300px;  border-radius:0; border:none; box-shadow:none; position:relative; opacity:1; }

	.section.contactus .section_wrap { width:90%; }
	.section.contactus .section_wrap h2 {font-family:Montserrat; font-size:4em;letter-spacing:-0.025em; border-bottom:1px solid #333; margin-top:150px; }
	.section.contactus .section_wrap .sub_tit {font-family:NanumSquare; font-weight:800;  letter-spacing:-0.045em; color:#000; padding-top:1em; font-size:1.8em; }
	.section.contactus .section_wrap .btns_wrap a { display:inline-block; font-weight:900; font-size:2em; padding:.9em 7em .9em .9em; background:#000; color:#fff; margin:3em 1em 0; border-radius:2em; position:relative; }
	.section.contactus .section_wrap .btns_wrap a.blue {background:linear-gradient(to right bottom, #005ba8, #002f6a);}
	.section.contactus .section_wrap .btns_wrap a i {position:absolute; width:5em; height:5em; display:block; background:#fff; right:9px; top:7px; border-radius:100%;}
	.section.contactus .section_wrap .btns_wrap a i:before{content:''; display:block; width:30px; height:1px; background:#000; position:absolute; right:1.2em; bottom:50%;}
	.section.contactus .section_wrap .btns_wrap a i:after{content:''; display:block; width:10px; height:1px; background:#000; position:absolute; right:1.2em; bottom:50%; transform:rotate(45deg); margin-bottom:4px;}


	.sub_section.company .text {padding-top:1.2em; }
	.sub_section.company .text .subtit { font-size:1.45em; padding:1em 0 1.2em; letter-spacing:-0.045em; }
	.sub_section.company .text .subtit strong {font-size:1em;}
	.sub_section.company .text .cont { font-size:1.25em; color:#333; letter-spacing:-0.045em; margin-top:.2em; }
	.sub_section.company .text .cont strong { font-size:1em; }
	.sub_section.company .text .cont.mt { margin-top:1em; }
	.sub_section.company .company_logo {margin-top:-4em; text-align:right;}
	.sub_section.company .company_logo img { width:80%; }

	/*
	.sub_section.history .flex_wrap { margin-top:3em; }
	.sub_section.history .flex_item { flex:0 23%; }
	.sub_section.history .flex_item .history { width:100%; height:100%; display:flex; flex-direction:column; background:#ebebeb; position:relative; transition:all .5s;}
	.sub_section.history .flex_item .history:before { content:''; display:block; position:absolute; left:11px; top:11px; bottom:11px; right:11px; background:#bfbfbf; z-index:1; transition:all .5s; }
	.sub_section.history .flex_item .history h4 { font-size:2.5em; }
	.sub_section.history .flex_item .history .history_cont { min-height:8em; display: flex; align-content: center; flex-direction: column; align-items: center; justify-content: center; z-index:2; margin-bottom:3em;}
	.sub_section.history .flex_item .history .history_cont p {font-size:1.1em; font-weight:700; color:#fff; margin-bottom:5px;}
	.sub_section.history .flex_item .history:hover { border:0; background:-webkit-linear-gradient(left top, #005ba8, #002f6a); background:-moz-linear-gradient(left top, #005ba8, #002f6a); background:-o-linear-gradient(left top, #005ba8, #002f6a); background:linear-gradient(to right bottom, #005ba8, #002f6a); }
	.sub_section.history .flex_item .history:hover:before { opacity:0; }
	*/



	/* product html */
	.sub_section.product .flex_wrap {margin-top:-3.5em;}
	.sub_section.product .flex_wrap .cont { padding-top:4em; }
	.sub_section.product .flex_wrap .cont p { font-size:1.45em;}
	.sub_section.product .product_wrap { display:block; position:relative; margin-top: 50px;}
	.sub_section.product .product_wrap .item_tit {font-size:1.25em; letter-spacing:-0.045em; font-weight:900; text-align:center; color:#666; padding:1.5em 0;  border:1px solid #ccc; }


	/* location html */
	.sub_section.location .flex_wrap { display:block; position:relative;}
	.sub_section.location .addr { padding:2em 0 0;}
	.sub_section.location .ologo { width: 12em; height: 12em; background: url(../../images/template2/sample_ologo.jpg) 0 0 no-repeat; background-size: 100%; position:absolute; right:0; top:-13em; z-index:-1; }
	.sub_section.location dt { display:inline-block; flex:1 5em; font-size:1.25em;}
	.sub_section.location dd { display:inline-block; flex:1 88%; font-size:1.25em;}
	.sub_section.location .root_daum_roughmap { width:100% !important; margin-top:3em;}
}
@media screen and (max-width:1024px) {

	/* daeyoung_info */
	.section.daeyoung_info .section_wrap { width:90%; }
	.section.daeyoung_info .section_wrap .float_cont h3 { display:inline-block;}
	.section.daeyoung_info .section_wrap .float_cont h3 img { width:90%; }
	.section.daeyoung_info .section_wrap .float_cont p { font-size:1.25em;}

	.section.daeyoung_info .section_wrap .flex_item li a { display:block; border:none; border-top:1px solid #ccc; }
	.section.daeyoung_info .section_wrap .flex_item .item_tit {font-size:1.1em; letter-spacing:-0.025em; padding:1em 0; }

	.section.daeyoung_info .section_wrap .flex_item .item_img_wrap { border:1px solid #ccc; border-bottom:none; border-top:none; overflow:hidden; }
	.section.daeyoung_info .section_wrap .flex_item .item_img {  width:100%; height:0; padding-bottom:100%; transition:all .7s;  }
	.section.daeyoung_info .section_wrap .flex_item .item_img.img1{ background:url(../../images/template2/item1.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item .item_img.img2{ background:url(../../images/template2/item2.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item .item_img.img3{ background:url(../../images/template2/item3.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item .item_img.img4{ background:url(../../images/template2/item4.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item .item_img.img5{ background:url(../../images/template2/item5.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item .item_img.img6{ background:url(../../images/template2/item6.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item li a:hover { border-color:#0056a1;}
	.section.daeyoung_info .section_wrap .flex_item li a:hover .item_img { transform:scale(1.1);  }
	.section.daeyoung_info .section_wrap .flex_item li a:hover .item_img_wrap { border-color:#0056a1;  }
	.section.daeyoung_info .section_wrap .flex_item li a:hover .item_tit { color:#fff; border-color:#0056a1; background:-webkit-linear-gradient(left top, #005ba8, #002f6a); background:-moz-linear-gradient(left top, #005ba8, #002f6a); background:-o-linear-gradient(left top, #005ba8, #002f6a); background:linear-gradient(to right bottom, #005ba8, #002f6a);}

	/* streetinfo */
	.street_wrap { margin-top:60px }
	.street_wrap .action_wrap { width:2473px; height:800px; }
	.street_wrap .st_background { width:2473px; height:800px; background-size:100%; position:absolute; top:unset; bottom:0; background-position:left -146px;}


	.section.contactus .section_wrap { width:90%; }
	.section.contactus .section_wrap h2 { font-size:2.45em; margin-top:2.5em; }
	.section.contactus .section_wrap .sub_tit { letter-spacing:-0.045em; font-size:1.25em; }
	.section.contactus .section_wrap .btns_wrap a { font-size:1.25em; }

	.section.contactus .section_wrap .btns_wrap a i {width:3em; height:3em; right:7px; }
	.section.contactus .section_wrap .btns_wrap a i:before{ width:20px; height:1px;  right:.85em;}
	.section.contactus .section_wrap .btns_wrap a i:after{ width:10px; height:1px; right:.85em; }


	.sub_section.company .txt_logo img { width:70%; }
	.sub_section.company .text { padding-top:1.2em; }
	.sub_section.company .text .subtit { font-size:1.25em; padding:1em 0 1.2em; }
	.sub_section.company .text .cont { font-size:1em; color:#333; letter-spacing:-0.045em; margin-top:.2em; }
	.sub_section.company .text .cont strong { font-size:1em; }
	.sub_section.company .text .cont.mt { margin-top:1em; }
	.sub_section.company .company_logo {margin-top:-1em; text-align:right;}
	.sub_section.company .company_logo img { width:80%; }



	/* product html */
	.sub_section.product .flex_wrap {margin-top:-3.5em;}
	.sub_section.product .flex_wrap .cont { padding-top:4em; }
	.sub_section.product .flex_wrap .cont p { font-size:1.25em;}
	.sub_section.product .product_wrap { display:block; position:relative; margin-top: 50px;}
	.sub_section.product .product_wrap .item_tit {font-size:1.1em; padding:1em 0; }

	/* product detail html */
	.sub_section.product_detail { }
	.sub_section.product_detail h3 { border-bottom:none; }
	.sub_section.product_detail .cont {}
	.sub_section.product_detail .sub_tit { font-size:1.25em; font-weight:600; padding:1em 1em; }
	.sub_section.product_detail .product_detail { padding:0 0em 0em;}

	.sub_section.product_detail .flex_wrap { flex-direction:column;}
	.sub_section.product_detail .flex_wrap .flex_item{order:2; flex:0 100%;}
	.sub_section.product_detail .flex_wrap .flex_item.f0{order:1; flex:0 100%;}

	.detail_cont {margin-top:5em; }
	.img_wrap { position:relative; width:100%; height:0; padding-bottom:100%; overflow:hidden; background:#000; margin-top:0;}
	.img_wrap .img_item { position:absolute; left:0; top:0; width:100%; height:100%;  }
	.img_wrap .img_item img { width:100%; }
	.img_wrap .default_item img { opacity:0}
	#img_navs {position:absolute; bottom:10px; left:50%; transform:translate( -50%, 0 )}
	#img_navs li { display:inline-block; margin-right:3px;}
	#img_navs li a { width:12px; height:12px; display:block; background:#fff; font-size:0; border-radius:100%;}
	#img_navs li.active a { background:#00559e}






	/* notice html */

	/*
	.table_wrap table{min-width:auto;}
	.table_wrap table, .table_wrap table thead, .table_wrap table tbody, .table_wrap table th, .table_wrap table td, .table_wrap table tr {
		display: block;
	}
	.table_wrap table thead tr { position:absolute; top:-9999px; left:-9999px; }
	.table_wrap table tbody tr {border:1px solid #ccc; margin-bottom:1em;}
	.table_wrap table tbody th {  display:flex; flex-wrap:nowrap; position:relative; line-height:2.45em; text-align:center !important;}
	.table_wrap table tbody td {  display:flex; flex-wrap:nowrap; position:relative; line-height:2.45em; text-align:center !important;}
	.table_wrap table tbody th:before, .table_wrap table tbody td:before {content:attr(data-title); white-space:nowrap; flex: 0 auto; width: 40%; font-weight:900; height:2.45em; line-height:2.45em;}
	.table_wrap table tbody td .btn { line-height:1 }
	*/

	/* location html */
	.sub_section.location .flex_wrap { display:block; position:relative;}
	.sub_section.location .addr { padding:2em 0 0;}
	.sub_section.location .ologo { width: 12em; height: 12em; background: url(../../images/template2/sample_ologo.jpg) 0 0 no-repeat; background-size: 100%; position:absolute; right:0; top:-13em }
	.sub_section.location dt { display:inline-block; flex:1 5em; font-size:1.25em;}
	.sub_section.location dd { display:inline-block; flex:1 85%; font-size:1.25em;}
	.sub_section.location .root_daum_roughmap { width:100% !important; margin-top:3em;}



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


	/* daeyoung_info */
	.section.daeyoung_info .section_wrap { width:90%; }
	.section.daeyoung_info .section_wrap .float_cont h3 { display:inline-block;}
	.section.daeyoung_info .section_wrap .float_cont h3 img { width:80%; }
	.section.daeyoung_info .section_wrap .float_cont p { font-size:1.25em;}

	.section.daeyoung_info .section_wrap .flex_item li { width:48%; flex:0 48%; }

	.section.daeyoung_info .section_wrap .flex_item li a { display:block; border:none; border-top:1px solid #ccc; }
	.section.daeyoung_info .section_wrap .flex_item .item_tit {font-size:1.1em; letter-spacing:-0.025em; padding:1.5em 0; }

	.section.daeyoung_info .section_wrap .flex_item .item_img_wrap { border:1px solid #ccc; border-bottom:none; border-top:none; overflow:hidden; }
	.section.daeyoung_info .section_wrap .flex_item .item_img {  width:100%; height:0; padding-bottom:100%; transition:all .7s;  }
	.section.daeyoung_info .section_wrap .flex_item .item_img.img1{ background:url(../../images/template2/item1.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item .item_img.img2{ background:url(../../images/template2/item2.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item .item_img.img3{ background:url(../../images/template2/item3.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item .item_img.img4{ background:url(../../images/template2/item4.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item .item_img.img5{ background:url(../../images/template2/item5.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item .item_img.img6{ background:url(../../images/template2/item6.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item li a:hover { border-color:#0056a1;}
	.section.daeyoung_info .section_wrap .flex_item li a:hover .item_img { transform:scale(1.1);  }
	.section.daeyoung_info .section_wrap .flex_item li a:hover .item_img_wrap { border-color:#0056a1;  }
	.section.daeyoung_info .section_wrap .flex_item li a:hover .item_tit { color:#fff; border-color:#0056a1; background:-webkit-linear-gradient(left top, #005ba8, #002f6a); background:-moz-linear-gradient(left top, #005ba8, #002f6a); background:-o-linear-gradient(left top, #005ba8, #002f6a); background:linear-gradient(to right bottom, #005ba8, #002f6a);}

	/* streetinfo */
	.street_wrap { margin-top:60px }
	.street_wrap .action_wrap { width:1855px; height:600px; }
	.street_wrap .st_background { width:1855px; height:600px; background-size:100%; position:absolute; top:unset; bottom:0; background-position:left -118px;}


	.section.contactus .section_wrap { width:90%; }
	.section.contactus .section_wrap h2 { font-size:2.45em; margin-top:2.5em; }
	.section.contactus .section_wrap .sub_tit { letter-spacing:-0.045em; font-size:1.25em; }
	.section.contactus .section_wrap .btns_wrap a { font-size:1.25em; padding: 0.9em 4em 0.9em 0.9em; margin:3em .5em 0; }

	.section.contactus .section_wrap .btns_wrap a i {width:3em; height:3em; right:7px; }
	.section.contactus .section_wrap .btns_wrap a i:before{ width:20px; height:1px;  right:.85em;}
	.section.contactus .section_wrap .btns_wrap a i:after{ width:10px; height:1px; right:.85em; }



	.sub_section.company .txt_logo img { width:50%; }
	.sub_section.company .text { padding-top:1.2em; }
	.sub_section.company .text .subtit { font-size:1.1em; padding:1em 0 1.2em; }
	.sub_section.company .text .cont { font-size:1em; color:#333; letter-spacing:-0.045em; margin-top:.2em; }
	.sub_section.company .text .cont strong { font-size:1em; }
	.sub_section.company .text .cont.mt { margin-top:1em; }
	.sub_section.company .flex_wrap .flex_item.f0 { flex:unset; position:absolute; z-index:-1;}
	.sub_section.company .company_logo { text-align:center; margin-top:1em;}
	.sub_section.company .company_logo img { width:70%; opacity:0.2; }



	/* product html */
	.sub_section.product .flex_wrap {margin-top:-3.5em;}
	.sub_section.product .flex_wrap .cont { padding-top:4em; }
	.sub_section.product .flex_wrap .cont p { font-size:1.25em;}
	.sub_section.product .product_wrap { display:block; position:relative; margin-top: 50px;}
	.sub_section.product .product_wrap li { width:100%;}
	.sub_section.product .product_wrap .item_tit {font-size:1.1em; padding:1.5em 0; }


	.img_wrap { position:relative; width:100%; height:0; padding-bottom:100%; overflow:hidden; background:#000 }
	.img_wrap .img_item { position:absolute; left:0; top:0; width:100%; height:100%;  }
	.img_wrap .default_item img { opacity:0}
	#img_navs {position:absolute; bottom:10px; left:50%; transform:translate( -50%, 0 )}
	#img_navs li { display:inline-block; margin-right:3px;}
	#img_navs li a { width:12px; height:12px; display:block; background:#fff; font-size:0; border-radius:100%;}
	#img_navs li.active a { background:#00559e}


	.detail_cont ul {/* font-size:0;*/ margin-left:1px; border-bottom:1px solid #ccc; }
	.detail_cont li { display:inline-block; margin-left:-1px; vertical-align:bottom;}
	.detail_cont li a { display:block; padding:.75em 1.5em; font-size:0.95em; }
	.tab_content { padding:1em; }
	.tab_content h4 { font-size:1.25em; padding-bottom:1em; }
	.tab_content.certification .content_wrap img {width: 100%;padding: 0;}


	/* notice */
	.table_wrap { padding-top:1em;}
	/* .table_wrap table .mo_hidden { display:none;} */

	.sub_section.board_view ul.bbs_info { display:flex; flex-direction: column; }
	.sub_section.board_view ul.bbs_info li { display:flex; justify-content: flex-start; }
	.sub_section.board_view ul.bbs_info li strong{}

	/* location html */
	.sub_section.location .flex_wrap { display:block; position:relative;}
	.sub_section.location .addr { padding:2em 0 0;}
	.sub_section.location .ologo { display:none;}
	.sub_section.location dt { display:inline-block; flex:1 5em; font-size:1em;}
	.sub_section.location dd { display:inline-block; flex:1 70%; font-size:1em;}
	.sub_section.location .root_daum_roughmap { width:100% !important; margin-top:3em;}


	/* page */
	.page_wrap .page { font-size:12px; line-height:2}
	.page_wrap .page_first { width:2.5em;}
	.page_wrap .page_prev { width:2.5em;}
	.page_wrap .page_next {  width:2.5em;}
	.page_wrap .page_last { width:2.5em;}
	.page_wrap .page { display:none;}
	.page_wrap .page.current, .page_wrap .page.pate_txt, .page_wrap .page.page_sibling { display:inline-block; }
}
@media screen and (max-width:400px) {


	/* daeyoung_info */
	.section.daeyoung_info .section_wrap { width:90%; }
	.section.daeyoung_info .section_wrap .float_cont h3 { margin:30px 0 10px;}
	.section.daeyoung_info .section_wrap .float_cont h3 img { width:70%; }
	.section.daeyoung_info .section_wrap .float_cont p { font-size:1em;}

	.section.daeyoung_info .section_wrap .flex_item li { margin-bottom:1em; }

	.section.daeyoung_info .section_wrap .flex_item li a { display:block; border:none; border-top:1px solid #ccc; }
	.section.daeyoung_info .section_wrap .flex_item .item_tit {font-size:1em; padding:1em 0}

	.section.daeyoung_info .section_wrap .flex_item .item_img_wrap { border:1px solid #ccc; border-bottom:none; border-top:none; overflow:hidden; }
	.section.daeyoung_info .section_wrap .flex_item .item_img {  width:100%; height:0; padding-bottom:100%; transition:all .7s;  }
	.section.daeyoung_info .section_wrap .flex_item .item_img.img1{ background:url(../../images/template2/item1.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item .item_img.img2{ background:url(../../images/template2/item2.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item .item_img.img3{ background:url(../../images/template2/item3.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item .item_img.img4{ background:url(../../images/template2/item4.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item .item_img.img5{ background:url(../../images/template2/item5.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item .item_img.img6{ background:url(../../images/template2/item6.jpg) no-repeat center; background-size:cover;}
	.section.daeyoung_info .section_wrap .flex_item li a:hover { border-color:#0056a1;}
	.section.daeyoung_info .section_wrap .flex_item li a:hover .item_img { transform:scale(1.1);  }
	.section.daeyoung_info .section_wrap .flex_item li a:hover .item_img_wrap { border-color:#0056a1;  }
	.section.daeyoung_info .section_wrap .flex_item li a:hover .item_tit { color:#fff; border-color:#0056a1; background:-webkit-linear-gradient(left top, #005ba8, #002f6a); background:-moz-linear-gradient(left top, #005ba8, #002f6a); background:-o-linear-gradient(left top, #005ba8, #002f6a); background:linear-gradient(to right bottom, #005ba8, #002f6a);}

	/* streetinfo */
	.street_wrap { margin-top:30px }
	.street_wrap .action_wrap { width:1855px; height:460px; }
	.street_wrap .st_background { width:1855px; height:600px; background-size:100%; position:absolute; top:unset; bottom:0; background-position:left bottom;}


	.section.contactus .section_wrap { width:90%; }
	.section.contactus .section_wrap h2 { font-size:2em; margin-top:1.5em; }
	.section.contactus .section_wrap .sub_tit { letter-spacing:-0.045em; font-size:1em; }
	.section.contactus .section_wrap .btns_wrap a { font-size:1em; padding: 0.9em 4em 0.9em 0.9em; margin:3em .5em 0; }

	.section.contactus .section_wrap .btns_wrap a i {width:2.25em; height:2.25em; right:6px; top:6px; }
	.section.contactus .section_wrap .btns_wrap a i:before{ width:16px; height:1px;  right:0.5em; bottom:48%;}
	.section.contactus .section_wrap .btns_wrap a i:after{ width:8px; height:1px; right:0.5em; bottom:48%; }


	/* sub common */
	.sub_section .flex_wrap { display:flex; justify-content:space-between; }
	.sub_section .flex_wrap .flex_item { flex:1 auto; }
	.sub_section .flex_wrap .flex_item.f0 { flex:0 auto; }
	.sub_section .flex_wrap .flex_item.ml { margin-left:3em; }
	.sub_section .flex_wrap .flex_item.mr { margin-right:3em;}

	.sub_section h3 { font-size:2em; border-bottom:4px solid #0056a2; margin:50px 0 30px;}
	/* .sub_section h3{ border-bottom:3px solid #0056a2;} */
	.sub_section.company .txt_logo img { width:50%; }
	.sub_section.company .text { padding-top:1.2em; }
	.sub_section.company .text .subtit { font-size:1.1em; padding:1em 0 1.2em; }
	.sub_section.company .text .cont { font-size:1em; color:#333; letter-spacing:-0.045em; margin-top:.2em; }
	.sub_section.company .text .cont strong { font-size:1em; }
	.sub_section.company .text .cont.mt { margin-top:1em; }
	.sub_section.company .flex_wrap .flex_item.f0 { flex:unset; position:absolute; z-index:-1;}
	.sub_section.company .company_logo {margin-top:2em; text-align:center;}
	.sub_section.company .company_logo img { width:70%; opacity:0.2}


	.sub_section.welcome {padding-top:0;}
	.sub_section.welcome .text { padding-top:5em; }
	.sub_section.welcome .text p { font-size:1em; letter-spacing:-0.045em; margin-top:.2em;  }
	.sub_section.welcome .text p font font{ font-size:1em; letter-spacing:-0.045em; margin-top:.2em;  }
	.sub_section.welcome .text p.mt {margin-top:1.25em; }
	.sub_section.welcome .sign {padding-top:1.5em; font-weight:600; font-size:1.25em;}
	.sub_section.welcome .sign em {font-size:1.1em; font-weight:900; font-style:normal;}
	.sub_section.welcome .sign font font{padding-top:1.5em; font-weight:600; font-size:1.25em;}
	.sub_section.welcome .sign em font font{font-size:1.1em; font-weight:900; font-style:normal;}
	.sub_section.welcome .flex_wrap { margin-top:-3.5em; }
/* 	.sub_section.welcome .flex_wrap .flex_item.f0 { display:none} */

	.sub_section.history .flex_wrap { margin-top:3em; display:flex; flex-direction:row; flex-wrap: wrap; }
	.sub_section.history .flex_item { flex:0 48%; width:48%; margin-bottom:1em;  }
	.sub_section.history .flex_item .history { width:100%; height:100%; display:flex; flex-direction:column; background:#ebebeb; position:relative; transition:all .5s;}
	.sub_section.history .flex_item .history:before { content:''; display:block; position:absolute; left:11px; top:11px; bottom:11px; right:11px; background:#bfbfbf; z-index:1; transition:all .5s; }
	.sub_section.history .flex_item .history h4 { font-size:1.25em; }
	.sub_section.history .flex_item .history .history_cont { min-height:6em; margin-bottom:1em;}
	.sub_section.history .flex_item .history .history_cont p {font-size:.75em; }
	.sub_section.history .flex_item .history:hover { border:0; background:-webkit-linear-gradient(left top, #005ba8, #002f6a); background:-moz-linear-gradient(left top, #005ba8, #002f6a); background:-o-linear-gradient(left top, #005ba8, #002f6a); background:linear-gradient(to right bottom, #005ba8, #002f6a); }
	.sub_section.history .flex_item .history:hover:before { opacity:0; }

	.sub_section.certification { }
	.sub_section.certification .float_cont {float:none; padding-right:0; padding-top:0}
	.sub_section.certification .float_cont p { font-size:1em; margin-top:.2em;letter-spacing:-0.025em; }
	.sub_section.certification .float_cont p font font{ font-size:1em; margin-top:.2em;letter-spacing:-0.025em; }
	.sub_section.certification .flex_wrap { margin-top:3em; flex-direction:column; align-items:center; }
	.sub_section.certification .flex_item { flex:0 80%; width:80%; background:#ddd; margin-bottom:1em;}

	/* business html */
	.sub_section.info { margin:0 auto 0; }
	.sub_section.info .cont { padding-top:2em; }
	.sub_section.info .cont p { font-size:1em; }
	.sub_section.info .flex_wrap .flex_item.f0 { flex:unset; position:absolute; z-index:-1;}
	.sub_section.info .company_logo { text-align:center; margin-top:-2em;}
	.sub_section.info .company_logo img { width:70%; opacity:0.2; }


	.sub_section.detail {margin-top:10em; }
	.sub_section.detail .flex_wrap {display:block;}
	.sub_section.detail .flex_wrap .flex_item.ml {margin-left:0;}
	.sub_section.detail .bu_patten { padding:0; }
	.sub_section.detail .bu_patten img { max-width:100%;}
	.sub_section.detail .cont { display:flex; flex-direction:column; justify-content:center; height:100%; padding-top:2em; width:92%; margin:0 auto;}
	.sub_section.detail .cont p { font-size:1.1em; margin-top:.2em; letter-spacing:-0.025em;}
	.sub_section.detail .cont p strong { font-size:1.05em;letter-spacing:-0.025em; }
	.sub_section.detail .cont ul { margin-top:3em;  list-style:none; }
	.sub_section.detail .cont ul li { font-size:1em; padding-left:1.5em; letter-spacing:-0.025em; position:relative; margin:.5em 0;}
	.sub_section.detail .cont ul li:before { content:''; position:absolute; left:.5em; top:.7em; width:.5em; height:2px; background:#000; }

	/* product html */
	.sub_section.product .flex_wrap {margin-top:-3.5em;}
	.sub_section.product .flex_wrap .cont { padding-top:4em; }
	.sub_section.product .flex_wrap .cont p { font-size:1em;}
	.sub_section.product .product_wrap { display:block; position:relative; margin-top: 50px;}
	.sub_section.product .product_wrap li { width:48%; flex:0 48%; }
	.sub_section.product .product_wrap .item_tit {font-size:1em; padding:1em 0; }

	.img_wrap { position:relative; width:100%; height:0; padding-bottom:100%; overflow:hidden; background:#000 }
	.img_wrap .img_item { position:absolute; left:0; top:0; width:100%; height:100%;  }
	.img_wrap .default_item img { opacity:0}
	#img_navs {position:absolute; bottom:10px; left:50%; transform:translate( -50%, 0 )}
	#img_navs li { display:inline-block; margin-right:3px;}
	#img_navs li a { width:12px; height:12px; display:block; background:#fff; font-size:0; border-radius:100%;}
	#img_navs li.active a { background:#00559e}


	.detail_cont ul { font-size:0; margin-left:1px; border-bottom:1px solid #ccc; }
	.detail_cont li { display:inline-block; margin-left:-1px; vertical-align:bottom;}
	.detail_cont li a { display:block; padding:.5em .95em; font-size:0.95em; }
	.detail_cont li a.active { padding:.75em 1em; }
	.tab_content { padding:1em; }
	.tab_content h4 { font-size:1.25em; padding-bottom:1em; }

	/* location html */
	.sub_section.location .flex_wrap { display:block; position:relative;}
	.sub_section.location .flex_wrap .flex_item.mr {margin-right:0}
	.sub_section.location .addr { padding:2em 0 0;}
	.sub_section.location .ologo { display:none;}
	.sub_section.location dt { display:inline-block; flex:1 5em; font-size:1em;}
	.sub_section.location dd { display:inline-block; flex:1 70%; font-size:1em;}
	.sub_section.location .root_daum_roughmap { width:100% !important; margin-top:3em;}




	.page_wrap .page.page_sibling_prev_3 { display:none;}
	.page_wrap .page.page_sibling_next_3 { display:none;}
}
@media screen and (max-width:320px) {
	.page_wrap .page.page_sibling_prev_2 { display:none;}
	.page_wrap .page.page_sibling_next_2 { display:none;}

}


/* scroll_fade */
.webi_parallax .scroll_fade{opacity: 0;}


@media screen and (max-width:800px) {
	#brochure_conn{flex-direction:column;}

}