@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-myeongjo.css');
html, body{font-family: 'Noto Sans KR', sans-serif; word-break:keep-all; margin:0; color:#000}
li, ul, p, ol{margin:0; list-style:none; padding:0}
a{text-decoration:none; color:#000}
div, li{box-sizing:border-box}

header{display:flex; justify-content:space-between; align-items:center; padding:0 55px; box-sizing:border-box; font-size:20px; width:100%; }
header ul{display:flex; justify-content:center}
header ul a{padding:25px}
header .bt_consulting{ padding:12px 25px; background:#c10005; color:#fff; border-radius:10px}
header:hover{background:#fff}
.img_wrap p{margin:0 0 0 0}
.sub_vis{height:60vh; border-bottom:1px solid #eee; position:relative; display:flex; justify-content:center; align-items:center; font-size:30px; color:#513800; overflow:hidden}
.sub_vis h2{font-size: 40px;
    text-align: center;
    
    letter-spacing: -1px;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff; display:none}
.sub_vis2 h2, .sub_vis4 h2, .sub_vis6 h2{ height:100%; margin:0 0 0 0}	
.sub_vis img{display:none; height:60px; margin:0 auto; margin-top:-72px}
.sub_vis1{background:url(../img/bg_vis1.jpg) 50% 0 no-repeat; background-size:cover}
.sub_vis2{background:url(../img/bg_vis2.jpg) 50% 20% no-repeat; background-size:cover}
.sub_vis3{background:url(../img/bg_vis3.jpg) 50% 50% no-repeat; background-size:cover}
.sub_vis4{background:url(../img/bg_vis4.jpg) 50% 50% no-repeat; background-size:cover}
.sub_vis5{background:url(../img/bg_vis5.jpg) 50% 50% no-repeat; background-size:cover}
.sub_vis6{background:url(../img/bg_vis6.jpg) 50% 50% no-repeat; background-size:cover}
/*.sub_vis5 h2{color:#d3a734}*/
.left{ position:absolute; width:100%; left:0; bottom:0; display:flex; justify-content:center; line-height:4; font-size:18px; background:#222; z-index:1}
.left a{padding:5px 25px; font-weight:700; color:#fff}
.left a:hover{color:#009944}
.left .on{color:#fff; background:#009944; border-radius:25px}
.left .on:hover{color:#fff}
.con{padding:100px 0; max-width:1400px; font-size:20px; margin:0 auto; line-height:2}
.m0105_con{padding:100px 0}
.cus_banner{background:url(../img/cus_banner.jpg) 50% 0 no-repeat; background-size:cover; height:440px; color:#fff; font-size:30px; display:flex; justify-content:center; align-items:center; text-align:center; line-height:1.5; font-family:'NanumMyeongjo'}
.cus_banner p{margin:0 0 0 0}
.cus_banner span{font-family:'NanumMyeongjoExtraBold'}
footer{background:#4a4a4c; padding:55px; color:#fff; text-align:center; font-size:12px}
footer a{color:white}
.title{text-align:center; margin:0 0 50px 0}
p{margin:0 0 40px 0; word-break:keep-all}
.ul_m0102{ display:flex; justify-content:space-between; flex-wrap:wrap; width:100%}
.ul_m0102 li{width:calc(25% - 20px); text-align:left; padding:50px 25px; box-sizing:border-box; border:1px solid #ddd; border-radius:15px; margin:10px; line-height:1.5; height:400px; display:flex; justify-content:start; align-items:start; font-weight:700; font-size:20px; color:#fff; letter-spacing:-1px}
.ul_m0102 li:nth-child(1){ background:url(/sub/img/bg_m0102_1.png) no-repeat; background-size:cover}
.ul_m0102 li:nth-child(2){ background:url(/sub/img/bg_m0102_2.png) 50% 50% no-repeat; background-size:cover}
.ul_m0102 li:nth-child(3){ background:url(/sub/img/bg_m0102_8.png) no-repeat; background-size:cover}
.ul_m0102 li:nth-child(4){ background:url(/sub/img/bg_m0102_7.png) no-repeat; background-size:cover}
.ul_m0102 li:nth-child(5){ background:url(/sub/img/bg_m0102_5.png) no-repeat; background-size:cover}
.ul_m0102 li:nth-child(6){ background:url(/sub/img/bg_m0102_4.png) 50% no-repeat; background-size:cover}
.ul_m0102 li:nth-child(7){ background:url(/sub/img/bg_m0102_6.png) no-repeat; background-size:cover}
.ul_m0102 li:nth-child(8){ background:url(/sub/img/bg_m0102_3.png) no-repeat; background-size:cover}
.ul_m0102 li a{ color:#fff; width:100%; height:100%; position:relative}
.ul_m0102 li a span{position:absolute; right:0; bottom:0; font-size:16px; font-weight:500; background:rgba(0,0,0,.5); padding:10px; border-radius:10px}
.ul_m0102 li a:hover span{ background:#c10005}
.table1{width:100%; border-collapse:collapse; border:1px solid #896d66}
td, th{border:1px solid #896d66; padding:10px}
.sub_title{color:#452308; font-weight:700; display:flex; justify-content:left; align-items:center}
.sub_title:before{ content:''; width:15px; height:15px; border-radius:100%; background:#009944; margin:0 10px 0 0}

/*상표, 서비스표등록증*/
.m0103_banner{margin:50px 0; display:flex; align-items:center; justify-content:center; background:#eaf6d0; border:5px solid #896d66; padding:30px}
.m0103_banner p{margin:0 0 0 0}
.num_sang{font-size:16px !important}
.m0103_banner .wrap_img{margin:0 20px 0 0; text-align:center}

th{background:#896d66; color:#fff; border-bottom:1px solid #fff}
td{background:#eaf6d0; text-align:center}
.table4 th{ border:1px solid #896d66}
.ul_m0103{display:flex; justify-content:space-between; flex-wrap:wrap}
.ul_m0103 li{width:calc(33.33% - 20px); margin:10px; box-sizing:border-box; border:1px solid #896d66} 
.ul_m0103 li img{width:100%}
.ul_m0104{display:flex; flex-wrap:wrap}
.ul_m0104 li{ width:calc(25% - 20px); margin:10px; border:1px solid #896d66}
.ul_m0104 li img{width:100%; aspect-ratio:1/1}
.ul_m0104 li a{display:block}
.a_center{text-align:center}
.wrap_map{display:flex; justify-content:space-between}
.wrap_map2{display:flex}
.wrap_map2 p{margin:30px 50px 50px 0}
.ul_m0301{display:flex; margin:-20px 0 0 0; flex-wrap:wrap }
.ul_m0301 li{margin:10px}
.new-ul_m0301{flex-wrap:nowrap; border-left:1px solid #ccc}
.new-ul_m0301 li{padding:10px 0; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:0; flex:1; max-width: calc((100% - 152px) / 8);}
.new-ul_m0301 li p{margin:10px 0; text-align:center; height:18px; display:block; line-height:1 }
.new-ul_m0301 li:first-child{color:#fff; background:#009944;     max-width: 153px;}
.new-ul_m0301 li h2{padding-left:10px; font-size:18px; padding-right:10px}
.new-ul_m0301 li span{display:none}
.new-ul_m0301 li .h21{ width:100%; height:130px; display:flex; justify-content:center; align-items:center}
.new-ul_m0301 li .h22{ width:100%; height:203px; display:flex; justify-content:center; align-items:center}
.new-ul_m0301 li .partition{height:1px; width:100%; background:#ccc; margin-top:10px}
.ul_m0301 li button{display:block; margin:0 auto; margin-top:10px; width:calc(100% - 20px)}
.ul_m0301 li img{transition:transform 0.6s}
.ul_m0301_2{margin:0 0 0 -10px}
.wrap_photo2{display:flex; justify-content:space-between}
.wrap_photo2 img{width:calc(33.33% - 20px)}
.ul_m0302{display:flex}
.ul_m0302 li{margin:0 10px; width:calc(50% - 20px)}
.ul_m0302 li img, .ul_m0302_2 li img{width:100%; height:100%; border-radius:20px}
.ul_m0302_2{display:flex}
.ul_m0302_2 li{margin:0 10px; width:calc(50% - 20px)}
.ul_m0501{justify-content:center}
.ul_m0101{display:flex; justify-content:space-between; margin:20px 0 0 0}
.ul_m0101 li{width:calc(25% - 20px)}
.ul_m0101 li img{width:100%; height:100%}
.ul_m0101_2 li{width:calc(20% - 20px)}
.wrap_m0101 .img_wrap{ width:calc(50% - 40px); margin:0 20px; text-align:center}
.flex{display:flex; align-items:center; margin:0 0 50px 0}
.last_flex{margin:0 0 0 0}
.wrap_m0101 .w50{width:calc(50% - 40px); margin:0 20px}
.wrap_m0101 .img_wrap img{width:100%; border-radius:20px}
.wrap_m0101 img{border-radius:20px}
.a_right{text-align:right}
.wrap_img_m0401{width:100%; text-align:center; padding:50px 0; background: url(/sub/img/bg_wrap_img_m0401.png) 50% bottom no-repeat #f8f8f8;
    background-size: 100%;}
.wrap_img_m0401 p{ max-width:1200px; text-align:left; margin:0 auto; box-sizing:border-box; font-size:20px; padding:20px; border-radius:20px; background:rgba(256,256,256,.7); line-height:2; border:1px solid #eee}
.wrap_img_m0401 img{margin:50px auto}
.wrap_img_m0401 p span{padding:0 0 0 30px; position:relative; display:block}	
.wrap_img_m0401 p span span{position:absolute; left:0; padding:0 0 0 0}
.wrap_m0401 .con{padding-bottom:0}
.wrap_m0201{ padding:100px 0 0 0; font-size:36px; background:url(/sub/img/bg_m0201.png) 50% 50% no-repeat; background-size:cover}
.ol_m0201{display:flex; width:100%}
.ol_m0201 li{width:20%; padding:100px 30px; font-size:18px; color:#fff}
.slogan{font-weight:700; padding:0 0 100px 0; position:relative}
.ol_m0201 li:nth-child(1){ background:rgba(120,110,170,.8)}
.ol_m0201 li:nth-child(2){ background:rgba(159,135,89,.8)}
.ol_m0201 li:nth-child(3){ background:rgba(120,125,93,.8)}
.ol_m0201 li:nth-child(4){ background:rgba(77,61,73,.8)}
.ol_m0201 li:nth-child(5){ background:rgba(174,15,76,.8)}
.deco1, .deco2{position:absolute;}
.deco1{left:50px; top:-150px}
.deco2{right:50px; bottom:-100px}
.deco1 img{width:400px}
.deco2 img{width:500px}
.topnav {
  overflow: hidden;
  display:flex; justify-content:center
}

.topnav a {
  float: left;
  display: block;
  text-decoration: none; font-weight:700 
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn { 
  border: none;
  outline: none;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  padding:25px; font-size:20px; cursor:pointer
}
.topnav a, .dropdown .dropbtn{ font-weight:700}
.topnav a, .dropdown .dropbtn {padding:50px 25px; font-size:20px}
.topnav a:hover, .dropdown .dropbtn:hover{ color:#009944}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  z-index: 1;
  left:0; width:100%; top:129px; height:300px; border-top:1px solid #eee; padding:12.5px 0 0 580px; box-shadow:10px 10px 15px rgba(0,0,0,0.1)
}
.dropdown-content p{color:#666}

.dropdown-content a {
  float: none;
  color: black;
  margin: 12px 32px 12px 0;
  text-decoration: none;
  display: block;
  text-align: left;
 padding:0 0 0 0; border-bottom:1px solid #999; padding:0 0 5px 0; font-weight:500
}
.dropdown-content .sub_menu a{font-size:20px; color:#000}
.dropdown-content a:hover{ color:#009944; border-bottom:1px solid #009944; }

.dropdown:hover .dropdown-content {
  display: flex;
}
.dropdown .active{display:flex}
.sub_menu{display:flex}
.sub1{background:url(/sub/img/sub0.png) no-repeat #f8f8f8}
.sub3{background:url(/sub/img/sub2.png) no-repeat #f8f8f8; }
.sub5{background:url(/sub/img/sub1.png) no-repeat #f8f8f8; }
.dropdown-content h2{color:#333}
.wrap_m05{ max-width:100%; padding:100px 0 0 0}
.wrap_m05 .slogan1{ font-size:30px; margin:0 0 0 0; font-weight:700; background:linear-gradient(131deg, #d73227, #550e0b); color:gold; background:url(/sub/img/bg_slogan2.png) 50% 50% no-repeat; background-size:cover}
.wrap_m05 .slogan1 span{display:block; width:100%; padding:100px 0; background:}
.quick{position:fixed; top:50%; right:55px; transform:translate(0, -50%) }
.quick li{width:124px; height:124px; border-radius:100%; display:flex; justify-content:center; align-items:center}
.txttxt{padding:0 100px 100px 100px; max-width:1400px; margin:0 auto}
.gotop{position:fixed; right:55px; background:rgba(0,0,0,.3); color:#fff; width:50px; height:50px; border-radius:100%; bottom:30px; display:flex; justify-content:center; align-items:center; z-index:1}
#thumbBox, #thumbLoading{ visibility:hidden; position:fixed; left:50% !important; top:50% !important; transform:translate(-50%, -50%); width:100%; height:100%; z-index:2}
#thumbBox{width:100%; text-align:center}
#thumbBox #thumbImage{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; background:rgba(0,0,0,.8)}
#thumbBox img{max-width:90%; max-height:90%; border-radius:30px}
#thumbBox .footerbar{    color: white;
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;}
.history_area {
	position: relative; margin:0 0 100px 0; width:100%; overflow:hidden
}
.history_area:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 70px;
	width: 1px;
	background-color: #ddd
}
.history_area .round_txt {
	position: relative;
	width: 120px;
	height: 120px;
	padding-top: 27px;
	margin: 70px auto 60px auto;
	line-height: 22px;
	font-weight: 600;
	font-size: 20px;
	text-align: center;
	color: #fff;
	background-color: #009944;
	border-radius: 50%
}
.history > li {
	position: relative
}
.history > li + li {
	margin-top: 10px
}
.history > li:before {
	content: '';
	position: absolute;
	top: 11px;
	left: 50%;
	display: block;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	background-color: #fff;
	border:5px solid #009944;
	border-radius: 50%; box-sizing:border-box
}
.history > li.type1 {
	padding-right: 54%;
	text-align: right
}
.history > li.type2 {
	padding-left: 54%;
	text-align: left
}
.history .year {
	color: #009944;
	font-size: 28px;
	font-weight: 600; margin:0 0 0 0
}
.history > li > ul {
	margin-top: 10px
}
.history > li > ul > li {
	position: relative;
	font-size: 20px;
	line-height: 35px
}
.history > li > ul > li span {
	padding-right: 13px
}

.history > li.type1 > ul > li span {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0
}
.history > li.type2 > ul > li {
	padding-left: 0;
	text-indent: 0; 
}
.bt_all, .bbt_close{display:none; cursor:pointer}
.bank{margin:0 0 0 90px}
.history2{display:flex; flex-wrap:wrap; justify-content:space-between}
.history2 h2{display:block; width:100%; margin:0 0; line-height:1; margin:0 0 10px 0}
.history2 li{text-align:center; display:flex; justify-content:center; align-items:center; border-radius:15px; color:#fff; line-height:1.5; padding:25px 15px; font-weight:500; position:relative; flex-wrap:wrap}
.history2 .level1{text-align:center; width:100%; background:url(/sub/img/bg_level1.png) 50% 50% no-repeat; background-size:cover}
.history2 .level2{width:calc(50% - 18px); background:url(/sub/img/bg_level2.png) 50% 50% no-repeat; background-size:cover; margin:36px 0}
.history2 .level3{width:calc(33.33% - 24px); background:url(/sub/img/bg_level3.png) 50% 50% no-repeat; background-size:cover; position:relative}
.history2 .level3:after{ content:''; width:3px; height:18px; background:#2b3b5f; position:absolute; left:50%; top:0; transform:translate(-50%, -18px)}
.history2 .level1:after{content:''; height:500px; transform:translate(-50%, 0); bottom:-400px; background:#2b3b5f; position:absolute; left:50%; width:3px; z-index:-1}
.history2 li:nth-child(5):after{ display:none}
.history2 li:nth-child(2):after{content:''; width:18px; height:3px; background:#2b3b5f; position:absolute; right:-18px; top:40%; z-index:-1}
.history2 li:nth-child(3):after{content:''; width:18px; height:3px; background:#2b3b5f; position:absolute; left:-18px; top:60%; z-index:-1}
.history2 li:nth-child(5):before{content:''; width:calc(200% + 72px); height:3px; background:#2b3b5f; position:absolute; left:calc(-50% - 36px); top:-18px; z-index:-1}
.deco_left, .deco_right{width:256px; height:166px; position:fixed; bottom:0}
.deco_left{ left:0; background:url(/sub/img/deco_left.png) no-repeat; background-size:100%}
.deco_right{ right:0; background:url(/sub/img/deco_right.png) no-repeat; background-size:100%}
.fall2{ transform:scaleX(-1)}
.boin5{background:url(/sub/img/st.png) right bottom no-repeat}

/*연혁*/
.noti {
    margin: 20px 0 0 0;
    text-align: center;
    color: red; line-height:1.5; font-size:24px; font-weight:500
}

/*관인*/
.ul_m0501 li{text-align:center; width:156px}
.ul_m0501 li p{ line-height:1.5; letter-spacing:-1px; font-size:18px; margin-top:10px}

/*인장의뢰 및 고객상담 안내*/
.ul_flex{display:flex; justify-content:space-between; gap:3rem}
.ul_flex li{width:calc(50% - 1.5rem); background:#eaf6d0; padding:1rem 2rem; border-radius:3rem; border:1px solid #896d66}
.ul_flex li span{color:red; font-weight:700}
.ul_flex li h3{ color:#452308}
.ul_flex li h2{line-height:1; color:#009944}
.footer-button{display:none}


.footer-policy {
    display: flex;
    gap: 15px;
}

.footer-policy a {
    color: #555;
    text-decoration: none;
    cursor: pointer;
}

.footer-policy a:hover {
    text-decoration: underline;
}

/* =========================================
   Modal
========================================= */

.policy-modal {
    display: none;
    position: fixed;
    z-index: 9999999;
    inset: 0;

    background: rgba(0, 0, 0, 0.55);

    align-items: center;
    justify-content: center;
}

.policy-modal.active {
    display: flex;
}

/* =========================================
   Modal 박스
========================================= */

.policy-modal-box {
    position: relative;

    width: 90%;
    max-width: 700px;
    max-height: 80vh;

    background: #fff;
    border-radius: 8px;

    overflow: hidden;

    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

/* =========================================
   Modal 상단
========================================= */

.policy-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 20px 25px;

    border-bottom: 1px solid #eee;
}

.policy-modal-header h3 {
    margin: 0;
    font-size: 20px;
    color: #222;
}

/* 닫기 버튼 */

.policy-modal-close {
    width: 35px;
    height: 35px;

    border: 0;
    background: none;

    font-size: 28px;
    line-height: 1;

    color: #555;

    cursor: pointer;
}

.policy-modal-close:hover {
    color: #000;
}

/* =========================================
   Modal 내용
========================================= */

.policy-modal-content {
    padding: 25px;

    max-height: calc(80vh - 80px);

    overflow-y: auto;

    font-size: 14px;
    line-height: 1.8;
    color: #555;

    word-break: keep-all;
}

.policy-modal-content h4 {
    margin: 25px 0 10px;

    font-size: 16px;
    color: #222;
}

.policy-modal-content h4:first-child {
    margin-top: 0;
}

.policy-modal-content p {
    margin: 0 0 15px;
}
.ul_m0301 li img{margin:0 auto; display:block; width:130px}
.ul_m0301 li .wrap-sign{border-radius:10px; padding:10px; box-sizing:border-box; width:calc(100% - 20px); max-width:130px; height:150px; display:flex; justify-content:center; align-items:center; border:1px solid #009944; margin:10px 10px 0 10px}
.partition{height:100px}
.ul_m0301 li .wrap-sign img{width:auto; max-width:95%; max-height:95%}
.ul_m0301 li h2{box-sizing:border-box}
.new-ul_m0301 .title2 span {
    display: block;
    position: absolute;
    font-weight: 800;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.new-ul_m0301{margin-bottom:50px}
.new-ul_m0301 .title2 button {
    opacity: 0;
}
.new-ul_m0301 .title2{position:relative}
@media screen and (max-width: 1900px) {
.topnav a, .dropdown .dropbtn { padding-left:10px; padding-right:10px}	
	}
@media screen and (max-width: 1700px) {	
	}
@media screen and (max-width: 1626px) {
header{padding:0 20px}	
.sub_menu a{font-size:16px}	
.logo img{height:80px}

	}
@media screen and (max-width: 1507px) {
.logo img{height:60px}
	header{padding:0 20px}
	.topnav a, .dropdown .dropbtn, header .bt_consulting{font-size:18px}
	.dropdown-content{top:126px}
	.dropdown-content p{font-size:18px}
	.con{max-width:100%; padding:100px}
	.deco1{left:-50px}
	.cus_banner{height:340px}
	.deco_left, .deco_right{width:150px; height:150px}
.sub_menu a{font-size:14px}	
.dropdown-content{background-position:-200px 0 !important; padding:12.5px 0 0 380px}
.new-ul_m0301 li:first-child{display:none}
.new-ul_m0301 li span{display:block; text-align:center; color:#009944; font-weight:700}
.ul_m0301 li .wrap-sign{margin-top:0; margin:0 auto}
.new-ul_m0301{gap:20px; flex-wrap:wrap; border-left:0; justify-content:flex-start; width:100%}
.new-ul_m0301 li{border:1px solid #ccc; width:calc(25% - 20px); flex:auto; max-width:inherit}
.ul_m0301 li button{max-width:130px}
.boin5 {
    background: url(/sub/img/st.png) right top no-repeat;
    background-size: auto 140px;
}
	}
@media(max-width:1400px){
.dropdown .dropbtn, .topnav a{letter-spacing:-1px}	
	}	
@media screen and (max-width: 1300px) {
.dropdown-content{background-position:0 0 !important; padding:12.5px 0 0 580px}
	.topnav a, .dropdown .dropbtn, header .bt_consulting, .dropdown-content p{font-size:16px}
	.dropdown-content{top:114px}
	.topnav a, .dropdown .dropbtn{padding:45px 10px; text-align:left}
	.sub_menu a{padding:0 0}
	.dropdown-content a{ margin:0 20px 12px 0; font-size:14px}
	.sub1, .sub2, .sub3, .sub4, .sub5, .sub6{background-size:450px}
	.dropdown-content{height:248px; padding:12.5px 0 0 470px}
	.dropdown-content h2{margin:20px 0 10px 0; font-size:24px}
	.sub_menu{flex-wrap:wrap}
	.deco1{top:-250px}
	.deco2{bottom:-150px}
	header .bt_consulting{ word-break:break-all; width:80px; height:80px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; position:fixed; bottom:80px; right:20px; z-index:10}
	.gotop{right:35px; bottom:20px}
	.deco_left, .deco_right{width:100px; height:100px}
	footer{padding:55px 100px}
	}
@media(max-width:1200px){
    .topnav a, .dropdown .dropbtn {
        padding: 45px 5px;}	
	    .logo img {
        height: 45px;
    }
	.naver-boin{padding-right:110px}	
	}
@media(max-width:1024px){
.fall img{height:486px}	

.wrap_img_m0401 p{margin:0 20px}
	}	
@media(max-width:1064px){
    .logo img {
        height: 60px;
    }	
.topnav{display:none}
.topnav .bt_mmenu{    position: absolute;
    left: 0;
    top: 0;
   
    width: 90%;
    height: 97px;}
header{padding:20px 20px}	
.sub_vis{height:30vh}
.bt_consulting{position:absolute; right:90px}
.bt_all{display:block; position:absolute; right:20px; width:60px; height:60px; outline:none; border:0; background-color:transparent; display:flex; justify-content:center; align-content:space-between; 
flex-wrap:wrap; font-size:14px; font-weight:700}
.bt_all span{display:block; height:2px; width:90%; background:#222; margin:4px 0}
.topnav{position:fixed; width:100%; height:100%; background:#fff; z-index:3; left:0; bottom:0; overflow-y:auto}
.topnav a, .dropdown .dropbtn{width:100%}
.topnav .bbt_close{display:block; width:50px; height:50px; position:absolute; right:20px; top:20px; padding:0 0}
.topnav .bbt_close:before{ content:''; width:100%; height:2px; background:#222; position:absolute; left:0; transform:rotate(45deg); top:50%}
.topnav .bbt_close:after{ content:''; width:100%; height:2px; background:#222; position:absolute; left:0; transform:rotate(-45deg); top:50%}
.topnav a, .dropdown .dropbtn, .dropdown-content p{font-size:24px; padding:0 0 0 20px; line-height:4; border-bottom:1px solid #ccc; width:100%; text-align:left}
.dropdown{width:100%; position:relative}
.topnav .bbt_close{border-bottom:0}
.dropdown-content{height:auto; padding:0 0 0 0; background:none !important; top:auto; position:relative}
.dropdown-content div{width:100%}
.dropdown-content h2, .dropdown-content p{display:none}
.topnav .sub_menu{background:#f8f8f8; width:100%}
.topnav .sub_menu a{font-size:18px; margin:0 0 0 0; color:#666}
.con{max-width:100%; padding:50px}
.wrap_m05{padding:50px 0 0 0}
.wrap_map{flex-wrap:wrap}
.wrap_map img{width:100%; margin:0 0 20px 0}
.root_daum_roughmap{width:100% !important}
.ol_m0201{flex-wrap:wrap}
.ol_m0201 li{width:100%; padding:50px 30px; border-left:50px solid #fff; border-right:50px solid #fff; box-sizing:border-box}
.ol_m0201 li:first-child{ border-radius:50px 50px 0 0; border-top:50px solid #fff}
.ol_m0201 li:last-child{ border-bottom:50px solid #fff}
.deco1 img{width:33.33%; text-align:left}
.deco2 img{width:33.33%; text-align:right}
.deco1{text-align:left; left:0}
.deco2{text-align:right}
footer{text-align:left}
.cus_banner{height:auto; padding:50px}
.cus_banner p{margin:0 0 0 0}
.txttxt{padding:0 50px 50px 50px}
.wrap_m0101 .flex{ align-items:start}
.wrap_m0201{font-size:30px}
.slogan{padding:0 0 70px 0}
.deco2{bottom:-100px}
.ul_m0301{justify-content:center}
.wrap_map2{flex-wrap:wrap}
	}	
@media(max-width:912px){

.left{overflow:hidden; overflow-x:scroll; justify-content:left; padding:0 20px; box-sizing:border-box}
.left li{white-space:nowrap}
	}	
@media(max-width:820px){
.wrap_m0101 .img_wrap{ margin:0 20px 0 20px}
.ul_m0102 li{width:calc(50% - 20px)}	
	}	
@media(max-width:768px){
.ul_m0302 li img, .ul_m0302_2 li img{max-height:300px}	

.wrap_m05 .slogan1 span{padding:50px 20px; box-sizing:border-box; line-height:1.5; font-size:24px}
.topnav{z-index:2}
footer{padding:55px 20px 150px 20px}
/*인장의뢰 및 고객상담 안내*/
.ul_flex{flex-wrap:wrap; gap:2rem}
.ul_flex li{width:100%; border-radius:2rem}
.footer-button{margin: 0 auto;
    text-align: center;
   
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;}
.footer-button a{color:white;         width: 50%;
        background: linear-gradient(75deg, #009944, #173f32) !important;
        border-radius: 5px;}
.new-ul_m0301 li{width:calc(50% - 20px)}
	}		
@media screen and (max-width: 600px) {
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
  .ul_m0302 li p{margin:0 0 0 0}
     .policy-modal-box {
        width: calc(100% - 30px);
        max-height: 85vh;
    }

    .policy-modal-header {
        padding: 16px 18px;
    }

    .policy-modal-content {
        padding: 20px 18px;
        max-height: calc(85vh - 70px);
    }
}
@media(max-width:540px){
	    .logo img {
        height: 70px;
    }
	.sub_vis h2{font-size:24px; height:calc(100% - 24px)}
	.sub_vis2 h2, .sub_vis4 h2, .sub_vis6 h2{height:100%}
	.con{padding:20px 20px}
	.flex{flex-wrap:wrap}
	.topnav{overflow-y:auto}
	.wrap_m0101 .img_wrap, .wrap_m0101 .w50{width:100%}
	footer{padding:20px 20px 100px 20px; font-size:12px}
	
	.wrap_m0201{font-size:24px; padding:50px 0 0 0}
	.slogan{padding:0 0 50px 0; margin:0 0 0 0}
	.ol_m0201 li{
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;}
	.ol_m0201 li:first-child {
    border-top: 20px solid #fff;
}.ol_m0201 li:last-child {
    border-bottom: 20px solid #fff;
}
.gotop{z-index:101}
#thumbBox, #thumbLoading{z-index:102}
.ul_m0302{flex-wrap:wrap}
.ul_m0302 li{width:100%}
.wrap_img_m0401 img{max-width:95%}
.txttxt{padding:50px 20px 50px 20px}
.wrap_m05{padding:0 0}
.sub_title{align-items:flex-start; line-height:1.5; padding:0 0 0 25px; position:relative}
.sub_title:before{margin:5px 10px 0 0; position:absolute; left:0}
.ul_m0302 li{padding-bottom:10px}
.history2 .level1:after{bottom:-395px}
.history2 li li{padding:0 0}
.fall{bottom:-120px !important}
header .bt_consulting {
    padding: 12px 15px 30px 15px;
    right: auto;
    position: fixed;
    bottom: -30px;
    left: 0;
    width: 50%;
    border-radius: 0;
    text-align: center;
    box-sizing: border-box;
    border-radius: 100% 100% 0 0;
    font-weight: 700;
    font-size: 18px;
    left: 50%;
    transform: translate(-50%, 0);
	
}
.gotop{bottom:20px; right:20px}
.left{line-height:3; font-size:16px}
.con{font-size:16px}
.flex{margin:0 0 0 0}
.cus_banner{font-size:16px}
.wrap_map2 p{margin:10px 0 20px 0}
.slogan, .wrap_m0201 h2{font-size:18px}
.ol_m0201 li{font-size:16px}
.wrap_m05 .slogan1 span{padding:20px 20px; font-size:18px}
.wrap_img_m0401 p{font-size:16px}
.topnav{padding-bottom:50px}
.boin5 p br{display:none}

/*연혁*/
.noti{ font-size:18px; font-weight:700}
/*인장의뢰 및 고객상담 안내*/
.ul_flex{gap:1rem}
	}
@media(max-width:414px){
.ul_m0102{flex-wrap:wrap}	
.ul_m0102 li{width:calc(100% - 20px); height:auto}
.cus_banner{padding:20px}
.wrap_m0103 .table1 tr{display:flex; flex-wrap:wrap}
.wrap_m0103 .table1 tr th{width:95px; display:block; box-sizing:border-box}
.wrap_m0103 .table1 tr td{width:calc(100% - 95px); display:block; box-sizing:border-box}

/*연혁*/
.history2 .level1:after {
    bottom: -400px;
}
/*상표, 서비스표등록증*/
.m0103_banner{flex-wrap:wrap; margin:30px 0}
.m0103_banner img{margin:0 auto; display:block}
.m0103_banner .wrap_img{margin:0 0 0 0}
.m0103_banner .num_sang{margin:10px 0 20px 0; font-size:16px !important}
.ul_m0104{flex-wrap:wrap}
.ul_m0104 li{width:100%; margin:0 0 10px 0}
.ul_m0104 li img{aspect-ratio:auto}
.ol_m0201 li{padding:35px 30px}
.slogan{padding:0 20px 50px 20px}
.bank{margin:0 0 0 0}
.history2 li{padding:15px 15px; font-size:14px}
.ul_m0102 li{text-align:center; justify-content:center}
.gotop {
    position: fixed;
    right: 20px;
    background: rgba(0,0,0,.3);
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*업무소개*/
.ul_m0102 li a span{ display:block; width:50%; margin:10px auto; margin-bottom:0; position:relative}
.boin5 {
    background: url(/sub/img/st.png) 50% bottom no-repeat; background-size:35%; padding-bottom:150px
}

.table4, .table4 tbody, .table4 th, .table4 tr, .table4 td{display:block}
.table4 tr{display:flex; flex-wrap:wrap}
.table4 th{width:30%; box-sizing:border-box; border-bottom:1px solid #fff}
.table4 td{width:70%; box-sizing:border-box}
.table4 tr th:nth-child(5){border-bottom:1px solid #896d66}
	}
@media(max-width:375px){
.logo img{height:70px}	
.history > li.type1{padding-right:0; text-align:left}
.history > li.type2{padding-left:0}
.history > li:before{left:0; margin-left:0}
.history .year{margin:0 0 0 40px}
.history_area:before{display:none}
.info_box{word-break:break-all}
.ul_m0501 li{width:calc(50% - 20px)}
.ul_m0501 li img{width:100%}
	}
@media(max-width:360px){
	.logo img{height:60px}
	}
@media(max-width:280px){
	header{padding:10px 10px}
	.logo img{height:50px}
	.bt_all{right:5px}
	header .bt_consulting{ padding:5px 7px; right:55px}
	.topnav a, .dropdown .dropbtn, .dropdown-content p{line-height:2}
	.sub_vis h2{font-size:20px}
	td{word-break:break-all}
.history2 li{padding:5px 5px; font-size:12px}
.boin5 {
   background-size:50%; 
}
/*연혁*/
.history2 .level1:after {
    bottom: -300px; height:300px
}
	}