@charset "utf-8";


/* 공통 */
#sub #container .box {padding: 100px 0;}
#sub #container .box:first-child {padding-top: 134px;}
#sub #container .box:last-child {padding-bottom: 140px;}
#sub #container .inner_bx {max-width: 1200px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box;}
#sub .ttl01 {text-align: center; padding: 0 20px;}
#sub .ttl01 strong {display: block; font-size: 48px; color: #222222; font-weight: 800; letter-spacing: -0.025em; word-break: keep-all;}



/* 인사말 */
#greeting .box1 {position: relative;}
#greeting .box1::before {content: ''; width: 100%; height: 692px; background: url(../images/sub/greeting_bg.jpg) no-repeat center; background-size: cover; position: absolute; bottom: 0; left: 0;}
#greeting .box1 .con_bx {display: flex; flex-flow: wrap; position: relative; z-index: 1; margin-top: 73px;}
#greeting .box1 .con_bx .img_bx {width: 480px; box-sizing: border-box; margin-right: 70px; padding-bottom: 4px;}
#greeting .box1 .con_bx .img_bx .img {overflow: hidden;}
#greeting .box1 .con_bx .img_bx .img img {width: 100%;}
#greeting .box1 .con_bx .img_bx p {font-size: 16px; color: #444444; letter-spacing: -0.025em; word-break: keep-all; margin-top: 8px;}
#greeting .box1 .con_bx .txt_bx {width: calc(100% - 550px); box-sizing: border-box; display: flex; flex-flow: wrap; align-items: end;}
#greeting .box1 .con_bx .txt_bx .txt_w {width: 100%;}
#greeting .box1 .con_bx .txt_bx .txt1 {font-size: 26px; color: #337bb3; font-weight: 700; line-height: 40px; letter-spacing: -0.025em; word-break: keep-all; border-bottom: 1px solid #cccccc; padding-bottom: 15px;}
#greeting .box1 .con_bx .txt_bx .txt2 {margin-top: 32px;}
#greeting .box1 .con_bx .txt_bx .txt2 p {font-size: 18px; color: #444444; line-height: 32px; letter-spacing: -0.025em; word-break: keep-all; margin-bottom: 7px;}
#greeting .box1 .con_bx .txt_bx .txt2 p:last-child {margin-bottom: 0;}
#greeting .box1 .con_bx .txt_bx .txt3 {text-align: right; font-size: 16px; color: #444444; font-weight: 500; letter-spacing: -0.025em; word-break: keep-all; margin-top: 47px;}
#greeting .box1 .con_bx .txt_bx .txt3 strong {font-size: 20px; color: #222222; font-weight: 700; margin-right: 7px;}



/* 오시는 길 */
#location .map_bx {margin-top: 74px; font-size: 0;}
#location .map_bx iframe {width: 100%; height: 400px;}
#location .info_bx {margin-top: 60px;}
#location .info_bx .ttl {border-bottom: 1px solid #dddddd; padding-bottom: 24px;}
#location .info_bx .ttl strong {display: inline-block; font-size: 28px; color: #222222; font-weight: 700; letter-spacing: -0.025em; word-break: keep-all; line-height: 40px;}
#location .info_bx .ttl .btn_bx {float: right; display: flex; flex-flow: wrap; max-width: 250px; width: 100%;}
#location .info_bx .ttl .btn_bx a {width: calc(50% - 5px); margin-right: 10px; line-height: 40px; text-align: center; font-size: 14px; color: #ffffff; letter-spacing: -0.025em; word-break: keep-all; background-color: #2db400;}
#location .info_bx .ttl .btn_bx a:nth-child(2n) {margin-right: 0;}
#location .info_bx .ttl .btn_bx a.col2 {background-color: #fee500; color: #191919;}
#location .info_bx .con_bx {display: flex; flex-flow: wrap; padding-top: 40px;}
#location .info_bx .con_bx .l_bx {width: 50%; box-sizing: border-box; padding-right: 20px;}
#location .info_bx .con_bx .l_bx ul li {position: relative; padding-left: 103px; font-size: 18px; color: #666666; line-height: 32px; letter-spacing: -0.025em; word-break: keep-all; margin-bottom: 17px; min-height: 32px;}
#location .info_bx .con_bx .l_bx ul li:last-child {margin-bottom: 0;}
#location .info_bx .con_bx .l_bx ul li span {position: absolute; left: 0; top: 0; padding-left: 23px; color: #222222;}
#location .info_bx .con_bx .l_bx ul li span.icon1 {background: url(../images/sub/location_icon1.png) no-repeat left center;}
#location .info_bx .con_bx .l_bx ul li span.icon2 {background: url(../images/sub/location_icon2.png) no-repeat left center;}
#location .info_bx .con_bx .l_bx ul li span.icon3 {background: url(../images/sub/location_icon3.png) no-repeat left center;}
#location .info_bx .con_bx .l_bx ul li span.icon4 {background: url(../images/sub/location_icon4.png) no-repeat left center;}
#location .info_bx .con_bx .r_bx {width: 50%; box-sizing: border-box;}
#location .info_bx .con_bx .r_bx ul {padding-top: 6px;}
#location .info_bx .con_bx .r_bx ul li {margin-bottom: 18px;}
#location .info_bx .con_bx .r_bx ul li:last-child {margin-bottom: 0;}
#location .info_bx .con_bx .r_bx ul li strong {display: block; font-size: 16px; color: #0052a4; letter-spacing: -0.025em; font-weight: 700; word-break: keep-all;}
#location .info_bx .con_bx .r_bx ul li strong.col2 {color: #747f00;}
#location .info_bx .con_bx .r_bx ul li p {font-size: 16px; line-height: 30px; color: #888888; letter-spacing: -0.025em; word-break: keep-all; margin-top: 6px;}



/* product */
#product #board {margin-top: 69px;}

#product .box.bg2 {background-color: #fcfcfc;}

#product .t_ttl {text-align: center;}
#product .t_ttl strong {display: block; font-size: 40px; color: #222222; font-weight: 800; word-break: keep-all; line-height: 52px;}
#product .t_ttl strong span {font-size: 30px; line-height: 40px; display: block; margin-bottom: 7px;}
#product .t_ttl p {font-size: 24px; color: #888888; line-height: 36px; word-break: keep-all; margin-top: 4px;}
#product .t_ttl .txt1 {font-size: 18px; color: #222222; line-height: 28px; letter-spacing: -0.025em; word-break: keep-all; margin-top: 14px; padding-bottom: 9px;}

#product .sub_txt1 {color: #666666; font-size: 16px; line-height: 28px; letter-spacing: -0.025em; word-break: keep-all; margin-top: 23px;}

#product .img_bx1 {/*display: flex; flex-flow: wrap; justify-content:center;*/ padding-bottom: 30px; border-bottom: 1px solid #cccccc; margin-top: 29px; font-size: 0; text-align: center;}
#product .img_bx1.brN {border-bottom: none; padding-bottom: 0; margin-bottom: -30px;}
#product .img_bx1.txtInc {text-align: left; border: none; padding-bottom: 0; margin-bottom: -80px;}
#product .img_bx1 div {width: calc(33.333% - 20px); margin-right: 30px; box-sizing: border-box; display: inline-block; margin-bottom: 30px; vertical-align: top;}
#product .img_bx1.txtInc div {margin-bottom: 80px;}
#product .img_bx1 div:nth-child(3n) {margin-right: 0;}
#product .img_bx1 div:last-child {margin-right: 0;}
#product .img_bx1 div.w100 {width: 100%!important;}
#product .img_bx1 div img {max-width: 100%; border: 1px solid #dddddd;}
#product .img_bx1 div img.bN {border: none;}
#product .img_bx1 div strong {display: block; font-size: 20px; color: #222222; letter-spacing: -0.025em; word-break: keep-all; font-weight: 700; line-height: 30px; margin-top: 14px; text-align: left;}
#product .img_bx1 div p {font-size: 16px; line-height: 28px; color: #666666; letter-spacing: -0.025em; word-break: keep-all; margin-top: 8px; text-align: left;}

#product .txt_bx1 {margin-top: 50px;}

#product .img_list {margin-top: 45px;}
#product .img_list .con_w {display: flex; flex-flow: wrap; margin-bottom: 60px;}
#product .img_list .con_w:last-child {margin-bottom: 0;}
#product .img_list .img_bx {text-align: center; width: calc(50% - 20px); box-sizing: border-box; margin-right: 40px;}
#product .img_list .con_w:nth-child(2n) .img_bx {order: 2;}
#product .img_list .img_bx img {max-width: 100%;}
#product .img_list .img_bx.bro {border: 1px solid #ddd!important;}
#product .img_list .txt_bx {width: calc(50% - 20px); box-sizing: border-box; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#product .img_list .con_w:nth-child(2n) .txt_bx {order: 1;}
#product .img_list .txt_bx ul {width: 100%;}

#product .img_list2 {display: flex; flex-flow: wrap; margin-top: 60px;}
#product .img_list2 .con_w {width: calc(20% - 52.8px); margin-right: 66px; box-sizing: border-box; border: 1px solid #dddddd; background-color: #2d3540;}
#product .img_list2.con4 .con_w {width: calc(25% - 66.75px); margin-right: 89px;}
#product .img_list2 .con_w.brN {border: none;}
#product .img_list2 .con_w:nth-child(5n) {margin-right: 0;}
#product .img_list2.con4 .con_w:nth-child(4n) {margin-right: 0;}
#product .img_list2 .con_w img {width: 100%;}
#product .img_list2 .con_w .txt {display:flex; justify-content:center; align-items:center; table-layout:fixed; min-height: 50px;}
#product .img_list2 .con_w .txt p {text-align: center; width: 100%; color: #fff; font-size: 16px; line-height: 20px; word-break: keep-all; letter-spacing: -0.025em; padding: 0 5px;}

#product .con_bx2 {display: flex; flex-flow: wrap; margin-bottom: -60px;}
#product .con_bx2 .con_w {box-sizing: border-box; width: calc(50% - 20px); margin-right: 40px; margin-bottom: 60px;}
#product .con_bx2 .con_w:nth-child(2n) {margin-right: 0;}
#product .con_bx2 .con_w .img {width: 100%; margin-bottom: 24px;}

#product .ttl1 {margin-bottom: 45px;}
#product .ttl1 strong {display: block; font-size: 36px; color: #222222; font-weight: 800; word-break: keep-all; line-height: 46px;}

#product .list1 > li {margin-bottom: 47px;}
#product .list1 > li:last-child {margin-bottom: 0;}
#product .list1 > li > strong {display: block; font-size: 28px; color: #222222; font-weight: 700; letter-spacing: -0.025em; word-break: keep-all; line-height: 38px; margin-bottom: 15px;}
#product .list1 > li > p {font-size: 18px; color: #666666; letter-spacing: -0.025em; line-height: 28px; word-break: keep-all; margin-bottom: 20px;}
#product .list1 > li > p:last-child {margin-bottom: 0;}
#product .list1 > li > p .bold {color: #222222; font-weight: 700; font-size: 20px;}
#product .list1 > li > p .num {font-size: 13px; position: relative; top: -2px;}
#product .list1 > li > p .dot1 {display: block; text-indent: -18px; padding-left: 18px;}

#product .list2 > li {font-size: 18px; line-height: 28px; letter-spacing: -0.025em; color: #666666; word-break: keep-all; text-indent: -18px; padding-left: 18px; margin-bottom: 12px;}
#product .list2 > li:last-child {margin-bottom: 0;}
#product .list2 > li strong {font-weight: 700; color: #222222; display: inline-block; letter-spacing: 0; text-indent: 0;}
#product .list2 > li p {text-indent: -11px; padding-left: 11px;}
#product .list2 > li p.dot1 {text-indent: -18px; padding-left: 18px;}

#product .tb_ttl {font-size: 20px; color: #337bb3; font-weight: 700; letter-spacing: -0.025em; line-height: 30px; word-break: keep-all; margin-bottom: 13px;}
#product .tb1 {margin-bottom: 60px;}
#product .tb1 .tb_w {border-top: 1px solid #222222;}
#product .tb1 table { width: 100%; table-layout: fixed;}
#product .tb1 table tr {border-bottom: 1px solid #dddddd;}
#product .tb1 table th {background-color: #f0f5fb; width: 240px; box-sizing: border-box; padding: 11px 5px; text-align: center; font-size: 16px; color: #222222; font-weight: 500; letter-spacing: -0.025em; word-break: keep-all; line-height: 28px; border-right: 1px solid #dddddd;}
#product .tb1 table.thw2 th {width: 150px}
#product .tb1 table thead th {width: auto;}
#product .tb1 table thead th:last-child {border-right: none;}
#product .tb1 table td {padding: 11px 5px; font-size: 16px; color: #666666; letter-spacing: -0.025em; word-break: keep-all; line-height: 28px; text-align: center; background-color: #ffffff; border-right: 1px solid #ddd;}
#product .tb1 table td:last-child {border-right: none;}
#product .tb1 table .col2 {color: #337bb3; font-weight: 500;}
#product .tb1 table .wbb {word-break: break-all;}
#product .tb1 table .br {border-right: 1px solid #ddd!important;}
#product .ovh {position: relative;}
#product .ovh .tb_w {overflow-x: auto;}
#product .ovh table {min-width: 600px;}

#product .btm_btn {font-size: 0; text-align: center; padding-top: 60px;}
#product .btm_btn a {display: inline-block; font-size: 17px; color: #ffffff; letter-spacing: -0.025em; word-break: keep-all; width: 160px; line-height: 56px; text-align: center; background-color: #337bb3;}



/* 카다로그 */
#catalog #board {margin-top: 33px;}



/* 공지사항 */
#notice #board {margin-top: 33px;}



/* 상담문의 */
#inquiry #board {margin-top: 74px;}



/* faq */
#faq #board {margin-top: 33px;}



/* link */
#link .t_txt {background: url(../images/sub/link_bg.jpg) no-repeat center; background-size: cover; height: 400px; display:flex; justify-content:center; align-items:center; table-layout:fixed; padding: 0 60px; margin-top: 69px;}
#link .t_txt .txt_w {width: 100%; text-align: left;}
#link .t_txt .txt_w strong {display: block; font-size: 64px; color: #ffffff; font-weight: 700; line-height: 70px; text-transform: uppercase; word-break: keep-all;}
#link .t_txt .txt_w p {font-size: 20px; color: #ffffff; line-height: 32px; font-weight: 500; word-break: keep-all; letter-spacing: -0.025em; max-width: 440px; margin-top: 11px;}
#link strong.ttl {display: block; text-align: center; font-size: 32px; color: #222222; font-weight: 700; letter-spacing: -0.025em; word-break: keep-all; line-height: 48px; margin-bottom: 27px;}
#link .logo_bx {margin-top: 69px;}
#link .logo_bx .con_bx {max-width: 1000px; width: 100%; box-sizing: border-box; display: flex; flex-flow: wrap; margin: 0 auto;}
#link .logo_bx .con_bx .con_w {width: calc(50% - 20px); margin-right: 40px; box-sizing: border-box; border: 1px solid #dddddd; text-align: center; padding: 28px 0 32px;}
#link .logo_bx .con_bx .con_w:nth-child(2n) {margin-right: 0;}
#link .logo_bx .con_bx .con_w img{display: block; margin: 0 auto;}
#link .logo_bx .con_bx .con_w a {width: 230px; background-color: #337bb3; margin: 24px auto 0; height: 70px; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 16px; color: #ffffff; font-weight: 500;}
#link .logo_bx .con_bx .con_w a.col2 {background-color: #ffc800; color: #222222;}
#link .logo_bx .con_bx .con_w a span {display: inline-block; padding-right: 30px; background: url(../images/icon/link.png) no-repeat right center;}
#link .logo_bx .con_bx .con_w a.col2 span {background: url(../images/icon/link3.png) no-repeat right center;}
#link .logo_bx .con_bx .con_w p {font-size: 16px; color: #666666; letter-spacing: -0.025em; word-break: keep-all; margin-top: 7px;}
#link .comp_bx {margin-top: 71px;}
#link .comp_bx ul {display: flex; flex-flow: wrap; justify-content:center; max-width: 894px; width: 100%; margin: 0 auto; box-sizing: border-box; margin-bottom: -24px;}
#link .comp_bx ul li {width: calc(33.333% - 16px); margin-right: 24px; margin-bottom: 24px; box-sizing: border-box; background-color: #f5f5f5; text-align: center; padding: 21px 10px 20px;}
#link .comp_bx ul li:nth-child(3n) {margin-right: 0;}
#link .comp_bx ul li:last-child {margin-right: 0;}
#link .comp_bx ul li strong {display: block; font-size: 18px; color: #222222; font-weight: 700; letter-spacing: -0.025em; word-break: keep-all; line-height: 30px;}
#link .comp_bx ul li p {font-size: 16px; color: #666666; letter-spacing: -0.025em; word-break: keep-all; line-height: 28px;}



/* PC */
@media all and (min-width:1025px){
	
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	/* 공통 */
	#sub #container .box {padding: 60px 0;}
	#sub #container .box:first-child {padding-top: 56px;}
	#sub #container .box:last-child {padding-bottom: 60px;}
	#sub .ttl01 {text-align: center;}
	#sub .ttl01 strong {font-size: 30px;}



	/* 인사말 */
	#greeting .box1 .con_bx {margin-top: 36px;}
	#greeting .box1::before {height: 500px;}
	#greeting .box1 .con_bx .img_bx {width: 370px; margin-right: 50px;}
	#greeting .box1 .con_bx .img_bx p {margin-top: 8px; font-size: 13px;}
	#greeting .box1 .con_bx .txt_bx {width: calc(100% - 420px);}
	#greeting .box1 .con_bx .txt_bx .txt1 {padding-bottom: 16px; font-size: 25px; line-height: 30px;}
	#greeting .box1 .con_bx .txt_bx .txt2 {margin-top: 17px;}
	#greeting .box1 .con_bx .txt_bx .txt2 p {margin-bottom: 7px; font-size: 13px; line-height: 18px;}
	#greeting .box1 .con_bx .txt_bx .txt3 {margin-top: 23px; font-size: 11px;}
	#greeting .box1 .con_bx .txt_bx .txt3 strong {font-size: 15px; margin-right: 3px;}



	/* 오시는 길 */
	#location .map_bx {margin-top: 36px;}
	#location .map_bx iframe {height: 300px;}
	#location .info_bx {margin-top: 30px;}
	#location .info_bx .ttl {padding-bottom: 10px;}
	#location .info_bx .ttl strong {font-size: 20px; line-height: 25px;}
	#location .info_bx .ttl .btn_bx {max-width: 180px;}
	#location .info_bx .ttl .btn_bx a {line-height: 25px; width: calc(50% - 2.5px); margin-right: 5px; font-size: 10px;}
	#location .info_bx .con_bx {padding-top: 17px;}
	#location .info_bx .con_bx .l_bx ul li {margin-bottom: 13px; font-size: 13px; line-height: 18px; padding-left: 70px; min-height: 18px;}
	#location .info_bx .con_bx .l_bx ul li span {padding-left: 20px; background-size: 12px auto!important;}
	#location .info_bx .con_bx .r_bx ul {padding-top: 0;}
	#location .info_bx .con_bx .r_bx ul li {margin-bottom: 15px;}
	#location .info_bx .con_bx .r_bx ul li strong {font-size: 12px; line-height: 17px;}
	#location .info_bx .con_bx .r_bx ul li p {font-size: 12px; line-height: 17px; margin-top: 4px;}



	/* product */
	#product #board {margin-top: 33px;}
	
	#product .t_ttl strong {font-size: 30px; line-height: 35px;}
	#product .t_ttl strong span {font-size: 22px; line-height: 25px;}
	#product .t_ttl p {margin-top: 4px; font-size: 17px; line-height: 22px;}
	#product .t_ttl .txt1 {font-size: 12px; line-height: 17px; padding-bottom: 0; margin-top: 8px;}
	
	#product .sub_txt1 {font-size: 12px; line-height: 17px; margin-top: 12px;}
	
	#product .img_bx1 {padding-bottom: 20px; margin-top: 35px;}
	#product .img_bx1.brN {margin-bottom: -20px;}
	#product .img_bx1 div {width: calc(33.333% - 13.333px); margin-right: 20px; margin-bottom: 20px;}
	#product .img_bx1.txtInc {margin-bottom: -36px;}
	#product .img_bx1.txtInc div:nth-child(n) {margin-bottom: 36px;}
	#product .img_bx1 div strong {margin-top: 16px; font-size: 19px;}
	#product .img_bx1 div p {font-size: 13px; line-height: 18px; margin-top: 14px;}
	
	#product .img_list {margin-top: 30px;}
	#product .img_list .con_w {margin-bottom: 36px;}
	
	#product .img_list2 {margin-top: 40px;}
	#product .img_list2 .con_w {width: calc(20% - 12px); margin-right: 15px;}
	#product .img_list2 .con_w .txt {min-height: 40px;}
	#product .img_list2 .con_w .txt p {font-size: 12px; line-height: 16px;}
	
	#product .con_bx2 {margin-bottom: -40px;}
	#product .con_bx2 .con_w {width: calc(50% - 10px); margin-right: 20px; margin-bottom: 40px;}
	#product .con_bx2 .con_w .img {margin-bottom: 12px;}
	
	#product .txt_bx1 {margin-top: 34px;}
	
	#product .ttl1 {margin-bottom: 30px;}
	#product .ttl1 strong {font-size: 25px; line-height: 30px;}
	
	#product .list1 > li {margin-bottom: 34px;}
	#product .list1 > li > strong {margin-bottom: 14px; font-size: 19px; line-height: 24px;}
	#product .list1 > li > p {font-size: 13px; line-height: 18px;}
	#product .list1 > li > p .bold {font-size: 15px;}
	#product .list1 > li > p .num {font-size: 10px; top: -1px;}
	#product .list1 > li > p .dot1 {text-indent: -13px; padding-left: 13px;}
	
	#product .list2 > li {font-size: 13px; line-height: 18px; margin-bottom: 8px; text-indent: -13px; padding-left: 13px;}
	#product .list2 > li p {text-indent: -8px; padding-left: 8px;}
	#product .list2 > li p.dot1 {text-indent: -13px; padding-left: 13px;}
	
	#product .tb_ttl {font-size: 15px; margin-bottom: 8px; line-height: 20px;}
	#product .tb1 {margin-bottom: 40px;}
	#product .tb1 table th {padding: 10px 5px; font-size: 11px; line-height: 16px; width: 140px;}
	#product .tb1.ovh table th {width: 180px;}
	#product .tb1 table.thw2 th {width: 80px}
	#product .tb1 table td {padding: 10px 5px; font-size: 11px; line-height: 16px;}

	#product .btm_btn {padding-top: 40px;}
	#product .btm_btn a {font-size: 13px; width: 150px; line-height: 45px;}
	
	
	
	/* 카다로그 */
	#catalog #board {margin-top: 36px;}
	
	
	
	/* 공지사항 */
	#notice #board {margin-top: 36px;}



	/* 상담문의 */
	#inquiry #board {margin-top: 36px;}
	
	
	
	/* faq */
	#faq #board {margin-top: 36px;}



	/* link */
	#link .t_txt {margin-top: 33px; padding: 0 30px; height: 300px;}
	#link .t_txt .txt_w strong {font-size: 32px; line-height: 35px;}
	#link .t_txt .txt_w p {margin-top: 7px; font-size: 13px; line-height: 18px; max-width: 280px;}
	#link strong.ttl {margin-bottom: 25px; font-size: 25px; line-height: 30px;}
	#link .logo_bx {margin-top: 45px;}
	#link .logo_bx .con_bx .con_w {width: calc(50% - 10px); margin-right: 20px; padding: 15px 0 19px;}
	#link .logo_bx .con_bx .con_w img {max-width: 223px; width: 100%;}
	#link .logo_bx .con_bx .con_w a {width: 100%; max-width: 200px; height: 45px; font-size: 13px; padding: 0 15px; box-sizing: border-box; margin-top: 17px;}
	#link .logo_bx .con_bx .con_w a span {display: block; padding-right: 20px; width: 100%; text-align: left; box-sizing: border-box; background-size: 12px auto!important;}
	#link .logo_bx .con_bx .con_w p {margin-top: 8px; font-size: 13px;}
	#link .comp_bx {margin-top: 45px;}
	#link .comp_bx ul {margin-bottom: -10px;}
	#link .comp_bx ul li {padding: 17px 5px 13px; width: calc(33.333% - 6.666px); margin-right: 10px; margin-bottom: 10px;}
	#link .comp_bx ul li strong {font-size: 14px; line-height: 19px;}
	#link .comp_bx ul li p {font-size: 13px; line-height: 18px; margin-top: 3px;}
}

/* 모바일 */
@media all and (max-width:768px){
	/* 인사말 */
	#greeting .box1::before {height: 677px; background: url(../images/sub/greeting_bg_m.jpg) no-repeat center top; background-size: cover;}
	#greeting .box1 .con_bx .img_bx {width: 100%; margin-right: 0;}
	#greeting .box1 .con_bx .txt_bx {width: 100%; margin-top: 30px;}



	/* 오시는 길 */
	#location .map_bx iframe {height: 200px;}
	#location .info_bx .con_bx {display: flex;}
	#location .info_bx .con_bx .l_bx {width: 100%; padding: 0 0 17px; border-bottom: 1px solid #dddddd;}
	#location .info_bx .con_bx .r_bx {width: 100%; padding: 18px 0 0;}



	/* product */
	#product .img_bx1 {padding-bottom: 40px;}
	#product .img_bx1.brN {margin-bottom: 0;}
	#product .img_bx1 div:nth-child(n) {width: 100%; margin-bottom: 20px; margin-right: 0;}
	#product .img_bx1 div:last-child {margin-bottom: 0;}
	#product .img_bx1 div img {width: 100%;}
	
	#product .img_list .con_w:nth-child(n) .img_bx {order: 1; width: 100%; border: 1px solid #dddddd; margin-right: 0; padding: 10px;}
	#product .img_list .con_w:nth-child(n) .img_bx.pd0 {padding: 0; border: none;}
	#product .img_list .con_w:nth-child(n) .img_bx img {width: 100%;}
	#product .img_list .con_w:nth-child(n) .txt_bx {order: 2; width: 100%; margin-top: 16px;}
	
	#product .img_list2 {margin-bottom: -10px;}
	#product .img_list2 .con_w:nth-child(n) {width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px;}
	#product .img_list2 .con_w:nth-child(2n) {margin-right: 0;}
	
	#product .con_bx2 {margin-bottom: 0;}
	#product .con_bx2 .con_w:nth-child(n) {width: 100%; margin-right: 0; margin-bottom: 40px;}
	#product .con_bx2 .con_w:last-child {margin-bottom: 0;}



	/* link */
	#link .t_txt {background: url(../images/sub/link_bg_m.jpg) no-repeat center bottom; background-size: cover; display: block; position: relative; height: auto; padding-bottom: 109.375%;}
	#link .t_txt .txt_w {position: absolute; width: 100%; top: 0; left: 0; box-sizing: border-box; padding: 25px 20px 0;}
	#link .logo_bx .con_bx .con_w:nth-child(n) {width: 100%; margin-right: 0; margin-bottom: 5px;}
	#link .logo_bx .con_bx .con_w:last-child {margin-bottom: 0;}
	#link .comp_bx ul li:nth-child(n) {width: 100%; margin-right: 0;}
}

@media all and (max-width:638px){
	/* product */
	#product .ovh::before {content: ''; width: 90px; height: 90px; background: url(../images/icon/scroll.png) no-repeat center #000000; border-radius: 50%; background-size: 27px auto; position: absolute; left: 50%; top: 50%; margin-left: -45px; margin-top: -45px; box-shadow: 0 5px 20px rgba(0,0,0,0.3); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; visibility: visible; opacity: 1; z-index: 2;}
	#product .ovh.on::before {visibility: hidden; opacity: 0; z-index: -1;}
}