/*초기화*/
* {padding: 0; margin: 0;}
body, html {padding: 0; margin: 0;}
div,dl,dd,dt,ul,li,h1, h2, h3, h4, h5, h6, form, fieldset, img ,input ,label {margin:0;padding:0;border:0}
/*
a {color: #ddd;}
a:hover {color: #fff;}*/
a {text-decoration: none;}
a.link {text-decoration: none;}
a.link:hover {text-decoration: none;}

ul,li {list-style:none;}
table{border-collapse:collapse;}

.clearfix:after	{content: "."; display: block; height:0px; clear:both; visibility:hidden}
.clearfix	{display: inline-block}
.clearfix	{display: block}
* html	.clearfix	{height:1%} /* Hides from IE-mac */
.clearfix	{zoom:1} /*for IE 5.5-7*/
.v_middle {vertical-align:middle;}
.hide	{display:block; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; text-indent:-9999px;}
button	{display:inline-block; padding:0; border:0; background:transparent; text-align:center; vertical-align:middle; cursor:pointer; white-space:nowrap}
.pc {display:block;}
.tablet {display:none;}
.mobile {display:none;}
/*마진패딩*/
.mt35 {margin-top:35px;}

/*구조*/
.wrap {position:relative;width:100%;height:auto;min-width:320px;background:#fff;}
header {z-index:100;position:fixed;top:0;left:0;width:100%;min-width:320px;height:110px;background:url(/img/common/top_bg.png) repeat-x left bottom;}

.topmenu_wrap {width:100%;height:50px;background:#262626;/*border-bottom:1px solid #FF0000;*/}
.topmenu {width:100%;height:50px;max-width:1200px;margin:0 auto;text-align:center;}
.topmenu h1 {display:block;width:100%;height:25px;margin-top:0px;}
.topmenu img {width:10%;height:100%;margin-top:0px;}

.header_inner {width:100%;height:40px;max-width:1200px;margin:0 auto;}

nav {float:left;height:40px;width:100%;}
nav .btn_nav {display:none}
nav .dim	{display:none}

nav .menu_wrap > ul {float:center;width:100%;padding-top:10px;}
nav .menu_wrap > ul > li {float:left;height:34px;text-align:center;vertical-align:middle;}
nav .menu_wrap > ul > li > a {font:16px/30px "Nanum Barun Gothic";color:#262626;font-weight:bold;}
nav .menu_wrap > ul > li > a:hover {color:#FF0000;}
nav .menu_wrap > ul > li.active {border-bottom:5px solid #FF0000;color:#FF0000;}
nav .menu_wrap > ul > li.active a  {color:#FF0000;}
nav .menu_wrap > ul > li:hover {background-color:#ffcccc;}

nav .menu_wrap ul li.m01 {width:25%;}
nav .menu_wrap ul li.m02 {width:25%;}
nav .menu_wrap ul li.m03 {width:25%;}
nav .menu_wrap ul li.m04 {width:25%;}
nav .menu_wrap ul li.m05 {width:25%;}

nav .menu_wrap  ul li ul	{
overflow:hidden; max-height:0; margin:3px -60px 0 -60px;background:#ffffff;
-webkit-transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000);
-moz-transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000);
-ms-transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000);
transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000)}

nav .menu_wrap ul li.m01:hover ul {max-height:300px; margin-top:10px;}
nav .menu_wrap ul li.m03:hover ul {max-height:300px; margin-top:10px;}
nav .menu_wrap ul li ul li {min-width:130px;text-align:center;border-bottom:1px solid #fff;}  /* 다운메뉴 메뉴간에 라인선 */
nav .menu_wrap ul li ul li a{font:14px/40px "Nanum Barun Gothic Light";color:#262626;font-weight:bold;}
nav .menu_wrap ul li ul li a:hover {border-bottom:2px solid #FF0000;font:14px/40px "Nanum Barun Gothic Light";color:#FF0000;font-weight:bold;}

footer {width:100%;height:140px;background:#e6e9ec;margin-top:65px;}
.footer_inner {width:95%;max-width:1200px;margin:0 auto;}
.foot_logo {float:left;width:250px;height:42px;margin-top:40px;}
.foot_logo img {width:150px;margin-left:70px;}
.foot_info {padding-top:10px;padding-left:300px;width:98%;height:60px;font:12px/25px "Nanum Barun Gothic Light";color:##262626;;}


@media screen and (max-width:1200px){
.topmenu img {width:10%;height:80%;margin-top:10px;}
}

@media screen and (max-width:1024px){
.topmenu img {width:13%;height:80%;margin-top:10px;}
}

@media screen and (max-width:768px){
.topmenu img {width:18%;height:80%;margin-top:10px;}
}

@media screen and (max-width:640px){
.topmenu img {width:20%;height:80%;margin-top:10px;}

nav .menu_wrap > ul > li > a {font:13px/30px "Nanum Barun Gothic";color:#262626;font-weight:bold;}
footer {height:170px;}
.footer_inner {width:100%;}
.foot_logo {display:none;}
.foot_logo img {width:230px;}
.foot_contents {float:none;width:100%;}
.foot_menu li {color:#fff;padding:0 0 0 3%;width:96%;float:none;height:35px;border-bottom:1px solid #777;}
.foot_menu li a {font:13px/35px "Nanum Barun Gothic";color:#fff;}
.foot_menu  {padding-top:7px;padding-left:3%;width:96%;height:35px;font:13px/35px "Nanum Barun Gothic Light";}
.foot_menu  a {font:13px/35px "Nanum Barun Gothic";color:#fff;}
.foot_info {padding-left:3%;width:96%;height:20px;font:12px/25px "Nanum Barun Gothic Light";}


}


@media screen and (max-width:580px){
.topmenu img {width:20%;height:80%;margin-top:10px;}
nav .menu_wrap > ul > li > a {font:12px/30px "Nanum Barun Gothic";color:#262626;font-weight:bold;}
footer {height:170px;}
.footer_inner {width:100%;}
.foot_logo {display:none;}
.foot_logo img {width:230px;}
.foot_contents {float:none;width:100%;}
.foot_menu li {color:#fff;padding:0 0 0 3%;width:96%;float:none;height:35px;border-bottom:1px solid #777;}
.foot_menu li a {font:10px/35px "Nanum Barun Gothic";color:#fff;}
.foot_menu  {padding-top:7px;padding-left:3%;width:96%;height:35px;font:13px/35px "Nanum Barun Gothic Light";}
.foot_menu  a {font:9px/25px "Nanum Barun Gothic";color:#fff;}
.foot_info {padding-left:3%;width:96%;height:20px;font:11px/25px "Nanum Barun Gothic Light";}
}


@media screen and (max-width:50px){
nav .btn_nav	{display:block;}
/*오른쪽 오픈 메뉴 이미지 위치&*/
nav .btn_nav.open	{position:absolute; top:73px; right:0; width:62px; height:50px; background:url('/img/common/btn_nav_open.png') no-repeat 0 0}
nav .btn_nav.closed	{position:absolute; top:0; right:0; width:58px; height:51px; background:url('/img/common/btn_nav_closed.png') no-repeat 0 0}

nav .menu_wrap	{overflow-y:scroll; position:fixed; z-index:100; top:0; right:-240px; bottom:0; left:auto; width:230px; background:#000000;} /*오픈 메뉴 - 대분류 바탕 색상*/
nav .menu_wrap > ul	{padding-top:51px}
nav .menu_wrap > ul > li {position:relative;float:none;width:230px !important; margin:0 !important; padding:0;border-bottom:1px solid #000000;height:auto;}  /*오픈 메뉴 - 대분류간에 라인 색상*/
nav .menu_wrap > ul > li:first-child	{border-top:1px solid #e9eff5}
nav .menu_wrap > ul > li a	{color:#fff;padding:5px 60px 0 30px; font-size:16px; text-salign:left; line-height:44px}
nav .menu_wrap > ul > li a:after		{content:""; display:block !important; position:absolute; top:20px; right:20px; width:17px; height:9px; background:url('/img/common/bg_gnb_arr.png') no-repeat 0 -9px}
nav .menu_wrap > ul > li:hover a:after		{content:""; display:block !important; position:absolute; top:20px; right:20px; left:auto; width:17px; height:9px; background:url('/img/common/bg_gnb_arr.png') no-repeat 0 -9px}
nav .menu_wrap > ul > li.on a:after	{top:19px; background-position:0 0}

nav .menu_wrap ul li.m03 a:after	{top:20px !important; left:auto; background-position:0 -9px !important}
nav .menu_wrap ul li.m04 a:after	{top:20px !important; left:auto; background-position:0 -9px !important}
nav .menu_wrap ul li.m05 a:after	{top:20px !important; left:auto; background-position:0 -9px !important}

nav .menu_wrap ul li.on ul li a:after	{}	
nav .menu_wrap ul li.on:hover a:after ul li a:after	{display:none}
nav .menu_wrap ul li ul li a:after	{display:none !important}
nav .menu_wrap ul li:hover ul li a:after	{display:none !important}

nav .menu_wrap ul li ul	{position:static !important; display:block; margin:0 !important; padding:20px 0 !important; border:none; background:#414244; box-shadow:none} /*오픈 메뉴 - 중분류 바탕 색상*/
nav .menu_wrap ul li ul li	{text-align:left;float:none !important; border:none;padding-left:20px;}
nav .menu_wrap ul li ul li a	{color:#fff;margin:0 !important; padding:0 30px; font-size:14px !important; line-height:30px !important;  text-transform:none}
nav .menu_wrap ul li ul li:first-child a:hover	{border:none;box-shadow:none;}
nav .menu_wrap ul li ul li ul	{padding:0 !important}
nav .menu_wrap ul li.m_prod	{display:none}
nav .dim	{display:block; position:fixed; z-index:99; top:0; right:-100%; bottom:0; left:100%;  opacity:0.0; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: all 0.3s ease-out;}

nav .menu_wrap		{-webkit-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000)}
nav.on .menu_wrap	{right:0}
nav .menu_wrap ul li ul	{overflow:hidden;max-height:0; padding:0 0 !important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}

nav .menu_wrap ul li.on ul	{max-height:1000px !important; padding:20px 0 !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease;}
nav .menu_wrap ul li.on ul li:first-child {border:none;}
nav .menu_wrap ul li.on ul li {text-align:left;padding-left:20px;}
nav .menu_wrap ul li.on ul li ul	{padding:0 !important}


nav .menu_wrap ul li.m01.on ul	{max-height:1000px !important}
nav .menu_wrap ul li.m02.on ul	{max-height:1000px !important}
nav .menu_wrap ul li.m03.on ul	{max-height:1000px !important}
nav .menu_wrap ul li.m04.on ul	{max-height:1000px !important}
nav .menu_wrap ul li.m05.on ul	{max-height:1000px !important}

nav .menu_wrap ul li:hover ul	{max-height:0; border-bottom:0}
nav .menu_wrap ul li.m01:hover ul,
nav .menu_wrap ul li.m02:hover ul,
nav .menu_wrap ul li.m03:hover ul,
nav .menu_wrap ul li.m04:hover ul,
nav .menu_wrap ul li.m05:hover ul,

nav .menu_wrap ul li.m01	{transition-delay: 0.035s;}
nav .menu_wrap ul li.m02	{transition-delay: 0.07s;}
nav .menu_wrap ul li.m03	{transition-delay: 0.105s;}
nav .menu_wrap ul li.m04	{transition-delay: 0.14s;}
nav .menu_wrap ul li.m05	{transition-delay: 0.175s;}

nav .menu_wrap >ul > li		{-webkit-transform: translate3d(250px, 0, 0); -moz-transform: translate3d(250px, 0, 0); -o-transform: translate3d(250px, 0, 0); transform: translate3d(250px, 0, 0); -webkit-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
nav .menu_wrap >ul > li	{-webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
nav.on .dim	{display:block; right:0; left:-2000%; filter: alpha(opacity=80); opacity:0.8; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}

.foot_logo {width:150px;}
.foot_logo img {width:140px;}
.foot_menu li a {color:#fff;font:12px/35px "Nanum Barun Gothic";}
.foot_info {padding-left:2%;width:95%;height:60px;font:12px/25px "Nanum Barun Gothic Light";color:#ddd;}
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  align : center;
}