@import url(http://fonts.googleapis.com/earlyaccess/notosansKr.css);



span{font-family:'Noto Sans KR',  "Helvetica Neue", Helvetica, Arial, sans-serif;}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; border:0;   }

 
 
 
 
a {
  color: #6cac70;
  text-decoration: none;
}

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-img-replace {
  /* replace text with a background-image */
  display: none;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
ol, ul {
	list-style: none;
}

.overflow-hidden {
  overflow: hidden;
}

/* -------------------------------- 

Main components 

-------------------------------- */
.cd-main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  min-height: 100%;
    display: none;
  position: relative;
  background-color: #f5f4e9;
  z-index: 999;
  padding-top: 50px;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}

header {
	  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 80px;
  width: 100%;
  
  z-index: 999;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
header.is-fixed {
  position: fixed;
}
@media only screen and (min-width: 768px) {
  header {
	
    height: 70px;
  }
  header {
	  display: none;}
}

#cd-logo {
  display: block;
  float: left;
  margin: 12px 0 0 20px;
}
#cd-logo img {
  display: block;
}


#cd-top-nav {
  position: absolute;
  top: 0;
  right: 120px;
  height: 100%;
  display: none;
  z-index:999;
}
#cd-top-nav ul {
  height: 100%;
  padding-top: 18px;
}
#cd-top-nav li {
  display: inline-block;
  margin-right: 1em;
}
#cd-top-nav a {
  display: inline-block;
  padding: .5em;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
}
#cd-top-nav a.current {
  background-color: #242e30;
}
.no-touch #cd-top-nav a:hover {
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 768px) {
  #cd-top-nav {
    display: block;
  }
}

#cd-menu-trigger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  background-color: #fff;
}


#cd-menu-trigger .cd-menu-text {
  height: 100%;
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  display: none;
}
#cd-menu-trigger .cd-menu-icon {
  /* this span is the central line in the menu menu */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color: #104310;

  /* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: inherit;
  
  left: 0;
}
#cd-menu-trigger .cd-menu-icon::before {
  bottom: 5px;
}
#cd-menu-trigger .cd-menu-icon::after {
  top: 5px;
}
#cd-menu-trigger.is-clicked .cd-menu-icon {
  background-color: rgba(255, 255, 255, 0);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked
{
background-color:#242e30;
	
}

#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {
  background-color: #fff;
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {
	
	
  #cd-menu-trigger {
    width: 100px;
    padding-left: 1.25em;
  }
  #cd-menu-trigger .cd-menu-text {
    display: inline-block;
    line-height: 70px;
  }
  #cd-menu-trigger .cd-menu-icon {
    left: auto;
    right: 1.25em;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

#cd-lateral-nav {
  position: fixed;
  height: 100%;
  right: 0;
  top: 0;
  visibility: hidden;
  /* the secondary navigation is covered by the main element */
  z-index: 999;
  width: 260px;
 
  background-color: #242e30;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(80px);
  -moz-transform: translateX(80px);
  -ms-transform: translateX(80px);
  -o-transform: translateX(80px);
  transform: translateX(80px);
}
#cd-lateral-nav .cd-navigation {
  margin: 10px 0 16px;
}
#cd-lateral-nav .sub-menu {
  padding: 0 10px 20px 15px;
  display: none;
}
#cd-lateral-nav a {
  display: block;
  line-height: 2em;
  padding: 0 16px 0 32px;
  color: #aab5b7;
}
#cd-lateral-nav a.current {
  background-color: #3a4a4d;
  color: #FFF;
}
.no-touch #cd-lateral-nav a:hover {
  color: #FFF;
}
@media only screen and (min-width: 768px) {
  #cd-lateral-nav .cd-navigation {
    margin: 20px 0;
  }
}
#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
  transition: transform .4s 0s, visibility 0s 0s;
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}

/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
  /* this is the right arrow to show that the item has a submenu  */
}
#cd-lateral-nav .item-has-children > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
  background: url("../img/cd-arrow.svg") no-repeat center center;
  background-size: 8px 11px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

#cd-lateral-nav .socials {
  padding: 0 32px;
}
#cd-lateral-nav .socials:after {
  content: "";
  display: table;
  clear: both;
}
#cd-lateral-nav .socials a {
  height: 32px;
  width: 32px;
  float: left;
  padding: 0;
  background-image: url("../img/cd-socials.svg");
  background-repeat: no-repeat;  background-size: 128px 64px;
  background-color: #FFF;
  margin-right: .5em;
  border-radius: 0.25em;
}
#cd-lateral-nav .socials a.cd-twitter {
  background-position: 0 0;
}
#cd-lateral-nav .socials a.cd-github {
  background-position: -32px 0;
}
#cd-lateral-nav .socials a.cd-facebook {
  background-position: -64px 0;
}
#cd-lateral-nav .socials a.cd-google {
  background-position: -96px 0;
}
.no-touch #cd-lateral-nav .socials a:hover {
  background-color: #4e6361;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter {
  background-position: 0 -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-github {
  background-position: -32px -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {
  background-position: -64px -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-google {
  background-position: -96px -32px;
}



#top_shopping{width:100%; background-color:#F4F4F4; height:38px; position:absolute; font-family:'arial','Noto Sans KR';}
#top_shopping_1{width:100%; max-width:1200px; margin:0px auto;}
.shopplink{color:#000; float:left; padding:12px; font-size:0.7em;}
.shopplink_1{color:#ff7f0d; float:left; padding:10px; padding-left:35px; font-size:1em; font-weight:600; background-image:url(../images/shopping.png); background-position:left; background-repeat:no-repeat;}
#top_shopping_1_1{float:right; width:100%; max-width:285px;}


#top_warp{width:100%; margin:0px auto; padding:0px auto; background-color:#fff; }
#top_menu { max-width:1200px; width:100%; min-width:700px; height:77px; margin:0px auto;}

#sub_menu { max-width:1200px; width:100%;  min-width:700px; margin:0px auto;  }
#logo{float:left; width:180px; padding-top:10px;}


#menu{right:30px; width:780px; float:right;}
#sub_wa{width:750px; float:right;}

.menu_1{font-family:'Noto Sans KR',sans-serif; border-right:1px solid #E8E8E8; font-size:14px; width:115px;  font-weight:600; height:45px;float:left; text-align:center; padding-top:35px; color:#212121;}
.menu_1:hover {font-family:'Noto Sans KR',sans-serif;  font-size:14px; width:115px; font-weight:600;  height:45px;float:left; text-align:center; padding-top:35px; color:#f2711c;   }


.menu_1_1{font-family:'Noto Sans KR',sans-serif;  font-size:15px; width:80px; font-weight:600; height:45px;float:left; text-align:right; padding-top:35px; color:#ff9103;}
.menu_1_1:hover {font-family:'Noto Sans KR',sans-serif;  font-size:15px; width:80px; font-weight:600; height:45px;float:left; text-align:center; padding-top:35px; color:#000; }

#top_warp{padding-top:35px; }
#sub_menu_warp{position:absolute; width:100%; height:230px; background-color:#fff; margin-top:0px; display:none;z-index: 999; border-bottom:1px solid #ff8a00;  border-top:1px solid #ff8a00;}
.sub_text_1{color:#959595; font-family:'Noto Sans KR',sans-serif;  font-weight:500; font-size:14px; text-align:center; letter-spacing:-2.0px;}
.sub_text_1:hover{color:#000; font-family:'Noto Sans KR',sans-serif;  font-size:14px; font-weight:500; text-align:center; border-bottom:1px solid #ff8a00; }

.sub_menu{ width:115px;margin-top:15px; font-family:'Noto Sans KR',sans-serif;  }
.sub{float:left; padding-top:10px; font-family:'Noto Sans KR',sans-serif; }

#slider_img{width:100%;  margin:0px auto; z-index:700; position:absolute; height:auto;  z-index:1; margin-top:0px;}


#rollover_warp_1{width:100%;   margin:0px auto; float:left; }
.img23_1{ width:100%;  margin:0px auto; float:left; }
.img23_1 img{ width:100%; float:left;}


.slider_img_2_1{width:28.5%; padding:2%; float:left;}
#slider_img_1{width:100%; clear:both; height:50px; margin:0px auto; text-align:center; padding:20px; font-size:30px; font-weight:500; font-family: Arial;}
#waaawrd{width:100%; clear:both; height:70px; margin:0px auto; text-align:center; padding:30px; font-size:25px; font-weight:500; font-family:'Noto Sans KR',sans-serif; }


#waaawrd_w {width:100%; max-width:1800px; margin:0px auto; height:75%; background-image:url(../images/main_img_bg.jpg); background-repeat:repeat;}

#waaawrd_1{width:100%; max-width:1800px; margin:0px auto; display:block;}
#waaawrd_2{width:100%; max-width:1800px; margin:0px auto;  display:none;}

#main_warp_img{width:100%; max-width:1150px; margin:0px auto; }
.main_warp_img_1{width:50%; float:left;}

.main_warp_img_1_2{width:50%;  position:relative;float:left;}
#m_logo{display:none;}


#slider_1{width:100%; max-width:1300px; margin:0px auto;}
#rollover_warp{width:100%;  max-width:1300px;  margin:0px auto; float:left; } 
img {border:none; margin:0px auto; padding:0px auto;}
.img23{ width:88%; max-width:1300px; margin:0px auto; padding-bottom:70px;  float:left;}
.img23 img{ width:94%; float:left; margin:3%;}
.roll_btn{float:left;width:69px;}

#foot_warp{width:1000px; height:90px;margin:20px 0px  0px 0px ; padding:0px auto;float:left;}
#rollbtn_warp_2{ width:138px; margin:0px auto;}

#btn_1{width:3%; height:30px; float:left; margin:0px auto;  padding-top:120px; margin:1.5%; }
#btn_2{width:3%; float:left; height:30px; margin:0px auto; padding-top:120px; margin:1.5%;}
#mmdddd{width:100%; max-width:1199px; margin:0px auto; height:140px; }









.slide_text_logo{width:100%; margin:0px auto; position:absolute; }
.slide_text_logo_1{widht:100%;  max-width:315px; margin:0px auto; margin-top:13%;}
.slide_text_logo_2{width:100%; max-width:700px; text-align:center; margin:0px auto; clear:both; font-weight:600; font-family:'Noto Sans KR',sans-serif;   font-size:1.2em; }
.slide_text_logo_3{width:100%; max-width:700px; text-align:center; margin:0px auto; clear:both; font-weight:600; font-family:'Noto Sans KR',sans-serif; color:#fff;  font-size:1.2em; }


#content_slid_menu{width:100%; margin:0px auto;   position:absolute; margin-top:-52px; z-index:100; }

#content_slid_menu_1{width:100%; max-width:1400px; margin:0px auto; background-color:rgba(0,0,0,0.7); height:50px;}
#content_slid_menu_1_0{width:100%; max-width:1000px; margin:0px auto;}

.content_slid_menu_1_1{color:#fff; font-size:1em; width:16.5%; text-align:center; float:left; margin-top:15px; margin-bottom:15px; border-right:1px solid #fff;}




#content_hana_1{width:100%; margin:0px auto;  position:absolute; background-color:#F4F4F4;  margin-top:-12px; }

#content_hana_1_1{width:100%; max-width:203px; margin:0px auto; margin-top:80px; margin-bottom:60px;}

#content_hana_1_2{width:100%; max-width:1200px; margin:0px auto; text-align:center; border-bottom:1px solid #00A674; padding-bottom:30px;}
.content_hana_1_2_1{font-size:2.2em; color:#000; font-weight:500;}
.content_hana_1_2_2{font-size:2.2em; color:#00A674; font-weight:600;}


#content_hana_1_3{width:100%; max-width:1200px; margin:0px auto;}
.content_hana_1_3_1{width:32%; padding-right:0.5%; padding-left:0.5%; padding-top:2%; padding-bottom:2%; float:left;}
.content_hana_1_3_2{width:32%; padding-right:0%; padding-left:1%; padding-top:2%; padding-bottom:2%; float:left;}
.content_hana_1_3_3{width:32%; padding-right:1%; padding-left:0%; padding-top:2%; padding-bottom:2%; float:left;}
.content_hana_1_3_1_1{width:100%;}

.content_hana_1_3_1_2{text-align:center; font-size:1.3em; color:#000; font-weight:500; border-bottom:1px solid #d4d4d4; padding-bottom:10px; margin-top:30px;  font-family:'Noto Sans KR',sans-serif ,'arial';}

.content_hana_1_3_1_3{text-align:center; font-size:0.7em; padding-top:20px; width:90%; margin:0px auto; color:#595757; line-height:1.4em;  font-family:'Noto Sans KR',sans-serif;}
#efkjsiefl{clear:both;width:100%; height:100px;}
#mmdddd_0{width:100%; position:absolute;  }











.slide_text_logo_2_1{display:none;}


#slider_img_m{display:none;}



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


#mainslider_been{padding-top:0px;}
#slider_img{display:none;}
#slider_img_m{width:100%; margin:0px auto; z-index:700; position:relative; height:auto;  z-index:1; margin-top:80px; display:block;}


.slide_text_logo_2_1{display:block;  position:relative;  font-size:1em; margin-bottom:10px; display:none;}
.slide_text_logo{width:100%; margin:0px auto; position:absolute; }
.slide_text_logo_1{width:100%; display:none; max-width:200px; margin:0px auto; margin-top:30px;}

.slide_text_logo_2{display:none; }


#content_slid_menu{margin-top:0px; width:100%; position:relative; float:left; background-color:#f2f5f7;  margin-top:80px; padding-top:5px; padding-bottom:5px;  }





#content_slid_menu_1{width:100%; background-color:#fff; height:auto; }
#content_slid_menu_1_0{width:100%; min-width:280px; height:auto;  margin:0px auto;}

.content_slid_menu_1_1{color:#fff;  background-color:#80919f; width:31%;  padding:0; text-align:center; float:left; margin-top:0px; margin-bottom:0px; border-right:none; border-bottom:none1; font-weight:600; line-height:1.3em; font-size:0.7em;  border-radius:5px; border:1px solid #dde3e9; padding-top:10px; margin-bottom:10px; vertical-align:middle; margin:0.5%; height:20px; }

.content_slid_menu_1_2{color:#fff;padding-top:15px; background-color:#80919f; width:30%; padding:0;  text-align:center; float:left; margin-top:0px; margin-bottom:0px;                            border-bottom:none; font-weight:600; line-height:1.3em; font-size:0.7em;  border-radius:5px; border:1px solid #dde3e9; padding-top:10px; margin-bottom:10px; vertical-align:middle; height:20px; margin:1%; }





	#top_warp{display:none;}
	#rollover_warp{width:100%; max-width:768px;}
#btn_1{display:none;}
#btn_2{display:none;}
.img23{ width:100%; margin:0x auto;}
.img23 img{ width:100%; float:left; }

#content_slid_menu{display:none;}

.main_warp_img_1{width:100%;}

#slider_img_1{width:100%; clear:both; height:50px; margin:0px auto; text-align:center; padding:0px; margin-top:10px; font-size:30px; font-weight:500; font-family: Arial;}
#waaawrd{width:100%; clear:both; height:60px; margin:0px auto; text-align:center; padding:0px;  padding-top:10px;font-size:25px; font-weight:500; font-family:'Noto Sans KR',sans-serif; }


#waaawrd_1{ display:none;}
#waaawrd_2{ display:block; padding:4%; width:92%;  margin:0px auto; font-family:'Noto Sans KR',sans-serif;  text-align:center; margin-bottom:20px; line-height:25px; font-weight:500; font-size:12px;}

#mainslider_been{display:none;}
#top_shopping{display:none;}

.content_hana_1_2_1{font-size:0.9em; color:#000; font-weight:500; line-height:1.4em;}
.content_hana_1_2_2{font-size:0.9em; color:#00A674; font-weight:600; line-height:1.4em;}
#content_hana_1{width:100%; position:relative; float:left; }
#content_hana_1_2{width:50%; padding-left:25%; padding-right:25%; padding-top:0px; padding-bottom:50px;}
#content_hana_1_1{width:50%; padding-left:25%; padding-right:25%; padding-top:0px; padding-bottom:10px; margin-top:50px; margin-bottom:0px;}
}



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

.content_hana_1_3_1{width:80%; padding-right:10%; padding-left:10%; padding-top:5%; padding-bottom:5%; float:left;}
.content_hana_1_3_2{width:80%;  padding-right:10%; padding-left:10%; padding-top:5%; padding-bottom:5%;float:left;}
.content_hana_1_3_3{width:80%; padding-right:10%; padding-left:10%; padding-top:5%; padding-bottom:5%; float:left;}


}






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



















#slider_img{ margin-top:80px;}

#top_menu { float:none; clear:both;  width:100%;  height:auto; margin:0px auto; }

#sub_menu { float:none; clear:both;   width:100%;   margin:0px auto; }
#logo{float:none; display:none; clear:both; width:150px;  margin:0px auto; padding:0px auto; }

#menu{ float:none; clear:both; width:745px; margin:0px auto;  }

#sub_wa{float:none; margin:0px auto; padding-left:50px; }


.menu_1{font-family:'Noto Sans KR',sans-serif; font-size:13px; width:105px; font-weight:600; height:45px;float:left; text-align:center; padding-top:35px; color:#000;}
.menu_1:hover {font-family:'Noto Sans KR',sans-serif;  font-size:15px; width:105px; font-weight:800; height:45px;float:left; text-align:center; padding-top:35px; color:#f2711c; }

.menu_1_1{font-family:'Noto Sans KR',sans-serif;  font-size:13px;width:90px; font-weight:600; height:45px;float:left; text-align:center; padding-top:35px;}
.menu_1_1:hover {font-family:'Noto Sans KR',sans-serif;  font-size:15px; width:90px; font-weight:800; height:45px;float:left; text-align:center; padding-top:35px;  }

#sub_menu_warp{position:absolute; width:100%; height:250px; background-color:#fff; margin-top:70px; display:none;z-index: 999; }
.sub_text_1{color:#313131; font-family:'Noto Sans KR',sans-serif;  font-size:14px; font-weight:500; text-align:center; }

.sub_menu{ width:105px;padding-top:5px; }
.sub{float:left; padding-top:10px;}


}




#mmdddd{font-family:'Noto Sans KR',  "Helvetica Neue", Helvetica, Arial, sans-serif; padding-top:20px; width:100%;}
#mmdddd_10{ float:left; width:60%; max-width:600px; font-size:11px; padding-left:5%; padding-right:5%; line-height:15px; color:#8e8e8e;}
#mmdddd_1{ width:20%; max-width:260px; float:left;}
#mmdddd_2{  width:10%; max-width:103px; float:left;}

#mmdddd_0_m{display:none;}

@media only screen and (max-width: 800px) {
	
#m_logo{display:block; width:210px; margin:0px auto; padding-top:50px;}

	#mmdddd_0{display:none;}
#mmdddd_0_m{display:block; background-color:#fff;}
#foot_m_1{width:100%;}
#foot_m_1_1{width:50%; float:left;}
#foot_m_1_2{width:50%; float:left;}
#foot_m_1_1_1{width:90%; max-width:130px; padding:5%; margin-top:15px;}
#foot_m_1_1_2{width:90%; max-width:80px; padding:5%;}
#foot_m_2{font-size:0.7em; font-family:'Noto Sans KR',  "Helvetica Neue", Helvetica, Arial, sans-serif; width:90%; padding:5%; line-height:1.5em;}
	
	
}
@media only screen and (max-width: 990px) {
#m_logo{display:block; width:210px; margin:0px auto; padding-top:50px;}
}
@media only screen and (max-width: 786px) {
	#m_logo{
		display:block; width:180px; padding-left:10px;

		margin-top:-40px; 
		
	}
}

@media only screen and (max-width: 400px) {
#m_logo{display:block; width:130px; padding-left:10px;margin:0px auto; margin-top:-70px; padding-top:10px; position:absolute;float:left;}
}