@charset "utf-8";
.Wrapper { position:relative; z-index:1; overflow:hidden;}

.banner1 { background-color:#ffe8eb; width:100%; height:40px;  }
.banner1 p {width:400px; height:40px; background-image:url("../../img/images/noti_txt_2.jpg");  background-size:400px 40px; margin:0 auto;}

.HeaderSection .LogoArea { overflow:hidden; height:70px; background-color:#3dc0ba;}
.HeaderSection .LogoArea .Logo { float:left; margin:23px 0 0 0px;}
.HeaderSection .LogoArea .Logo a { margin-left:15px;display:inline-block; overflow:hidden; width:186px; height:19px; background:url("../../img/images/mobile_logo.png") no-repeat left top; text-indent:-1000px;}
.HeaderSection .LogoArea .GnbOpener { float:right; margin:15px 15px 0 0;width:30px; height:30px; line-height:1; }

.HeaderSection .Gnb .submebg{position:absolute; top:270px; width:100%; height:200px; background-color:#e5eaee; opacity:0.91; filter:alpha(opaicty=95); display:none; z-index:-100;}

.subme{position:absolute; top:270px; width:100%; height:200px; display:none;z-index:-100;}
.subme > ul{width:90%; margin:0 auto; padding-top:10px; font-size:12.5px; text-align:center;}
.subme > ul > li{float:left; width:130px; padding:0.8% 0.1%;}
.subme > ul > li a{color:#3a3a3a;}
.subme > ul > li a:hover {color:#21bbb1;text-decoration:none;}
.Menu1 > ul >li{position:relative;}
.Menu2 > ul >li{position:relative;}
.allowside{color:#32a598; position: absolute; top:2px; right:15px; font-size:20px; display:none;}
.mmhide{display:none;}

#callNav {position:relative; width:30px; height:30px; cursor:pointer; z-index:2001; transition:all 0.3s ease;}
#callNav:hover {background:#}
#callNav > div {position:absolute; width:30px; height:2px;background:#fff; transition:all 0.3s ease}
#callNav .bar1 {top:7px}
#callNav .bar2 {top:17px}
#callNav .bar3 {top:27px}
#callNav:hover > div {background:#fff;}
#callNav:hover .bar1 {top:5px}
#callNav:hover .bar3 {top:29px}
#callNav.active {background:#}
#callNav.active > div {background:#fff;}
#callNav.active .bar1 {top:15px; transform:rotate(45deg)}
#callNav.active .bar2 {display:none}
#callNav.active .bar3 {top:15px; transform:rotate(-45deg)}
#top_info {display:none;}

.HeaderSection .Gnb { background-color:#000;}
.HeaderSection .Gnb .List { display:none; background-color:#000; }
.HeaderSection .Gnb .List > li > a { display:block; padding:10px 15px;  background:url("../img/images/bg_gnb_trigger.png") no-repeat right center; color:#32a598; font-size:16px; font-weight:bold;}
.HeaderSection .Gnb .List > li > a.Current { background:#4DC1B4 url("../img/images/bg_gnb_trigger_on.png") no-repeat right center; color:#fff;}
.HeaderSection .Gnb .List > li > ul { display:none;}
.HeaderSection .Gnb .List > li > ul > li > a { display:block; padding:10px 15px 10px 30px; border-bottom:1px solid #efefef; color:#32a598; font-size:14px;}
.HeaderSection .Gnb .List > li > ul > li > ul > li > a { display:block; padding:10px 15px 10px 45px; border-bottom:2px solid #efefef; color:#888; font-size:12px;}
.HeaderSection .Gnb .Utils { overflow:hidden;}
.HeaderSection .Gnb .Utils > a { display:block; float:left; width:25%; text-align:center; background:none !important; padding:0 !important;}
.HeaderSection .Gnb .Utils > a > span { display:block; padding:5px 0; border-left:2px solid #efefef;font-size:12px; }
.HeaderSection .Gnb .Utils > a > span.Eng {}
.HeaderSection .Gnb .Utils > a:first-child > span { border-left:0 none;}
.HeaderSection .UtilsWrap .Utils .Quicks li { background:url(""); height:auto !important; }
.HeaderSection .UtilsWrap .Utils .Quicks .QuickList { background-color:#efefef; border:1px solid #CCCCCC; padding:0px; margin-top:5px; width:95px; display:none; }
.HeaderSection .UtilsWrap .Utils .Quicks > li:hover .QuickList { display:block; }
.HeaderSection .UtilsWrap .Utils .Quicks .QuickList li { display:block; padding:6px 10px 7px 10px !important; text-decoration:none !important; text-align:center; }
.HeaderSection .UtilsWrap .Utils .Quicks .QuickList li:hover { background-color:#005696; color:#FFFFFF; }
.HeaderSection .UtilsWrap .Utils .Quicks .QuickList li a { text-decoration:none !important; }
.ContentSection { min-height:600px;}
.PathIndicator { position:relative; z-index:30;margin:20px auto 10px 20px;;}
.PathIndicator > ul { padding-right:10px;}
.PathIndicator > ul:after { display:block; content:""; clear:both;}
.PathIndicator > ul > li { float:left; position:relative; font-size:12px; text-align:left;}
.PathIndicator > ul > li > a { display:block; position:relative; z-index:1; height:19px; margin-bottom:5px; text-indent:10px; padding-right:20px; line-height:19px; background:url("../../img/images/bg_pathindicator.png") no-repeat right center;}
.PathIndicator > ul > li.Home { padding-left:0;}
.PathIndicator > ul > li.Home > a {padding-right:15px; background:url("../../img/images/bg_location.gif") no-repeat right 4px;}
.PathIndicator > ul > li.Depth1 > a { /*width:65px;*/ background:url("../../img/images/bg_location.gif") no-repeat right 4px;}
.PathIndicator > ul > li.Depth2 > a { width:105px; margin-right:1px;}
.PathIndicator > ul > li.Depth3 > a { width:105px;}
.PathIndicator > ul > li.Last > a { color:#4DC1B4;}
.PathIndicator > ul > li > ul { display:none; position:absolute; left:0; top:25px; z-index:5; width:100%;}
.PathIndicator > ul > li > ul > li > a { display:block; padding:9px 0 9px 10px; color:#fff; background:#4DC1B4;}
.PathIndicator > ul > li > ul > li > a.Current,
.PathIndicator > ul > li > ul > li > a:active,
.PathIndicator > ul > li > ul > li > a:hover { background-color:#181818;}
.sub_visual {width:100%;margin:0px auto;height:300px;text-align:center;}
.sub_visual span {font-size:18px;color:#fff;line-height:1;padding-top:100px;display:block;}
.sub_visual p {font-size:32px;color:#fff;line-height:1;}
.btn_down {position:absolute;margin-top:114px;margin-left:-20px;z-index:1;text-align:center;left:50%;}
.visual1 {background:url(../../img/images/sub_img1.png) no-repeat;background-size:cover;}
.visual2 {background:url(../../img/images/sub_img2.png) no-repeat;background-size:cover;}
.visual3 {background:url(../../img/images/sub_img3.png) no-repeat;background-size:cover;}
.visual4 {background:url(../../img/images/sub_img4.png) no-repeat;background-size:cover;}
.visual5 {background:url(../../img/images/sub_img5.png) no-repeat;background-size:cover;}

.FooterSection { position:relative; padding:15px; background-color:#3dc0ba; text-align:center;}
.FooterSection .Logo { display:inline-block; width:186px; height:19px; text-align:center; background:url("../../img/images/footer_logo.png") no-repeat left top;text-indent:-50000px;}
.FooterSection .Utils { position:relative;width:100%;margin-top:10px;color:#fff;}
.FooterSection .Utils li { display:block;  font-size:12px;}
.ToTop { display:block; margin:0px 0; padding:15px 0; text-align:center; background-color:#000;}
@media all and (min-width: 768px) {
.FooterSection { overflow:hidden; /*height:100px;*/ padding:0;}
.FooterSection > .InnerWrap { margin:0 auto;}
.FooterSection .Logo { /*float:left;*/ width:186px; height:19px; margin:30px 0 0 0px; background-image:url("../../img/images/footer_logo.png");}
.FooterSection .Utils { float:right; /*position:relative;width:70%; text-align:right;*/ padding:20px;margin:0px;color:#fff;}
.ToTop { margin:0px;}

}
@media all and (min-width: 768px) and (max-width: 959px) {
.GridWrap { width:580px; margin:0 auto;}
}


@media all and (min-width: 980px) {

/*·Î±×ÀÎ*/
#top_info {display:block;position:absolute;margin-top:20px;z-index:9999;right:0px;}
#top_info ul {width:100%;line-height:25px;}
#top_info ul li {display:inline-block;text-align:center;padding:0px 10px;}
#top_info ul li a {display:block;transition:all 0.3s ease;font-size:12px;color:#fff;}
#top_info ul li a:hover {color:#fff;}
/*·Î±×ÀÎ*/
.HeaderSection {margin:0px auto; width:100%;height:143px; /* background:#000 url("") repeat-x left top; */}
.HeaderSection > .InnerWrap { position:relative;height:143px; margin:0 auto;}
.HeaderSection .LogoArea { position:relative; z-index:63; width:100%; /*border-bottom:solid 1px #ff4aff; */ height:94px;}
.HeaderSection .LogoArea .Inner { position:relative; height:91px; margin:0 auto;}
.HeaderSection .LogoArea .Logo { float:none; position:relative;margin:0px;}
.HeaderSection .LogoArea .Logo a { position:absolute; left:50%; top:30px; z-index:100; width:436px; height:43px; margin-left:-220px; background-image:url("../../img/images/logo.png");background-size:436px 43px;}
.HeaderSection .LogoArea .GnbOpener { display:none;}
.HeaderSection .UtilsWrap { }
.HeaderSection .UtilsWrap .Utils { display:block; position:absolute; z-index:66;}
.HeaderSection .UtilsWrap .Utils.Language { left:50%; top:39px; margin-left:-470px; text-align:left;}
.HeaderSection .UtilsWrap .Utils.Func { left:50%; right:auto !important; top:39px; margin-left:348px; text-align:right;}
.HeaderSection .UtilsWrap .Utils li { display:inline-block; overflow:hidden; height:15px; padding:0 10px 0 13px; color:#999; font-size:12px; background:url() no-repeat left center; line-height:15px;}
html.ie .HeaderSection .Utils li { background-position:left 2px;}
.HeaderSection .UtilsWrap .Utils.Language li { background-position:left 4px; line-height:1; vertical-align:top;}
.HeaderSection .UtilsWrap .Utils li:first-child { background:none; padding-left:0;}
.HeaderSection .UtilsWrap .Utils.Func li:first-child { line-height:1.5;}
.HeaderSection .UtilsWrap .Utils.Func li.Last { padding-right:0; font-size:13px; font-family:'NanumBarunGothic', 'sans-serif'; line-height:1.3; background-position:left 3px;}
.HeaderSection .Gnb { display:block; position:absolute; left:0; bottom:0; z-index:30; width:100%; height:48px; /*border-bottom:1px solid #ff4aff;*/}
.HeaderSection .Gnb .Inner { position:relative; margin:0 auto;}
.HeaderSection .Gnb .LineBg { position:absolute; left:0; top:0; z-index:52; width:100%; height:48px; background:#3dc0ba;}
.HeaderSection .Gnb .Bg { position:absolute; left:0; top:-272px; z-index:51; width:100%; height:270px; background-color:#e5eaee; opacity:0.95; filter:alpha(opaicty=95);}

.HeaderSection .Gnb .submebg{position:absolute; top:270px; width:100%; height:200px; background-color:#e5eaee; opacity:0.91; filter:alpha(opaicty=95); display:none;}

.subme{display:none; width:1272px; height:10%; left:50%;  margin-left:-636px; z-index:99;}
.subme > ul > li{float:left; width:130px; display:inline-block;}
.subme > ul > li > a{color:#3a3a3a;}
.subme > ul > li > a:hover {color:#21bbb1;text-decoration:none;}
#subme1{position:absolute; top:65px;}
#subme2{position:absolute; top:90px;}
#subme3{position:absolute; top:115px;}
#subme4{position:absolute; top:140px;}
#subme5{position:absolute; top:165px;}
#subme6{position:absolute; top:190px;}
#subme7{position:absolute; top:65px;}
#subme8{position:absolute; top:90px;}
#subme9{position:absolute; top:115px;}
#subme10{position:absolute; top:140px;}
#subme11{position:absolute; top:165px;}
#subme12{position:absolute; top:190px;}
#subme13{position:absolute; top:215px;}
.subme>ul{position:relative; display:inline-block; width:400px; height:300px; background-color:#eff2f5; opacity:0.93; border:1px solid #3dc0ba; margin-left:253px;}
.submedep>ul{height:400px; margin-left:506px;}
#subme11>ul{height:450px;}
#subme12>ul{height:300px;}
#subme13>ul{height:500px;}
.pcnone{display:none;}

.HeaderSection .Gnb .List { display:block; position:relative; z-index:55; background:url() repeat-x left top; border:0 none;}
.HeaderSection .Gnb .List:after { display:block; content:""; clear:both;}
.HeaderSection .Gnb .List > li { float:left; position:relative; width:20%; z-index:54; z-index:55; text-align:center; height:39px; line-height:39px; }
.HeaderSection .Gnb .List > li > a { position:absolute; left:0; top:0; width:100%;  z-index:55; display:block; padding:0; font-weight:normal;background:#3dc0ba; }
.HeaderSection .Gnb .List > li > a > span { display:block; width:70%; height:45px; line-height:47px; margin:0 auto; font-size:16px; color:#fff; border-bottom:3px solid transparent; background:transparent;}
.HeaderSection .Gnb .List > li:hover > a > span { color:#fff; border-bottom:3px solid #fff; text-decoration:none;-webkit-transition: 0.25s;transition: 0.25s;}
.HeaderSection .Gnb .List > li:hover > a:hover { text-decoration:none;}
.HeaderSection .Gnb .List > li > ul { display:block; overflow:hidden; position:absolute; left:0; top:-275px; z-index:2; height:220px;text-align:left; line-height:1;width:100%;}
.HeaderSection .Gnb .List > li > ul > li:first-child { margin-top:30px;}
.HeaderSection .Gnb .List > li > ul > li { padding:0 0 12px;text-align:center;}
.HeaderSection .Gnb .List > li > ul > li > a { padding:0; color:#333; font-size:13px;border:0 none;-webkit-transition: 0.25s;transition: 0.25s; width:auto; display:inline;}
.HeaderSection .Gnb .List > li > ul > li a:hover { color:#21bbb1;text-decoration:none;}
.HeaderSection .Gnb .List > li > ul > li > ul { padding:5px 0 0;}
.HeaderSection .Gnb .List > li > ul > li > ul > li > a { padding:6px 0 0 13px; color:#777;}
.HeaderSection .Gnb .Utils { display:none;}
.PathIndicator { position:relative; z-index:2; margin:20px auto 10px;}
.PathIndicator:after { display:block; content:""; clear:both;}
.PathIndicator > ul { float:right;}
.ContentSection {}
.ContentSection .InnerContent { position:relative; z-index:1; margin:0 auto; padding-top:0;}
.FooterSection { margin:0px;}
}

@media all and (min-width: 1280px) {

.banner1 { background-color:#ffe8eb; width:100%; height:50px;  }
.banner1 p {width:500px; height:50px; background-image:url("../../img/images/noti_txt_2.jpg");  background-size:500px 50px; margin:0 auto;}

.HeaderSection > .InnerWrap { width:100%;}
.HeaderSection .LogoArea .Inner { width:1272px;}
.HeaderSection .UtilsWrap { left:50%; width:1272px; margin-left:-636px;}
.HeaderSection .Utils.Func { right:5.8%;}
.HeaderSection .Gnb .Inner { width:1272px;}
.HeaderSection .Utils.Language { left:50%; top:39px; margin-left:-542px; text-align:left; }
.HeaderSection .Utils.Func { margin-left:440px;}
.HeaderSection .Gnb .List > li > ul { }
.PathIndicator { width:1272px;}
.PathIndicator ul {padding:0px;}
.sub_visual {width:1272px;margin:0px auto;height:300px;}
.sub_visual span {font-size:18px;}
.sub_visual p {font-size:32px;}
.ContentSection .InnerContent { width:1272px;}
.ContentSection .InnerContent.AllInfoWrapper { width:auto;}
.ContentSection .InnerContent.AllInfoWrapper .ContentTitle { width:1272px; margin-left:auto; margin-right:auto;}
.FooterSection { width:100%; margin:0 auto;background:#3dc0ba; }
.FooterSection .InnerWrap { width:1272px; margin:0 auto;}
.FooterSection .Utils {padding:20px 0px 20px 0px;}
.ToTop { width:100%; margin:0 auto;}

}
@media all and (min-width: 1400px) {
.ToTop { position:fixed; right:0; z-index:100; bottom:0; width:50px; height:50px; margin:0; padding:0; line-height:50px;}
}
@media all and (min-width: 1600px) {
.ContentSection .InnerContent.AllInfoWrapper { width:1600px;}
}