.intro_01 {position:relative;}
.intro_01 .text_box{margin-right:700px;}
.intro_01 .text_box .t1{font-size:35px; color:#000; line-height:44px;   letter-spacing:-2px;}
.intro_01 .text_box .t1 span {display:inline-block; color:#145fa7; font-family:'Pretendard'; font-weight:900 }

.intro_01 .text_box .text { font-size:17px; text-align: justify; margin-top:40px; color:#000; position:relative;}  
.intro_01 .icon {position:absolute; right:0px; top:50px; }
.intro_01 .icon img {vertical-align:middle; max-width:100%;}

.intro_01 .name {margin-top:30px; color:#000;  font-size:20px;}


.intro_02_top {margin-bottom:60px;;}
.intro_02_top .t1{color:#664828; font-size:40px; line-height:50px; position:absolute; left:0px; top:0px; font-weight:900;}
.intro_02_top .t1 span {display:block; color:#000; font-weight:normal;  }
.intro_02_top .t2{color:#333; margin-top:50px;  font-size:17px; line-height:25px;   padding-left:450px;}


.intro_02_wrap_logo {border:1px #ddd solid;}
.intro_02_wrap_logo .icon{text-align:center; padding:60px 0px; border-bottom:1px #ddd dashed;}

.intro_02_wrap_logo .icon .col_box {display:table; width:100%; table-layout:fixed;  }
.intro_02_wrap_logo .icon .col_box .col {display:table-cell;vertical-align:middle; text-align:center; position:relative;}
.intro_02_wrap_logo .icon .col_box .col .type_box{display:inline-block;  line-height:200px;height:200px;}
.intro_02_wrap_logo .icon .col_box .col .logo_type_name {font-size:14px; color:#888; margin-top:30px;}
.intro_02_wrap_logo .icon .col_box .col .logo_type_name span {display:inline-block; background:#f8f8f8; color:#2a2a2a; padding:0 30px; line-height:33px; border-radius:5px;}
.intro_02_wrap_logo .icon .col_box .col.left {border-right:1px #ddd solid;}

.intro_02_wrap_logo .icon img {max-width:300px; vertical-align:middle;}
.intro_02_wrap_logo .icon .btn {margin-top:35px;}
.intro_02_wrap_logo .icon .btn a{display:inline-block; border:1px #2a2a2a solid; padding:12px 20px; color:#2a2a2a; font-size:16px; border-radius:3px;}
.intro_02_wrap_logo .info { padding:30px; background:#f8f8f8;}
.intro_02_wrap_logo dl {margin:30px 0px;}
.intro_02_wrap_logo dl dt{font-size:24px; color:#000; margin-bottom:10px; font-weight:bold; }
.intro_02_wrap_logo dl dd{font-size:16px; color:#000; background:url(../images/sub/dt_dot.jpg) left 10px no-repeat; padding-left:15px;}






/*오시는 길*/
.intro_03 {position:relative; }
.intro_03 #daum_map {width:100%; height:450px; top:0px; border-radius:30px; overflow:hidden; border:1px #ddd solid;}
.intro_03 ul {overflow:hidden; display:table; width:100%;  table-layout:fixed; margin-top:40px;}
.intro_03 ul li {display:table-cell; padding:0 40px; border-right:1px #ddd solid; text-align:center;}
.intro_03 ul li.first {padding-left:0px;  }
.intro_03 ul li.last {padding-right:0px; border-right:0px;}

.intro_03 ul li .t1 {font-size:25px; color:#000;  position:relative; line-height:60px;  font-weight:900;}
.intro_03 ul li .t1 span {display:block;}
.intro_03 ul li .t1 span img {vertical-align:middle; }
.intro_03 ul li .t2 {font-size:20px; color:#000; margin-top:10px; line-height:20px;}



.story_top {padding:60px; background:#f8f8f8; border-radius:30px; margin-bottom:40px;}
.story_top .icon {position:absolute; left:60px; top:60px; }
.story_top .icon img {vertical-align:middle; max-width:100%; border-radius:30px; }
.story_top .info  {margin-left:400px; }
.story_top .t1 {font-size:30px; font-weight:bold; color:#664828; }
.story_top .t2 {margin-top:30px; font-size:17px; color:#000; line-height:20px;}
.story_top .t3 {margin-top:30px; }
.story_top .t3 span{display:inline-block; padding:0 20px; line-height:40px; border-radius:5px; font-size:15px; color:#fff; background:#664828}



.product_top {position:relative; margin-bottom:80px;  border-bottom:1px #ededed solid; padding-bottom:80px; position:relative; }


.product_top .icon {position:absolute; top:60px;  left:0px; }
.product_top .icon img  {vertical-align:middle; max-width:100%; }

.product_top  .text_box { padding-top:30px; margin-left:400px;;}
.product_top  .text_box .t1 {font-size:40px; margin-top:0px; color:#664828; letter-spacing:-2px; font-weight:900; line-height:35px;}
.product_top  .text_box .t1 span{display:block; font-size:22px; font-weight:normal; color:#000; margin-top:10px;}

.product_top  .text_box .t2 ul{margin-top:20px; background:#f8f8f8; padding:30px; border-radius:20px; overflow:hidden;}
.product_top  .text_box .t2 ul li {float:left; width:48%; font-size:17px; margin:3px 0px; color:#000; background:url(../images/sub/dt_dot.jpg) left 12px no-repeat; padding-left:10px; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
.product_top  .text_box .t2 ul li:nth-child(even) {float:right;}



.product_list {margin-top:10px;}
.product_list ul{display:table; width:100%; table-layout:fixed; border-spacing:10px; }
.product_list ul li {display:table-cell; vertical-align:top;  border:1px #ddd solid;   background:#f6f6f6; text-align:center; border-right:1px #ddd solid; position:relative;} 
.product_list ul li .t1{padding:30px 0px; font-size:20px; font-weight:bold; color:#664828; background:#fff; border-bottom:1px #ededed solid;} 
.product_list ul li .t1 .icon {margin-bottom:10px;}
.product_list ul li .t1 .icon img {vertical-align:middle;} 
.product_list ul li .t2 {padding:30px; line-height:20px; font-size:16px; }



.agree_box {padding:30px; }
.agree_s_box { margin-top:20px;} 
.agree_s_box .box{border:1px #ddd solid; padding:10px; overflow:hidden; height:100px; overflow-y:auto; margin-top:20px; font-size:11px; color:#888;} 





@media all and (max-width:1024px) {



.intro_01 {position:relative;}
.intro_01 .text_box{margin-right:0px;}
.intro_01 .text_box .t1{font-size:25px; line-height:30px;   letter-spacing:-1px;}
.intro_01 .icon {position:relative; right:0px; top:0px; }


.intro_02_top {margin-bottom:60px; }
.intro_02_top .t1{ font-size:30px; line-height:30px; position:relative;}
.intro_02_top .t2{margin-top:20px;   padding-left:0px;}



.intro_02_wrap_logo .icon{padding:30px; border-bottom:1px #ddd dashed;}

.intro_02_wrap_logo .icon .col_box {display:block;}
.intro_02_wrap_logo .icon .col_box .col {display:block; border:0px !important;  border-bottom:1px  #ddd solid  !important;  padding-bottom:20px;}
.intro_02_wrap_logo .icon .col_box .col .type_box{line-height:100px ;height:auto;}
.intro_02_wrap_logo .icon img {max-width:150px ;}




/*오시는 길*/
.intro_03 {position:relative; }
.intro_03 #daum_map {width:100%; height:250px;  border-radius:10px; }
.intro_03 ul {display:block; width:auto;}
.intro_03 ul li {display:block; padding:40px  15px !important; border:1px #ddd solid; text-align:center; margin-bottom:10px; border-radius:10px;}


.intro_03 ul li .t1 {font-size:18px;  line-height:30px;  }
.intro_03 ul li .t1 span {display:inline-block; margin-right:10px;;}
.intro_03 ul li .t1 span img {vertical-align:middle; }
.intro_03 ul li .t2 {font-size:17px;}



.product_top {position:relative; margin-bottom:50px;   padding-bottom:50px; }


.product_top .icon {position:relative; text-align:center; top:0px;}
.product_top .icon img  {vertical-align:middle; max-width:100%; }

.product_top  .text_box { padding-top:30px; margin-left:0px; text-align:center;}
.product_top  .text_box .t1 {font-size:30px; line-height:30px;}
.product_top  .text_box .t1 span{font-size:20px;  margin-top:5px;}

.product_top  .text_box .t2 ul{margin-top:20px;   padding:30px; border-radius:10px;}
.product_top  .text_box .t2 ul li {float:none !important; width:auto;text-align:left;}



.product_list {margin-top:0px;}
.product_list ul{display:block; }
.product_list ul li {display:block; margin-bottom:5px;} 





.story_top {padding:0px;  background:#fff;  border-radius:10px; margin-bottom:40px; }
.story_top .icon {position:relative; left:0px; top:0px; }
.story_top .icon img { width:100%; border-radius:10px; }
.story_top .info  {margin-left:0px; }
.story_top .t1 {font-size:30px;margin-top:30px;}
.story_top .t3 span{  margin-bottom:10px;  }




}





@media all and (min-width:1025px) and (max-width:1440px) {











}