html, body, div, img {margin:0; padding:0; }

html{overflow-x:hidden;; 
     overflow-y:scroll;	 
	 margin:0;	 
	 padding:0;
	 width:100%;
	 }

body, code {font-size:12pt; color:#000; font-family: 'NanumSquare-R','Noto Sans Korean',sans-serif;font-weight:300;}
img {border:0; }
a,a:link,a:visited {text-decoration:none; color:#000; }
a:hover {text-decoration:none; }
a:active {text-decoration:none; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,textarea,button{ margin:0; padding:0; list-style:none; }
li, a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

#wrap {width:100%; height:100%; min-height:100%; max-width:2400px; margin:0 auto; padding:0; cursor:default;}

#header {width:100%; height:92px; background:#fff; }


#nav {min-width:1300px; position:absolute; width:100%; max-width:2400px; height:90px; border-bottom:1px solid #ddd; z-index:99; }
#nav.fixed {position:fixed; top:0; z-index:98; background:#fff; }
#nav #logo {float:left; width:175px; height:45px; margin:10px 0 22px 40px; }

#nav #menu { float:right; height:90px; }
#nav #menu #category { float:left; height:90px; line-height:90px; z-index:97; }
#nav #menu #category ul { list-style:none; margin-right:10px; }
#nav #menu #category li { float:left; padding:0; }


#nav #menu #category li > a { display:block; height:90px; font-size:17px; font-weight:600; padding:0 30px; letter-spacing:-0.05em; -webkit-transform: perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); }
#nav #menu #category li:hover > a { color:#b7343d; }
#nav #menu #category li > a:before { content: ""; position:absolute; left:50%; right:50%; bottom:0; background:#cc4851; height:3px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
#nav #menu #category li:hover > a:before, #nav #menu #category li:focus:before, #nav #menu #category li:active:before { left:0; right:0; }

/* SUB MENU FADE ANIMATION */
@-webkit-keyframes fadeIn { 0% { opacity: 0.2; } 100% { opacity: 1; } }
@-moz-keyframes fadeIn { 0% { opacity: 0.2; } 100% { opacity: 1; } }
@-o-keyframes fadeIn { 0% { opacity: 0.2; } 100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0.2; } 100% { opacity: 1; } }

#nav #menu #category li > .sub { float:left; width:100%; left:0; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; display:none; z-index:96; position:absolute; }
#nav #menu #category li:hover > .sub { display:block; }
#nav #menu #category li > .sub > ul { float:none; height:60px; line-height:60px; position:relative; text-align:center; margin:0 auto; cursor:default;}
#nav #menu #category li > .sub > ul > li { float:none; display:inline-block; height:60px; margin:0; padding:0; text-align:center; -webkit-animation:fadeIn 0.2s; -moz-animation:fadeIn 0.2s; -o-animation:fadeIn 0.2s; animation:fadeIn 0.2s; font-weight:300; }

#nav #menu #category li > .sub > ul > li > a { font-size:15px; font-weight:300; color:#666; letter-spacing:-0.05em; border:0; }
#nav #menu #category li > .sub > ul > li:hover > a { color:#b7343d; border:0; }
#nav #menu #category li > .sub > ul > li > a:before { height:0; }

#nav #menu #trigger { float:left; width:50px; height:50px; margin:20px; font-size:0; cursor:pointer; z-index:93; }
#nav #menu #trigger > #toggleBt { width:50px; height:50px; background:url('../image/tmenu.png') 0px 0px no-repeat; -webkit-transition :all 1s ease; transition:all 1s ease; }
#nav #menu #trigger.on > #toggleBt { background-position:0px -50px; z-index:92; }
#nav #menu #trigger #navAll { float:left; display:none; cursor:default; top:90px; position:absolute; padding:20px 0; z-index:91; left:0; width:100%; background:rgba(0, 0, 0, 0.9); color:#fff;  }
#nav #menu #trigger #navAll #siteMap {width:1100px; margin:0 auto; margin-right: 100px;}
#nav #menu #trigger #navAll #siteMap .mapTitle { float:left; margin:0 15px; width:150px; text-align:center; }
#nav #menu #trigger #navAll #siteMap .mapTitle h2 { margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #b7343d; }
#nav #menu #trigger #navAll #siteMap .mapTitle h2 a { font-size:18px; color:#fff; font-weight:400; }
#nav #menu #trigger #navAll #siteMap .mapTitle ul { list-style:none; }
#nav #menu #trigger #navAll #siteMap .mapTitle ul li { line-height:34px;  }
#nav #menu #trigger #navAll #siteMap .mapTitle ul li a { color:rgba(255, 255, 255, 0.6); font-size:15px; font-weight:400; }
#nav #menu #trigger #navAll #siteMap .mapTitle ul li a:hover { color:#fff; }

/* ¸ÞÀÎ ·¹À̾ƿô */
#container {float:left; width:100%; height:auto; min-height:600px; margin:0; z-index:200; }
.contents {width:1300px; margin:60px auto; min-height:600px;}

/* ¸ÞÀÎ ·Ñ¸µ À̹ÌÁö */
#mainroll {float:left; position:relative; margin:0 auto; width:100%; min-width:1230px;height:600px; }
#mainroll:after { display:block; content:''; clear:both; }
.carousel-indicators { position: absolute; bottom: 15px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; cursor:default; font-size:0; }
.carousel-indicators li { display: inline-block; width: 14px; height: 14px; margin:5px; text-indent: -999px; border-radius: 10px; cursor: pointer; background-color: #fff; background-color: rgba(0, 0, 0, 0.3) }
.carousel-indicators .active { background-color: #fff }
.carousel-inner { position: relative; overflow: hidden; width: 100%; margin:0 auto; background:#CDCDCD; }
.carousel-inner>.item { display: none; position: relative; width:100%; min-width:1230px; height:600px; margin:0 auto; -webkit-transition: .5s ease-in-out left; transition: .5s ease-in-out left; }
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display: block }
.carousel-inner>.active { left: 0; }
.carousel-inner>.next, .carousel-inner>.prev { position: absolute; top: 0; width: 100% }
.carousel-inner>.next { left: 100%; }
.carousel-inner>.prev { left: -100%; }
.carousel-inner>.next.left, .carousel-inner>.prev.right { left: 0; }
.carousel-inner>.active.left { left: -100%; }
.carousel-inner>.active.right { left: 100%; }
.carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: .5; filter: alpha(opacity=50); }
.carousel-control.right { left: auto; right: 0; }
.carousel-control:hover { outline: 0; color: #fff; text-decoration: none; opacity: 1; filter: alpha(opacity=100) }
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block }
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; top:43%; }
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; top:43%; }
.carousel-inner>.item>div { width:100%; height:600px; }
.carousel-inner>.item>div>.visualContents { display:none; width:1200px; height:600px; margin:0 auto; color:#fff; line-height:600px; font-size:30px; }
.carousel-inner>.item.active>div>.visualContents  { display:block; -webkit-animation:fadeIn 1.5s; -moz-animation:fadeIn 1.5s; -o-animation:fadeIn 1.5s; animation:fadeIn 1.5s; }
#visual01 { background:url('../image/visual_011.jpg') center center no-repeat; background-size:cover; }
#visual02 { background:url('../image/visual_0111.jpg') center center no-repeat; background-size:cover; }
#visual03 { background:url('../image/visual_02.jpg') center center no-repeat; background-size:cover; }
#visual04 { background:url('../image/visual_031.jpg') center center no-repeat; background-size:cover; }
#visual05 { background:url('../image/visual_04.jpg') center center no-repeat; background-size:cover; }
#visual06 { background:url('../image/visual_05.jpg') center center no-repeat; background-size:cover; }
#visual07 { background:url('../image/visual_066.jpg') center center no-repeat; background-size:cover; }
#visual08 { background:url('../image/visual_06.jpg') center center no-repeat; background-size:cover; }
/* ¸ÞÀÎ ·Ñ¸µ À̹ÌÁö ³¡ */

/* midSection */
.m_area { display:inline-block; width:100%; margin:30px 0 50px}
.m_area > h2 {text-align:center; font-weight:300; font-size:36px; line-height:40px; margin-bottom:30px}
.m_area > h2 b {font-weight:900}
.m_area > h2 p {font-size:16px; line-height:20px; color:#767676; margin:10px 0 10px}
.grid { clear:both; list-style: outside none none; margin: 0 auto;width:1200px; margin:0 auto; }
.grid figure { background: #3085a3 none repeat scroll 0 0;  cursor: pointer; float:left;  height: auto; max-height:220px; max-width:290px; min-width:290px;position: relative; text-align: center; margin:0 10px 0 0}
.grid figure:last-child { margin:0}
.grid figure img { display: block;  max-width: 100%; min-height: 100%; opacity: 0.8;  position: relative;}
.grid figure figcaption { backface-visibility: hidden;    color: #fff; font-size: 1.25em; text-transform: uppercase;}
.grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none;}
.grid figure figcaption {left: 0;position: absolute; top: 300px; width:100%%; color:#333; text-align:left; padding:10px }
figure.effect-selena { background: #E2E2E2 none repeat scroll 0 0;}
figure.effect-selena img { opacity: 0.95; transform-origin: 50% 50% 0; transition: transform 0.35s ease 0s;}
figure.effect-selena:hover img { transform: scale3d(0.95, 0.95, 1);}
figure.effect-selena h2 {transform: translate3d(0px, 20px, 0px); transition: transform 0.35s ease 0s; font-size:17px}
figure.effect-selena h2 img { float:right}
figure.effect-selena p {opacity:0}
figure.effect-selena p a { color:#fff}
figure.effect-selena:hover h2 {transform: translate3d(0px, 0px, 0px);}
figure.effect-selena:hover p {font-size:13px; color:#fff; position:absolute; width:67px; text-align:center; top:-175px; margin:0 auto; left:38%; opacity:1 }




.main_conts_2{
 background: url(../image/main_conts_2_bg.jpg)repeat-y;
  background-size: cover;
  width: 100%;
  height: 380px;
  display: block;
  position:relative;
}
.mc2_1 {width:1200px; margin:0 auto; text-align:center;}
.mc2_txt {font-size:40px; color:#fff; padding-top:10px; line-height:1.1em}
.mc2_txt span {color:#fad117;}

#tab_container {width:100%; height:auto; margin:0 auto; overflow:hidden;}
#tab_container  ul.tabs {padding:0; list-style: none; width:730px; margin:0 auto; }
#tab_container  ul.tabs li {position: relative;float:left;text-align:center;overflow: visible;padding-right:20px; }
#tab_container  ul.tabs li:last-child {padding:0;}
#tab_container  ul.tabs li a {text-decoration: none; display: block;font-weight:400; font-size:18px; color:#c4c3c3; line-height:40px;}
#tab_container  ul.tabs li a:hover {color: #fad117;}
#tab_container  ul.tabs li.active a  {font-weight:bold;color: #fad117}
#tab_container .tab_container1 {clear:both; float: left; margin:0; width:100%;}

.tab_content {margin-top:20px; color:#c4c3c3; }
.tab_content > p {text-align:right;text-transform:uppercase; font-size:12px; font-weight:bold; margin-bottom:14px;}
.tab_content > p a {color:#c4c3c3;}
.tab_content > p span {padding-right:5px;}

.latestin {position:relative ;overflow:hidden;width:100%; margin:0 auto}
.latestin p {float:left; font-size:16px;padding-bottom:20px;}
.latestin img {padding-bottom:0px;}


#midSection02 { float:left; width:100%; background:url('../image/ms02_bg.png') center center repeat-y; }
#midSection02 .mainContents { width:1200px; margin:0 auto; }
#midSection02 .mainContents > ul.mainIcon { width:100%; list-style:none; }
#midSection02 .mainContents > ul.mainIcon:after { content:''; display:block; clear:both; }
#midSection02 .mainContents > ul.mainIcon > li { float:left; width:300px; height:260px; text-align:center; background:#504e4d; }
#midSection02 .mainContents > ul.mainIcon > li.lo { background:#b7343d; }
#midSection02 .mainContents > ul.mainIcon > li:hover { background:rgba(0, 0, 0, 0.3); }
#midSection02 .mainContents > ul.mainIcon > li > a > img { margin-top:30px; transform:scale(0.8); -webkit-transition :all 0.3s ease; transition:all 0.3s ease; }
#midSection02 .mainContents > ul.mainIcon > li:hover > a > img { transform:scale(0); }
#midSection02 .mainContents > ul.mainIcon > li > a > h2 { background:rgba(255, 255, 255, 0); width:120px; height:120px; line-height:120px; margin:-76px auto 0; color:#b7343d; font-size:19px; font-weight:500; letter-spacing:-0.05em; -webkit-transition :all 0.3s ease; transition:all 0.3s ease; border-radius:120px; opacity:0; }
#midSection02 .mainContents > ul.mainIcon > li:hover > a > h2 { background:rgba(255, 255, 255, 1); opacity:1; }

#midSection02 .mainContents > ul.mainIcon > li > a > .aBoxOver { display:block; position:absolute; width:300px; height:80px; -webkit-transition :all 0.3s ease; transition:all 0.3s ease; opacity:1; color:rgba(187, 177, 165, 1); font-size:16px; font-weight:400; padding-top:180px; overflow:hidden; }
#midSection02 .mainContents > ul.mainIcon > li:hover > a > .aBoxOver { opacity:0; }
#midSection02 .mainContents > ul.mainIcon > li > a > .aBoxOver > .viewbar { margin:-40px auto 15px; width:60px; height:3px; background:rgba(183, 52, 61, 0.71); -webkit-transition :all 0.8s ease; transition:all 0.8s ease;}
#midSection02 .mainContents > ul.mainIcon > li.lo > a > .aBoxOver > .viewbar { margin:-40px auto 15px; width:60px; height:3px; background:rgba(0, 0, 0, 0.1); -webkit-transition :all 0.8s ease; transition:all 0.8s ease;}
#midSection02 .mainContents > ul.mainIcon > li:hover > a > .aBoxOver > .viewbar { width:0; height:3px; background:rgba(183, 52, 61, 0); }

#mainLocation { float:left; width:100%; height:420px; overflow:hidden; }
#mainLocation .locationBox { position:absolute; width:300px; height:100px; left:50%; margin-left:-600px; background:#b7343d; z-index:70; color:#fff; font-weight:500; line-height:100px; text-align:center; font-size:15px; }
#mainLocation .locationBox:hover { background:#80242b; }


#midSection03 { float:left; width:100%; height:150px;  }
#midSection03 .midFavorite{ width:1200px; margin:40px auto; }
#midSection03 .midFavorite > ul { width:100%; list-style:none; }
#midSection03 .midFavorite > ul > li { float:left; width:279px; padding-left:20px; height:99px; border-right:1px solid #ddd; background:url('../image/arrow.png') 240px center no-repeat; }
#midSection03 .midFavorite > ul > li > a { display:block; width:280px; height:100px; position:absolute; }
#midSection03 .midFavorite > ul > li:hover { background:url('../image/arrow_on.png') 247px center no-repeat; }
#midSection03 .midFavorite > ul > li:last-child { width:280px; border-right:0; }
#midSection03 .midFavorite > ul > li > h2 { font-size:20px; color:#b7343d; font-weight:300; margin-top:10px; letter-spacing:-0.05em; }
#midSection03 .midFavorite > ul > li > h3 { font-size:15px; color:#444; font-weight:300; line-height:18px; margin-top:10px; letter-spacing:-0.03em;  }

#mainWrap03{width:100%; float:left;position:relative; z-index:2; margin-top:0px; margin-bottom:30px;}
.customerWrap{width:1200px; height:280px; margin:0 auto;}
.customLeft{width:400px; height:100%; overflow:hidden; float:left;}
.customCenter{width:386px; height:100%; border-left:2px solid #f1f1f1; border-right:2px solid #f1f1f1; overflow:hidden; float:left;}
.customRight{width:410px; height:100%; overflow:hidden; float:left;}

.customLeft .movieWrap{width:400px; float:left; padding:15px 0px 20px; border-bottom:2px solid #f1f1f1;}
.customLeft .movieWrap .movieCenter{width:100%; float:left; position:relative;}
.customLeft .movieWrap .movieTit{width:100%; float:left; font-size:18px; font-weight:bold; color:#333; padding-bottom:20px;}
.customLeft .movieWrap .moviemore{position:absolute; top:-5px; right:0px; font-size:13px; font-weight:600;color:fff; }
.customLeft .movieWrap .moviemore a{display:inline-block; width:100px; height:30px; line-height:30px; color:fff; background:#fad117; text-align:center; font-size:13px; font-weight:600;}
.customLeft .movieWrap .moviemore a:hover{background:#c71313;}
.customLeft .movieWrap .noticeMore{position:absolute; top:0px; right:20px;}
.customLeft .movieWrap .noticeMore a span.off{display:block;}
.customLeft .movieWrap .noticeMore a span.ov{display:none;}
.customLeft .movieWrap .noticeMore a:hover span.off{display:none;}
.customLeft .movieWrap .noticeMore a:hover span.ov{display:block;}

.customCenter .ctmWrap{width:386x; float:left; padding:15px 10px 30px;}
.customCenter .ctmWrap .ctmCenter{width:100%; margin:0 auto;}
.customCenter .ctmWrap .ctmTit{width:100%; float:left; font-size:18px; font-weight:bold; color:#333; padding-bottom:20px;}
.customCenter .ctmWrap .ctmTel{width:98%; padding-left:2%; font-size:30px; font-weight:bold; color:#000; line-height:34px;padding:5px 10px 0px;}
.customCenter .ctmWrap .ctmTel span{display:inline-block; width:30%; font-size:18px; color:#999; font-weight:normal;}
.customCenter .ctmWrap .ctmEmail{width:98%; padding-left:2%; font-size:20px; font-weight:bold; color:#000; line-height:34px;padding:3px 10px 0px;}
.customCenter .ctmWrap .ctmEmail span{display:inline-block; width:30%; font-size:18px; color:#999; font-weight:normal; }
.customCenter .ctmWrap .ctmInfo{width:98%; padding-left:2%; font-size:18px; font-weight:bold; color:#191919; line-height:28px; padding:5px 2% 10px; }
.customCenter .ctmWrap .ctmInfo .light{font-weight:normal;}
.red{color:#c71313 !important;}

.customCenter .ctmWrap .ctmBtn{width:100%; float:left; padding:15px 0px 0px; margin-left:5px;}
.ctmWrap .ctmBtn .ctmBtn01{display:inline-block; width:175px; height:45px; line-height:45px; background:#c71313; color:#fff; font-size:17px; text-align:center; float:left;}
.ctmWrap .ctmBtn .ctmBtn01:hover{background:#000;}
.ctmWrap .ctmBtn .ctmBtn02{display:inline-block; width:175px; height:45px; line-height:45px; background:#000; color:#fff; font-size:17px; text-align:center; float:right;}
.ctmWrap .ctmBtn .ctmBtn02:hover{background:#c71313;}


.customRight .noticeWrap{width:100%; float:left; padding:15px 0 20px; positon:relative; }
.customRight .noticeWrap .noticeCenter{width:400px; float:left; margin-left:10px; position:relative; }
.customRight .noticeWrap .notice1Tit{width:100%; float:left; font-size:18px; font-weight:bold; color:#333; padding-bottom:20px;}
.customRight .noticeWrap.noticeTitle{width:100%; float:left; font-size:18px; font-weight:bold; color:#333; padding-bottom:20px;}
.customRight .noticeWrap .noticeTit .notTit02{display:inline-block; padding:10px 0; height:30px; line-height:30px; text-align:left; color:#191919; line-height:1.9em; font-size: 16px;  float:left; clear:both;}
.customRight .noticeWrap .noticeTit .notDate{display:inline-block; padding:10px 0; height:30px; line-height:30px; color:#191919; font-size:16px; font-weight:normal; float:right;}
.customRight .noticeWrap .noticeCont{width:100%; float:left; padding-top:10px; font-size:16px; color:#191919; line-height:24px;}

.customRight .noticeWrap .noticeMore{position:absolute; top:0px; right:0px;}
.customRight .noticeWrap .noticeMore a span.off{display:block;}
.customRight .noticeWrap .noticeMore a span.ov{display:none;}
.customRight .noticeWrap .noticeMore a:hover span.off{display:none;}
.customRight .noticeWrap .noticeMore a:hover span.ov{display:block;}



/*** ¸ÞÀΰøÁöÅ×À̺í ***/
.mboard_style01 table {border-top: 2px solid #111; border-bottom:0px solid #00198a; position:relative; width:100%;margin-top:0px;}
.mboard_style01 th {padding:15px 0 14px; border-bottom: 1px solid #dfdfdf; font-size: 16px; vertical-align: middle; background-color:rgba(0,0,0,0.02);  font-family: 'roboto','NanumSquare-R';}
.mboard_style01 tr td {padding:12px 0 8px; border-bottom: 1px solid #dfdfdf; vertical-align: middle;}
.mboard_style01 .title {font-size: 18px; text-align:left}
.mboard_style01 .title.nodata {text-align:center !important;}
.mboard_style01.view th:first-child {text-align:center}
.mboard_style01.view th, .board_style01.view td {padding: 22px 20px 19px 0px; text-align:left}
.mboard_style01.view .view_contents {line-height:1.9em; font-size: 16px; padding: 30px;}
.mboard_style01.view .view_contents p {margin-bottom:15px;}
.mboard_style01.view .view_contents img {max-width:100%; }

.mboard_style01.view.certi .view_contents p {text-align:center}
.mboard_style01.view.certi .view_contents p img {width:50%}

.more {display:inline-block;float:right; font-size:11px;color:#666; vertical-align:middle; font-family:'NanumSquare-R','roboto',sans-serif; letter-spacing:-0.04em; border:1px solid #dfdfdf; padding:5px 6px 3px; line-height:1em; border-radius:3px}
.more.center {float:none; margin-top:8px}

/* ¸ÇÀ§·Î°¡±â ¹öÆ° */
a.jcm-top {
    position: fixed;
    right: 15px;
    bottom: 80px;
    border-radius: 5px;
    color: #ffffff;
    text-align: center;
    width: 47px;
    height: 47px;
    font-size: 40px;
    /*background-color: rgba(50,50,50,0.5);*/
    background-color:#323232; opacity:0.5; filter:alpha(opacity=50); /*ie8 ȣȯÀ» À§ÇÑÄÚµå À§¿Í µ¿ÀÏÇÑ °ÍÀÓ È£È¯ÇÊ¿ä¾øÀ¸¸é ÇÑÁÙ·Î rgbaÀûÀ¸¸éµÊ*/
    z-index: 999;
    display: none;
}a.jcm-top:hover{background-color:#000}

#boxwrap{position:relative; overflow: hidden; width:1200px; margin:30px auto 10px auto;}
#cs_baner{float:left;position:relative; width:398px; height:200px; margin-right:2px;}
#cs_baner .baner_in{padding:0 0 0 0;}
#cs_baner .baner_in .tit{text-align:center; color:#fff; font-size:18px; letter-spacing:-0.5pt; line-height:100%; margin-bottom:10px;}
#cs_baner .baner_in .tel{font-weight:600; text-align:center; color:#fff; font-size:25px; line-height:28px; margin-bottom:5px;}
#cs_baner .baner_in .fax{font-size:14px; color:rgba(255, 255, 255, 0.8); text-align:center; line-height:22px;}

#cs_baner02{float:left; position:relative; width:398px; height:200px;margin-right:2px;}
#cs_baner02 .baner01_in{padding:0 0 0 0;}
#cs_baner02 .quick_in .tit{text-align:center; color:#fff; font-size:18px; letter-spacing:-0.5pt; line-height:100%; margin-bottom:10px;}
#cs_baner02 .quick_in .tel{font-weight:600; text-align:center; color:#fff; font-size:25px; line-height:28px; margin-bottom:5px;}
#cs_baner02 .quick_in .fax{font-size:14px; color:rgba(255, 255, 255, 0.8); text-align:center; line-height:22px;}

#cs_baner03{float:left; position:relative; width:398px; height:200px;}
#cs_baner03 .baner02_in{padding:0 0 0 0;}
#cs_baner03 .quick_in .tit{text-align:center; color:#fff; font-size:18px; letter-spacing:-0.5pt; line-height:100%; margin-bottom:10px;}
#cs_baner03 .quick_in .tel{font-weight:600; text-align:center; color:#fff; font-size:25px; line-height:28px; margin-bottom:5px;}
#cs_baner03 .quick_in .fax{font-size:14px; color:rgba(255, 255, 255, 0.8); text-align:center; line-height:22px;}


#footer { float:left; position:relative; width:100%; cursor:default; z-index:60; }
#footerTop { width:100%; height:50px; background:#7A7B80; }
#footerTop #footerMenu { width:1200px; margin:0 auto; }
#footerTop #footerMenu > ul { float:left; width:900px; line-height:40px; list-style:none; }
#footerTop #footerMenu > ul > li { float:left; }
#footerTop #footerMenu > ul > li:first-child a { padding-left:0; }
#footerTop #footerMenu > ul > li:last-child a { border:0; }
#footerTop #footerMenu > ul > li a { color:#fff; padding:0 30px; font-size:15px; font-weight:300; border-right:1px solid #dcd0b2; }
#footerTop #footerMenu > ul > li a:hover { color:#4f4837; }


#footerBottom { width:100%; background:#fff; }
#footerBottom #footerInfo { width:1200px; margin:10px auto; }
#footerBottom #footerInfo:after { content:''; clear:both; display:block; }
#footerBottom #footerInfo .footerInfoRight {float:left;}
#footerBottom #footerInfo .footerInfoRight > img { margin:0 10px; }
#footerBottom #footerInfo .footerInfoLeft { float:left; width:900px; margin:0 0 0 40px; }
#footerBottom #footerInfo .footerInfoLeft > span { margin-right:60px; font-weight:200; font-size:15px;  color:#383838; line-height:20px; letter-spacing:0.1em; }
#footerBottom #footerInfo .footerInfoLeft .footerCopy { margin-top:10px; font-size:13px; font-weight:500; color:#383838; letter-spacing:0.2em; }



/* Æò°¡Çϱâ */
.tbl-evaluation {width: 550px;border: #c6c6c6 6px solid;margin-top: 15px;}
.tbl-evaluation p img {cursor:pointer}
.tbl-evaluation td {padding-left: 10px}
.td-evaluation-1 {padding-top: 5px;color: #2b2b2b;font-weight: bold}
.td-evaluation-2 {color: #2b2b2b;vertical-align:top}
.td-evaluation-2 ul {list-style: none;margin-left: 0;padding-left: 0;}

.td-evaluation-2 ul li {float: left;margin-right: 5px;}

.td-evaluation-3 {color: #2b2b2b;}
.td-evaluation-4 {padding-top: 0}
.td-evaluation-4 p {float: left;margin-right: 5px;padding-top: 0;margin-top: 0}
.td-evaluation-4 p input {width: 335px }

/* ·¹À̾î»õâ */
.layer_wrap{}
.layer_wrap .layer_bg{position:fixed; z-index:100000000; width:100%; height:100%; left:0; top:0; background:#000; display:none; filter:alpha(opacity=50);opacity:0.5; cursor:pointer}
.layer_wrap .layer_frame{position:fixed; z-index:100000001; filter:alpha(opacity=0);opacity:0; background:#fff; border-radius:0 0 10px 10px; box-shadow:1px 1px 10px #333}
.layer_wrap .layer_frame .ifr{position:absolute; z-index:10000; left:0; top:0; width:100%; height:100%}
.layer_wrap .close{position:absolute; z-index:10000; right:0; top:0; width:40px; height:40px; line-height:1.4; color:#000; text-align:center; font-size:2rem; color:#fff; opacity:.8;}
.layer_wrap .close:hover{ opacity:1}
.layer_wrap .layer_img{position:fixed; width:95%; height:95%; text-align:center; left:2.5%; top:2.5%; z-index:10000000000;cursor:pointer}
.layer_wrap .layer_img img{ box-shadow:2px 2px 10px #111}
body#pop{ position:absolute; left:0; top:0; width:100%; height:100%; padding-bottom:10px; box-sizing:border-box}
body#pop .pop_tit{ display:block; position:fixed; z-index:2; left:0; top:0; width:100%; background:#222; font-size:1.125em; color:#fff; line-height:40px; padding:0 25px;}
body#pop .pop_tit + *{ padding:60px 25px 20px 25px;}