@charset "utf-8";

@font-face{font-family: 'Noto Sans KR';font-style:normal;font-weight:100;
  src: url(../css/font/NotoSansKR-Thin.woff2) format('woff2'),
       url(../css/font/NotoSansKR-Thin.woff) format('woff'),
       url(../css/font/NotoSansKR-Thin.otf) format('opentype');}
@font-face{font-family: 'Noto Sans KR';font-style:normal;font-weight:300;
  src: url(../css/font/NotoSansKR-Light.woff2) format('woff2'),
       url(../css/font/NotoSansKR-Light.woff) format('woff'),
       url(../css/font/NotoSansKR-Light.otf) format('opentype');}
@font-face{font-family: 'Noto Sans KR';font-style:normal;font-weight:400;
   src: url(../css/font/NotoSansKR-Regular.woff2) format('woff2'),
        url(../css/font/NotoSansKR-Regular.woff) format('woff'),
        url(../css/font/NotoSansKR-Regular.otf) format('opentype'); }
@font-face{font-family: 'Noto Sans KR';font-style:normal;font-weight:500;
   src: url(../css/font/NotoSansKR-Medium.woff2) format('woff2'),
        url(../css/font/NotoSansKR-Medium.woff) format('woff'),
        url(../css/font/NotoSansKR-Medium.otf) format('opentype'); }
@font-face{font-family: 'Noto Sans KR';font-style:normal;font-weight:700;
   src: url(../css/font/NotoSansKR-Bold.woff2) format('woff2'),
        url(../css/font/NotoSansKR-Bold.woff) format('woff'),
        url(../css/font/NotoSansKR-Bold.otf) format('opentype'); }


/* defult */
html {-webkit-text-size-adjust: none;}
body,textarea,select,table,button {font-family: 'Noto Sans KR', sans-serif;line-height:18px;font-size:10px;color:#333;margin:0;padding:0;}
img {border:0;vertical-align:middle;}
ul,ol {margin:0;padding:0;list-style:none;}
td{ font-family: 'Noto Sans KR', sans-serif; font-size: 12px; text-decoration:none; color:#80807f}
dl,dl dt,dl dd,form,p {margin:0;padding:0;}
li,li img,dt img,dd img,td img,p img {margin:0;padding:0; list-style:none;}
fieldset {margin:0;padding:0;border:0;}
legend {position:absolute;visibility:hidden;overflow:hidden;height:0;line-height:0;width:0;margin:0;padding:0;font:0/0 Arial;}
caption {visibility:hidden;overflow:hidden;height:0;line-height: 0;width:0;margin:0;padding:0;font:0/0 Arial;}
hr {display:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:1em;margin:0;}
a {text-decoration:none;color:#333;}
a:hover,a:focus,a:active {text-decoration:none;color:#333;}
/* table {table-layout:fixed;} */
select,label {padding:0;margin:0;vertical-align:middle;}
em,address {font-style:normal;}
textarea {vertical-align:top;margin:0;padding:0;}
object,param {padding:0;margin:0;line-height:0;}
section, article, header_home, footer, hgroup, figcaption, figure {display:block;}


/*hidden*/
.blind {visibility:hidden; font-size: 0; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; background: none; position:absolute; left:0; top:0;}
/*ico*/
.ico_clip{ display: inline-block; *display: inline; *zoom: 1; background: url(/images/ico/ico_clip.gif) right top no-repeat; padding-right: 20px; line-height: 15px; }

select.menu_search {height:18px; line-height:18px; border:1px solid #bebebe; margin:0 0px 0 0 ; }
input.text_search {height:18px; line-height:18px; border:1px solid #bebebe;  margin:0 0px 0 0; }


/*===== head-wrap ======================================================*/
/* header */
#layout { position:relative; width:100%; min-width:1200px;}
#header_home{ position:relative; width:1200px; height:126px; margin:0 auto; }
#header_home #logo_home { position:absolute; text-align:left;z-index:1000; padding-top:30px; z-index:1200}

.gnb {position:absolute; top:40px; width:100%; z-index:1000;}
.gnbBox {width:1100px; margin:0 auto; text-align:right; font-size:0; padding:7px 0;}
.gnbBox li {padding-bottom:7px;}

.num{color:#fff; font-size:11px; }

#lnb{ position: absolute; top: 53px; z-index:1000;}
#lnb .inside{ width:900px; margin:0 auto; text-align:right; }
#lnb .inside li.mn{position: relative; display:inline; color:#fff; }

#lnb .inside li.m1{ margin-right:48px; padding-right:40px; border-right:1px solid #eee;}
#lnb .inside li.m2{ margin-right:48px; padding-right:40px; border-right:1px solid #eee;}
#lnb .inside li.m3{ margin-right:0px; }


#lnb .inside li.mn .depth2{ width: 1100px; height: 0; overflow: hidden; position: absolute; top: 35px; left:-545px; display: none;}
#lnb .inside li.mn .depth2 .depth2_inside{ padding-left:470px; }
#lnb .inside li.mn .depth2 ul{display: block;  text-align:center; padding-left:10px;}
#lnb .inside li.mn .depth2 ul li{float:left; padding:7px;  font-size:12px;  }
#lnb .inside li.mn .depth2 ul li a {font-size:12px;display: block;  text-align:center;color:#dedbf0; padding: 3px;}
#lnb .inside li.mn .depth2 ul li a:hover {color:#fff; padding: 3px; text-align:center; }

#lnb .inside li.mn .depth3{ width: 800px; height: 0; overflow: hidden; position: absolute; top: 35px; left:-280px; display: none;}
#lnb .inside li.mn .depth3 .depth2_inside{ }
#lnb .inside li.mn .depth3 ul{display: block;  text-align:center; padding-left:10px;}
#lnb .inside li.mn .depth3 ul li{float:left; padding:7px;  font-size:12px;  }
#lnb .inside li.mn .depth3 ul li a {font-size:12px;display: block;  text-align:center;color:#dedbf0; padding: 3px;}
#lnb .inside li.mn .depth3 ul li a:hover {color:#fff; padding: 3px; text-align:center; }

#lnb .inside li.mn .depth4{ width: 1100px; height: 0; overflow: hidden; position: absolute; top: 35px; left:-920px; display: none;}
#lnb .inside li.mn .depth4 .depth2_inside{ padding-left:870px; }
#lnb .inside li.mn .depth4 ul{display: block;  text-align:center; padding-left:10px;}
#lnb .inside li.mn .depth4 ul li{float:left; padding:7px;  font-size:12px;  }
#lnb .inside li.mn .depth4 ul li a {font-size:12px;display: block;  text-align:center;color:#dedbf0; padding: 3px;}
#lnb .inside li.mn .depth4 ul li a:hover {color:#fff; padding: 3px; text-align:center; }


#main_slide {position:relative; width:100%; min-width:1200px; height:652px;}
#main_slide .slideshow {width:100%; height:652px; }
#main_slide .slideshow li {position:relative; width:100%; height:652px; }
#main_slide .slideshow li.s1 {background:url("../img/main1.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s2 {background:url("../img/main2.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s3 {background:url("../img/main3.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li .m_txt {position:absolute; left:0%; }
#main_slide .slideshow li.s4 .m_txt {top:0px;}
#main_slide .prev {position:absolute; top:485px; left:50%; margin-left:-600px; width:44px; height:44px; background:url("../img/btn_prev.gif") 0 50% no-repeat; z-index:999;}
#main_slide .next {position:absolute; top:485px; right:50%; margin-right:511px; width:44px; height:44px; background:url("../img/btn_next.gif") 100% 50% no-repeat; z-index:999;}


#main_txt {position: absolute; width:100%; min-width:1200px; z-index:999; padding-top:230px;}
.mtxt {width:1200px; margin:0 auto; color:#252525; }
.mtxt li {font-size:25px; font-weight:300;}
.mtxt li.t1 {font-size:40px; font-weight:600; letter-spacing:-0.07em; padding:20px 0; }
.mtxt li.t2 {font-size:14px; font-weight:400; letter-spacing:-0.03em; opacity:.5;}

#contents2 {position: absolute; width:100%; min-width:1200px; height:292px; z-index:999; margin-top:-280px; }

#contents {position: relative; width:1200px; margin:0 auto; padding:15px 0;}

.mp {float:left; text-align:center; margin-right:7px;}
.mp li {font-size:15px; color:#fff; font-weight:500; margin-bottom:10px; display:inline-block; *display:inline; *zoom:1;}


#contents22 {position: relative; width:100%; min-width:1200px; height:232px; z-index:999; margin-top:0px;}


.mnotice {width:466px; float:left; background:url("../img/notice_bg.gif") left top no-repeat;}
.mnotice h2 {font-size:15px; font-weight:600; color:#404040; padding-left:38px; padding-top:15px;}
.mnotice h2 span {font-size:14px; font-weight:500; opacity:.6; letter-spacing:-0.03em; padding-left:10px;}
.mnotice ul {padding-top:30px; }
.mnotice ul li {color:#898989; font-size:14px; opacity:.8; padding:6px 0; letter-spacing:-0.03em;}
.mnotice ul li a {color:#898989;}
.mnotice ul li span {float:right;}

.mb-inner {width:372px; float:left; margin-left:30px;}


.mcus {width:322px; height:103px; float:left; background:url("../img/call_bg.gif") 0 50% no-repeat;}
.mcus h2 {font-size:16px; font-weight:700; color:#fff; padding-top:15px; padding-left:30px;}
.mcus ul {padding:20px 0 0 30px;}
.mcus ul li {color:#fff;}
.mcus ul li.cus_num {font-size:25px; color:#fff; font-weight:600; line-height:8px; letter-spacing:-0.05em;} 
.mcus ul li.cus_num2 {font-size:16px; padding:10px 0;} 
.mcus ul li.cus_time {font-size:14px; opacity:.6;} 



#contents3 {position: relative; width:100%; min-width:1200px; height:267px; background:#f4f4f4;}

.gallery {float:left; padding-right:38px; }
.gallery h2 {font-size:17px; color:#404040; font-weight:500; padding-bottom:20px;}
.gallery li {padding-right:15px;}

.video {float:left;}
.video h2 {font-size:17px; color:#404040; font-weight:500; padding-bottom:20px;}
.video li {padding-right:10px;}


#contents4 {position: relative; width:100%; min-width:1200px; z-index:999; margin-top:0px;}


.banner_ad {width:1200px; margin:0 auto; text-align:center; padding-bottom:5px; padding-top:28px;}
.banner_ad li {padding-right:5px; display:inline-block; *display:inline; *zoom:1;}
.ad_t {float:left; width:150px; line-height:48px; text-align:center; color:#fff; font-size:15px; font-weight:500; background:#5f5f5f; margin-right:10px;}
.ad_t2 {float:left; width:150px; line-height:48px; text-align:center; color:#fff; font-size:15px; font-weight:500; background:#3fb2bc; margin-right:10px;}

.banner_ad2 {width:1200px; margin:0 auto; padding-bottom:5px; padding-top:28px;}
.banner_ad2 li {padding-right:15px; display:inline-block; *display:inline; *zoom:1;}

/*///////////////////// footer /////////////////////*/

#m_footer {position:relative; width:100%; min-width:1200px; height:190px; margin-top:30px; background:#f5f5f5;}
.footer{width:1200px; margin:0 auto; padding:40px 0;}
.footer li {font-size:13px; color:#282828; white-space: pre;} 


.foot1 {float:left; padding-right:10px; }
.foot1 li span {opacity:.5; font-size:12px;}
.foot2 {float:right; padding-top:15px;}
.foot2 li {display:inline-block; *display:inline; *zoom:1; padding-left:10px;}

/*///////////////////// footer /////////////////////*/