#subvisual {float:left; width:100%; text-align:center;  display:block; position:relative; overflow:hidden;  z-index:1; } 


.subvisual_txt {position:absolute; z-index:99;  top:100px; right:0; text-align:left; font-size:24px; color:#1591d8; letter-spacing:-1px; font-weight:bold;}


@media (max-width:900px) {


#subvisual img {min-width:900px; max-width:100%;}
 
.subvisual_txt {top:30px; font-size:16px; right:auto; left:20px; line-height:1.5em;}

}

#m_subvisual {display:none;}

.sub_body {position:relative; padding-left:0px;}
.sub_body.wide {position:relative; padding-left:0;}
.item_wrap {background:#FFF !important;}
/* ������ �κ� */   

/* contents */ 


/* ������ ���� */
 
  div.article {float:left;  min-height:600px; width:100%; margin-top:0px; padding-top:33px; padding-bottom:156px;}
  div.article_wide{float:left;  min-height:600px;   padding-left:0px; width:100%;  padding-top:33px;  }


/* ��������� */
 div.page-navi { position:relative; background:#fff; height:54px; z-index:9; padding:0; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.in_title {text-align:center; margin-top:30px;}
.in_title h3 { font-size:35px; color:#333333;  font-weight:600; display:block; letter-spacing:-2px; padding-bottom:10px; background:url(../img/page_line.jpg) no-repeat center bottom;}

 div.page-navi ul{} 
 div.page-navi ul li{float:left;  color:#333333; min-width:200px; border-right:1px solid #e3e3e3;  margin-right:1px;   padding-left:18px; height:53px; line-height:54px; font-size:16px;  padding-right:0px;  letter-spacing:-1px; position:relative;}
 div.page-navi ul li.home {  background:none; min-width:64px; border-right:1px solid #e3e3e3; text-align:center; padding-left:0; font-size:20px; color:#333333;}
 div.page-navi ul li strong{ color:#000000; font-weight:normal;}
 div.page-navi ul li a {color:#333333; display:block; }
 div.page-navi ul li a i {position:absolute; right:10px; top:18px;}
 div.page-navi ul li:last-child a {padding-right:24px;}


div.page-navi ul li.hover .hidden-menu {display:block;} 

.hidden-menu {position:absolute;  background:#f9f9f9;     z-index:999;  top:53px; left:-1px; width:190px !important; display:none;}
.hidden-menu li {float:none; clear:both;  background:#fff; padding:0 !important; width:100%; border:none !important; height:45px !important; line-height:45px !important;}
.hidden-menu li  a {display:block;  background:#fff; color:#333333 !important; border:1px solid #e3e3e3; font-size:16px; padding:0px 20px 0px 20px !important; margin-top:-1px; height:auto; line-height:auto; }
.hidden-menu li  a:hover {background:#d0e270; color:#333333 !important;}

.hidden-menu .depth3_menu {padding:0px 0; position:relative; margin-top:0; margin-left:0; background-size:#f9f9f9; }
.hidden-menu .depth3_menu li {background-size:#f9f9f9;}
.hidden-menu .depth3_menu li a {font-size:14px; padding:5px 18px; display:block;  letter-spacing:-1px; background-size:#f9f9f9 !important;; border-bottom:none !important;;}
.hidden-menu .depth3_menu li a.active {color:#158d44;}
 

 @media (max-width:900px) {/* �ּ� ~ �ִ� 480  */
 
  div.article {padding-bottom:100px;}
   div.page-navi ul li {min-width:auto;}
 div.page-navi ul.page-location > li:nth-child(2) {min-width:110px; font-size:14px;}
 div.page-navi ul.page-location > li:nth-child(3) {min-width:160px; font-size:14px;}
 div.page-navi ul li a i {position:absolute; right:10px; top:20px;}
.hidden-menu {width:160px !important;}
.hidden-menu li {width:100% !important; }

.hidden-menu li  a {font-size:13px; }
}


.side_wrap {position:absolute; left:0; top:40px; width:240px; }
.sidemenu {margin-top:0px; }
.sidemenu h3 {font-size:22px; color:#fff;  letter-spacing:-2px; font-weight:bold; padding:25px 0 25px 0; background:#255eac; text-align:center; margin-bottom:15px;}

.sidemenu_list {margin-top:0px;   }
.sidemenu_list > li {border:1px solid #dfdfdf; padding:0px 0; margin-bottom:10px;}
.sidemenu_list > li > a {font-size:18px; color:#000000;  padding:12px 18px; display:block;  letter-spacing:-1px; }
.sidemenu_list > li > a.active {background:url(../img/submenu_on.png) no-repeat right center #dceefd; font-weight:bold; color:#255eac;}
.sidemenu_list > li a p {font-size:14px;}
.sidemenu_list .depth3_menu {padding:10px 0;}
.sidemenu_list .depth3_menu li {}
.sidemenu_list .depth3_menu li a {font-size:16px; padding:5px 18px; display:block;  letter-spacing:-1px; }
.sidemenu_list .depth3_menu li a.active {color:#158d44;}

 @media (max-width:1000px) {

.sub_body {position:relative; padding:0 0px;}
.side_wrap {display:none;}
div.article {width:100%; box-sizing:border-box; }
 
 }

 @media (max-width:700px) {

.side_wrap {display:none;}
div.article {width:100%; box-sizing:border-box; }

 }

#content-area { clear:both;  font-size:16px; color:#5e5e5e; padding:30px 0 40px 0; line-height:160%;}

 


/* ���� */
#content-area p {color:#333333; font-size:16px; line-height:160%; }  

.responsive_img img {max-width:100%;}
.text_center {text-align:center;}
.text-right {text-align:right;}




.content-title {margin-top:50px;  display:block; margin-bottom:20px; position:relative;   font-size:22px; color:#000000; letter-spacing:-1px; background:url(../img/content-title_bullet.png) no-repeat 0 10px; padding-left:26px; padding-top:0px; font-weight:bold;} 
.content-title.first {margin-top:0px;}
.content-title.line {border-bottom:1px solid #e5e5e5;}
.content-title small {font-size:14px; color:#888888; position:absolute; right:0; top:0;}
.content-title small.inline {font-size:18px; color:#666666; position:relative; margin-left:10px;}
.content-p {font-size:18px; line-height:160%;}
.content-title-sub {background:url(../img/txt_list_bullet.png) no-repeat 6px 14px; padding-left:16px; font-size:16px; color:#333333; font-weight:bold;}

.content-title2 {font-size:18px; color:#333333; position:relative; padding-left:25px; margin-bottom:10px; font-weight:bold;}
.content-title2 span {position:absolute;width:16px; height:16px; color:#FFF; font-size:12px; top:5px; left:0; background:#255eac; text-align:center; line-height:14px; }

 @media (max-width:1000px) {

#content-area {padding:30px 20px;}

.content-title {font-size:18px;}
.content-title2 {font-size:16px;}

.content-p {font-size:16px; line-height:160%;}
 }


.text-center {text-align:center;}
.bold_txt {font-weight:bold;}
.font-color-blue {color:#14799d;}
.font-color-black {color:#000;}
.blue_txt {color:#0041ad;}
.small_txt {font-size:14px;}
.green_txt {color:#038d00;}
.yellow_txt {color:#ff9101;}
.redtxt {color:#fe5151;}
.pinktxt {color:#df8786;}
.skyblue_txt {color:#24a8c9;}
.black_txt {color:#000;}

.font-16 {font-size:16px;}

.padding-30 {padding:20px 30px 30px 30px !important;}

.big_text {font-size:22px; color:#000000; font-weight:bold;}

.skyblue_bg {background:#f0fcff; padding:20px;}
.green_bg {background:#ebffea; padding:20px;}
.gray_bg {background:#f7f7f7; padding:20px;}

.btn_wrap {text-align:center;}
.btn_wrap a {display:inline-block; background:#faa73a; font-size:16px; color:#FFF; padding:12px 35px; border-radius:5px;}
 
a.hwp_file {background:url(../img/hwp_icon.png) no-repeat 0 2px; padding-left:24px; font-weight:bold; margin-left:10px;}

 




.page-tab {clear:both; width:100%;}
.page-tab ul {  float:left; width:100%;}
.page-tab ul li {float:left; width:24%; }
.page-tab ul li a {display:block; background:#fff; font-size:16px; color:#a3a3a3; text-align:center; padding:10px 0; margin-right:10px; position:relative; border:1px solid #e5e5e5;}
.page-tab ul li a.active {background:#ffffff; color:#666da8; font-weight:bold; border:1px solid #666da8; }

.page-tab.menucnt6 li {float:left; width:16.66666%;}
.page-tab.menucnt6 li a {letter-spacing:-1px;}
.page-tab.menucnt5 li {float:left; width:20%;}
.page-tab.menucnt4 li {float:left; width:25%;}

 @media (max-width:700px) {
.page-tab ul li a {font-size:13px; white-space:nowrap;}

.page-tab.menucnt6 li {float:left; width:33.33333%;}
.page-tab.menucnt6 li a {letter-spacing:-1px;}

 }


.imgWrap {clear:both; text-align:center; margin:0px 0 0px 0;}  
.imgWrap img {max-width:100%;}
.imgWrap .img_alt {background:#797b7e; font-size:16px; text-align:center; padding:15px; color:#fff; font-weight:bold;}



.imgBox {clear:both; padding:20px;}  
.imgWrap img {max-width:100%;}


@media (max-width:700px) {

.imgWrap .img_alt {font-size:14px; line-height:140%; font-weight:normal;}

}


ul.txtlist {clear:both;}
ul.txtlist li {color:#555555; font-size:18px; background:url(../img/txt_list_bullet.png) no-repeat 0 14px; padding-left:10px; padding-bottom:5px; line-height:160%; letter-spacing:-1px;} 
ul.txtlist li.notitle {background:none; padding-left:80px;}
ul.txtlist li strong {color:#333; margin-right:0px;}
ul.txtlist li span {color:#333; } 
ul.txtlist.is_title70 li {padding-left:70px; position:relative;}
ul.txtlist.is_title70 li span {position:absolute; left:0; top:0; font-weight:bold; padding-left:10px;}
ul.txtlist.is_title180 li {padding-left:180px; position:relative;}
ul.txtlist.is_title180 li span {position:absolute; left:0; top:0; font-weight:bold; padding-left:10px;}
ul.txtlist.is_title150 li {padding-left:150px; position:relative;}
ul.txtlist.is_title150 li span {position:absolute; left:0; top:0; font-weight:bold; padding-left:10px;}

 
 @media (max-width:700px) {

ul.txtlist li {font-size:14px;}
ul.txtlist.is_title100 li {padding-left:70px;}
ul.txtlist.is_title180 li {padding-left:140px;}
ul.txtlist.is_title150 li {padding-left:125px;}

.sky_box {padding:20px;}
 }




p.img_alt {font-size:14px; color:#393939; margin-top:15px;}

 

.img_box {text-align:center;}
.img_box img {max-width:100%;}

.table01 {width:100%; border-top:2px solid #3465bf;}
.table01 table {width:100%;   border-collapse:collapse;}
.table01 th {border:1px solid rgba(0,0,0,0.1); background:#e1e8f5; padding:10px 20px; font-size:16px; color:#333333; vertical-align:center; text-align:left; width:130px; letter-spacing:-1px; border-left:none;}
.table01 td {border:1px solid rgba(0,0,0,0.1); background:#f8f8f8; padding:10px 20px; color:#555555; font-size:16px;  letter-spacing:-1px; border-right:none;}
.table01 td.title {  color:#000; font-weight:bold;   text-align:center; width:21%;}
.table01 td b {margin-left:10px;}
.table01.text-center th {text-align:center; width:auto;}
.table01.text-center td {text-align:center;}


.table02 {width:100%;}
.table02 table {width:100%;   border-collapse:collapse;}
.table02 th {border:1px solid rgba(0,0,0,0.1); background:#ddefff; padding:16px 0px; font-size:18px; color:#255eac; text-align:center; }
.table02 td {border:1px solid rgba(0,0,0,0.1);  padding:16px 20px; color:#555555; font-size:18px; text-align:center; }
.table02 td.title {background:#99b5e0; color:#FFF; font-size:18px; width:110px;}
.table02 td b {margin-left:10px;}

.table03 {width:100%;}
.table03 table {width:100%;   border-collapse:collapse;}
.table03 th {border:1px solid rgba(0,0,0,0.1); background:#ddefff; padding:16px 0px; font-size:18px; color:#255eac; text-align:center; }
.table03 td {border:1px solid rgba(0,0,0,0.1);  padding:16px 30px; color:#555555; font-size:18px; text-align:center; }
.table03 td.tel {text-align:right;}
.table03 td.work {text-align:left;}
.table03 tr.type1 td {background:#f5f5f5;}

.table04 {width:100%;}
.table04 table {width:100%;   border-collapse:collapse;}
.table04 th {border:1px solid rgba(0,0,0,0.1); background:#ddefff; padding:16px 0px; font-size:18px; color:#255eac; text-align:center; }
.table04 td {border:1px solid rgba(0,0,0,0.1);  padding:13px 20px; color:#555555; font-size:18px; text-align:center; }



 @media (max-width:700px) {

.table01 {overflow-x:scroll; background:url(../img/scroll.png) no-repeat; padding-top:30px; background-size:50px;}
.table01 table {min-width:800px;}
.table01 th { font-size:14px; }
.table01 td { font-size:14px; }
.table01 td.title { font-size:14px; }


.table02 {overflow-x:scroll; background:url(../img/scroll.png) no-repeat; padding-top:30px; background-size:50px;}
.table02 table {min-width:800px;}
.table02 th { font-size:14px; }
.table02 td { font-size:14px; }
.table02 td.title { font-size:14px; }

.table03 {overflow-x:scroll; background:url(../img/scroll.png) no-repeat; padding-top:30px; background-size:50px;}
.table03 table {min-width:700px;}
.table03 th { font-size:14px; }
.table03 td { font-size:14px; }
.table03 td.title { font-size:14px; }

.table04 {}
.table04 table {}
.table04 th { font-size:14px; }
.table04 td { font-size:14px; letter-spacing:-1px;}
.table04 td.title { font-size:14px; }
 }


 
.txtbox {position:relative; min-height:86px; padding-left:106px;}
.txtbox .icon {position:absolute; left:0;}
.txtbox h2 {font-size:18px; color:#14799d; font-weight:normal;}
.txtbox h3 {background:url(../img/content-bullet2.png) no-repeat 0 10px; padding-left:15px; clear:both; display:block; line-height:150%;}

 
.greeting_box {display:flex;}
.greeting_box .greeting_img {width:40%;}
.greeting_box .greeting_txt {width:60%; box-sizing:border-box; padding-left:34px;}
.greeting_box h3 {font-size:22px; color:#333333;  font-weight:bold; margin-bottom:25px; line-height:140%;  letter-spacing:-1px;} 
.greeting_box p {font-size:16px !important; color:#555555 !important; letter-spacing:-1px; line-height:180% !important;}
.greeting_box .greeting_sign {font-size:18px; color:#555555; margin-top:20px; font-weight:bold; text-align:right;}



@media (max-width:700px) {
 

.greeting_box { flex-wrap:wrap;}
.greeting_box h3 {font-size:20px; margin-bottom:30px; }
.greeting_box h3 span {}
.greeting_box p {font-size:16px !important; color:#666666 !important; letter-spacing:-1px;}
.greeting_box .sign {font-size:16px; color:#333333; margin-top:50px; font-weight:normal;}

.greeting_box .greeting_img {width:100%; margin-bottom:20px;}
.greeting_box .greeting_img img {max-width:100%; height:auto;}
.greeting_box .greeting_txt { width:100%; box-sizing:border-box; padding-left:0px;}
.greeting_box h3 {font-size:18px; } 
.greeting_box p {font-size:14px !important; }
}



.about_box {display:flex;}
.about_box .about_img {width:30%;}
.about_box .about_txt {width:70%; box-sizing:border-box; padding-left:34px;}
.about_box h3 {font-size:22px; color:#333333;  font-weight:bold; margin-bottom:25px; line-height:140%;  letter-spacing:-1px;} 
.about_box p {font-size:18px !important; color:#555555 !important; letter-spacing:-1px; line-height:180% !important;}

 
 @media (max-width:700px) {

.about_box {flex-wrap:wrap;}
.about_box .about_img {width:100%;}
.about_box .about_txt {width:100%; padding-left:0;}
.about_box h3 {font-size:18px; }
.about_box p {font-size:14px !important; }
 }



.history_wrap {border-top:2px solid #d0e270; }

.history_box {position:relative;   padding:30px 0; display:flex; align-items:center; border-bottom:1px solid #e5e5e5;}
.history_box h3 {font-size:30px; color:#b3cc31; font-weight:bold; width:230px; left:0px; z-index:0;  text-align:center;}
.history_box table {}
.history_box table th {font-size:16px; font-weight:bold; color:#333333; line-height:160%; padding-bottom:5px; width:100px; text-align:center; vertical-align:top; }
.history_box table td {font-size:16px; color:#333333; line-height:160%; padding-bottom:5px;  vertical-align:top;}



@media (max-width:900px) { 

.history_box h3 {font-size:24px; width:150px;}
}

@media (max-width:600px) { 

.history_box {flex-wrap:wrap;}
.history_box h3 {width:100%; text-align:left; margin-bottom:20px; font-size:24px;}
.history_box table th {font-size:14px; width:70px;}
.history_box table td {font-size:14px;}
}



.businessList {display:flex; flex-wrap:wrap; margin-left:-3.33333%;}
.businessList li {width:30%; margin-left:3.33333%; background:#f2f2f2; margin-bottom:3.33333%; text-align:Center; padding:50px 36px;}
.businessList li h3 {font-size:20px; color:#000000; font-weight:bold; margin-top:18px;}
.businessList li p {font-size:16px; color:#333333; margin-top:10px; letter-spacing:-0.5px;} 
 
.businessFlow {display:flex; flex-wrap:wrap; margin-left:-3%;}
.businessFlow li {margin-left:3%; position:relative; width:17%;}
.businessFlow .flow_box {width:207px; height:207px; border-radius:100%; background:#d9e49c; display:flex; align-items:center; flex-direction:column; justify-content:center;}
.businessFlow .flow_box span {display:inline-block; background:#FFF; border-radius:40px; color:#899d1a; font-size:16px; padding:5px 20px; font-weight:bold;}
.businessFlow .flow_box h3 {font-size:20px; color:#000000; text-align:center; font-weight:bold; margin-top:15px;}
.businessFlow li p {font-size:16px; margin-top:10px; text-align:center; display:block; height:60px; letter-spacing:-1px;} 

.businessFlow li:nth-child(2) .flow_box {background:#d1df88;}
.businessFlow li:nth-child(3) .flow_box {background:#cada74;}
.businessFlow li:nth-child(4) .flow_box {background:#c2d561;}
.businessFlow li:nth-child(5) .flow_box {background:#b3ca39;}
.businessFlow li:after { position:absolute; right:-20px; top:calc(50% - 30px); font-family: 'FontAwesome'; content: "\f054"; font-size:20px;}
.businessFlow li:last-child:after {display:none;}


@media (max-width:1200px) { 

.businessFlow .flow_box {width:180px; height:180px;}

}

@media (max-width:1000px) { 

.businessFlow .flow_box {width:160px; height:160px;}
.businessFlow .flow_box span {font-size:13px; padding:0px 10px;}
.businessFlow .flow_box h3 {font-size:14px; margin-top:5px;}
}

@media (max-width:900px) { 

.businessList {margin-left:-2%;}
.businessList li {width:48%; margin-bottom:2%; margin-left:2%;}


.businessFlow .flow_box {width:120px; height:120px;}
.businessFlow .flow_box span {font-size:11px; padding:0px 10px;}
.businessFlow .flow_box h3 {font-size:12px; margin-top:5px;}
.businessFlow li p {font-size:12px !important; margin-top:5px; }
.businessFlow li p br {display:none;}
}


@media (max-width:600px) { 
.businessFlow .flow_box {width:110px; height:110px;}
}

@media (max-width:500px) { 

.businessList {margin-left:0;}
.businessList li {width:100%; margin-left:0; padding:30px 20px;}
.businessList li h3 {font-size:16px; margin-top:18px;}
.businessList li p {font-size:14px !important; margin-top:10px; } 
 

.businessFlow li {margin-left:3%; position:relative; width:30.33333%; margin-bottom:3%;}
.businessFlow .flow_box {width:90px; height:90px;}
.businessFlow .flow_box span {font-size:11px; padding:0px 10px;}
.businessFlow .flow_box h3 {font-size:12px; margin-top:5px;}

.businessFlow li p {font-size:12px !important; margin-top:5px; }
.businessFlow li:after { position:absolute; z-index:9;right:0; top:calc(50% - 30px); font-family: 'FontAwesome'; content: "\f054"; font-size:14px;}

}



.businessList2 {display:flex; flex-wrap:wrap; margin-left:-3.33333%;}
.businessList2 li {width:30%; margin-left:3.33333%; background:#f2f2f2; margin-bottom:3.33333%; text-align:Center; padding:30px 36px;}
.businessList2 li h3 {font-size:20px; color:#000000; font-weight:bold; margin-top:18px;}
.businessList2 li p {font-size:16px; color:#333333; margin-top:10px; letter-spacing:-0.5px;} 
 
.businessFlow2 {display:flex; flex-wrap:wrap; margin-left:-3%; justify-content:center; margin-bottom:70px;}
.businessFlow2 li {margin-left:3%; position:relative; width:17%;}
.businessFlow2 .flow_box {width:207px; height:207px; border-radius:100%; background:#def3ff; display:flex; align-items:center; flex-direction:column; justify-content:center;}
.businessFlow2 .flow_box span {display:inline-block; background:#FFF; border-radius:40px; color:#005fa1; font-size:16px; padding:5px 20px; font-weight:bold;}
.businessFlow2 .flow_box h3 {font-size:20px; color:#000000; text-align:center; font-weight:bold; margin-top:15px;}
.businessFlow2 li p {font-size:16px; margin-top:10px; text-align:center; display:block; height:60px; letter-spacing:-1px;} 

.businessFlow2 li:after { position:absolute; right:-20px; top:50%; font-family: 'FontAwesome'; content: "\f054"; font-size:20px;}
.businessFlow2 li:last-child:after {display:none;}


@media (max-width:1200px) { 

.businessFlow2 .flow_box {width:180px; height:180px;}

}

@media (max-width:1000px) { 

.businessFlow2 .flow_box {width:160px; height:160px;}
.businessFlow2 .flow_box span {font-size:13px; padding:0px 10px;}
.businessFlow2 .flow_box h3 {font-size:14px; margin-top:5px;}
}

@media (max-width:900px) { 

.businessList2 {margin-left:-2%;}
.businessList2 li {width:48%; margin-bottom:2%; margin-left:2%;}


.businessFlow2 .flow_box {width:120px; height:120px;}
.businessFlow2 .flow_box span {font-size:11px; padding:0px 10px;}
.businessFlow2 .flow_box h3 {font-size:12px; margin-top:5px;}
.businessFlow2 li p {font-size:12px !important; margin-top:5px; }
.businessFlow2 li p br {display:none;}
}

@media (max-width:600px) { 

.businessList2 {margin-left:0;}
.businessList2 li {width:100%; margin-left:0; padding:30px 20px;}
.businessList2 li h3 {font-size:16px; margin-top:18px;}
.businessList2 li p {font-size:14px !important; margin-top:10px; } 
 

.businessFlow2 li {margin-left:3%; position:relative; width:30.33333%; margin-bottom:3%;}
.businessFlow2 .flow_box {width:90px; height:90px;}
.businessFlow2 .flow_box span {font-size:11px; padding:0px 10px;}
.businessFlow2 .flow_box h3 {font-size:12px; margin-top:5px;}

.businessFlow2 li p {font-size:12px !important; margin-top:5px; }
.businessFlow2 li:after { position:absolute; z-index:9;right:0px; top:50%; font-family: 'FontAwesome'; content: "\f054"; font-size:14px;}

}











.product_title {font-size:20px; color:#333333; position:relative; padding-left:39px; margin-bottom:20px; margin-top:60px;}
.product_title.first {margin-top:0;}
.product_title span { position:absolute; display:flex; width:29px; height:29px; color:#fff; background:#3465bf; border-radius:29px; align-item:center; justify-content:center; font-size:14px; left:0; top:0;}

.product_list {display:flex; flex-wrap:wrap;}
.product_list li {margin-right:30px; margin-bottom:30px;}
.product_list li p {display:block; background:#f0f0f0; color:#333333; font-size:18px; text-align:center; padding:10px;}


.certify_list {display:flex; justify-content:space-between; margin:30px 0;}
.certify_list li {width:23%;}
.certify_list li p {display:block; color:#333333; font-size:18px; text-align:center; padding:10px 0; }



ul.product_txt_list {clear:both; padding-left:20px;}
ul.product_txt_list li {color:#555555; font-size:16px; background:url(../img/txt_list_bullet.png) no-repeat 0 11px; padding-left:10px; padding-bottom:5px; line-height:160%; letter-spacing:-1px;} 
ul.product_txt_list li div.caption {color:#d64040;}
ul.product_txt_list li strong {color:#333; margin-right:0px;}
ul.product_txt_list li span {color:#666da8; display:inline-block; width:150px;} 
ul.product_txt_list b {font-weight:bold; color:#333333;}
 

@media (max-width:900px) { 

.product_title {font-size:16px;}
.product_list {justify-content:space-between;}
.product_list li p {font-size:14px !important;}
.product_list li {width:49%; margin-right:0;}

}

@media (max-width:600px) { 
.certify_list {flex-wrap:wrap;}
.certify_list li {width:49%;}
.certify_list li p {font-size:14px !important;}
}

.huwon_top {font-size:18px; color:#333333; text-align:center; letter-spacing:-0.5px; margin-bottom:50px; font-weight:bold;}
.huwon_wrap {display:flex; justify-content:space-between; margin-bottom:40px;}
.huwon_box {width:48%; background:#f2f2f2; padding:30px; border-radius:5px;}
.huwon_box h3 {font-size:20px; color:#333333; position:relative; padding-left:39px; margin-bottom:20px;}
.huwon_box h3 span { position:absolute; display:flex; width:29px; height:29px; line-height:27px; color:#fff; background:#3465bf; border-radius:29px; align-item:center; justify-content:center; font-size:14px; left:0; top:0;}
.huwon_box ul {padding-left:20px;}
.huwon_box ul li {color:#555555; font-size:16px; background:url(../img/txt_list_bullet.png) no-repeat 0 11px; padding-left:10px; padding-bottom:5px; line-height:160%; } 
.huwon_box ul li span {display:inline-block; margin-right:5px; text-align:justify; font-weight:normal;}


@media (max-width:800px) { 
.huwon_top {font-size:16px;}
.huwon_top br {display:none;}
.huwon_wrap {flex-wrap:wrap;}
.huwon_box {width:100%; margin-bottom:20px; }

.huwon_box h3 {font-size:16px;}
.huwon_box ul li {font-size:14px;}
}



.bongsa_box {background:#f2f2f2; padding:30px; border-radius:5px; margin-bottom:30px;}
.bongsa_box h3 {font-size:20px; color:#333333; position:relative; padding-left:10px; margin-bottom:20px;}
.bongsa_box h3 span { position:absolute; display:flex; width:29px; height:29px; line-height:27px; color:#fff; background:#3465bf; border-radius:29px; align-item:center; justify-content:center; font-size:14px; left:0; top:0;}
.bongsa_box ul {padding-left:20px;}
.bongsa_box ul li {color:#555555; font-size:16px; background:url(../img/txt_list_bullet.png) no-repeat 0 11px; padding-left:10px; padding-bottom:5px; line-height:160%; } 
.bongsa_box ul li span {display:inline-block; margin-right:5px; text-align:justify; font-weight:bold;}

@media (max-width:800px) { 


.bongsa_box h3 {font-size:16px;}
.bongsa_box ul li {font-size:14px;}
}






.product_box01 {background:#f3f6fd; padding:30px 26px; font-size:16px; color:#555555; margin-bottom:15px;}
.product_box01 .txt {padding:10px;}
.product_box01 .txt_list {padding:0 10px 20px 10px;}
.product_box01 .txt_list li {font-size:16px;}
.product_info {display:flex; margin-top:30px; background:#ffffff; border:1px solid #dde0e6;}
.product_info .img {width:51%;}
.product_info .info {width:49%; padding:30px;}
.product_info .info ul.txt_list {margin-bottom:20px;}
.product_info .info ul.txt_list li {font-size:16px; color:#000; font-weight:bold;}
.product_info .info p {color:#888 !important;}
.product_info .info h3 {font-size:16px; color:#000; font-weight:bold; margin-bottom:20px;}


@media (max-width:900px) {

.product_box01 {padding:20px;}

.product_info {flex-wrap: wrap;}
.product_info .img {width:100%;}
.product_info .info {width:100%; padding:20px;}
.product_info .info ul.txt_list li {font-size:14px;}

}


.shop_btn {text-align:center;}
.shop_btn a {display:inline-block; width:330px; background:#59bfaf; padding:50px 10px; font-size:24px; color:#ffffff; letter-spacing:-1px; font-weight:bold; border-radius:10px;}
.shop_btn a i {color:#000; margin-left:10px;}


@media (max-width:900px) {
.shop_btn a {width:280px; font-size:20px;}
}

 


#daumRoughmapContainer1695631069122 {width:100%;}  

.map-area {margin-bottom:50px;} 
.location_txt {background:url(../img/location_icon.png) no-repeat 20px 10px #313131; padding-left:40px; margin-bottom:0px; } 
.location_txt h3 {font-size:16px; color:#255eac; font-weight:bold;  margin-bottom:5px; display:block; margin-top:5px;}
.location_txt ul {display:block; padding:10px;}
.location_txt ul li {display:inline-block; color:rgba(255,255,255,0.75); font-size:16px; margin-right:20px;}
.location_info {margin-top:30px; padding-left:0px; min-height:60px; border-bottom:1px solid #e5e5e5; padding-bottom:20px;}
.location_info ul {margin-left:27px;}
.location_info ul li {font-size:16px;}
.location_info h3 {font-size:22px; color:#333333; font-weight:bold;  margin-bottom:5px; display:block; margin-top:15px; padding-left:40px; line-height:30px; padding-bottom:10px; margin-bottom:18px;}
.location_info.marker h3 {background:url(../img/loc_icon.png) no-repeat;}
.location_info.bus h3 {background:url(../img/bus_icon.png) no-repeat;}
.location_info.bus {border-bottom:none;}


@media (max-width:900px) { 

.location_info ul li {font-size:14px;}
.location_info h3 {font-size:16px; }
.location_info p {font-size:14px;}
}


.cerfify_list {display:flex; flex-wrap:wrap; margin-left:-2%; }
.cerfify_list li {width:23%; margin-left:2%; margin-bottom:20px;}
.cerfify_list li img {max-width:100%;  border:1px solid #ddd;}
.cerfify_list li p {margin-top:10px; text-align:center;}


@media (max-width:900px) { 
.cerfify_list li {width:31.33333%;}
}

@media (max-width:600px) { 
.cerfify_list li {width:48%;}
}