/****************************************
상단시작 #0065a4
*************************************/
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/

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


@font-face {
  font-family: 'Iropke Batang';
  font-style: normal;
  font-weight: 400;
  src: url(//cdn.jsdelivr.net/font-iropke-batang/1.2/IropkeBatangM.eot);
  src: url(//cdn.jsdelivr.net/font-iropke-batang/1.2/IropkeBatangM.eot?#iefix) format('embedded-opentype'),
       url(//cdn.jsdelivr.net/font-iropke-batang/1.2/IropkeBatangM.woff) format('woff'),
       url(//cdn.jsdelivr.net/font-iropke-batang/1.2/IropkeBatangM.ttf) format('truetype');
}


body,div,p,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,td,th,header,article,footer,nav,section,input,select,a,textarea,button{ margin:0;padding:0; border:0; color:#474b53;font-size:14px; font-family:'Noto Sans KR', sans-serif; line-height:160%;font-weight:400;}
div,p,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,span,header,article,footer,nav,section,img,a{position:relative;*zoom:1;}#hfrADCheck{display:block;}
div:after,li:after,dl:after,dd:after,div:before,li:before,dl:before,dd:before{clear:both;content:"";display:block;}

input:focus {outline: none;}
*:focus {outline: none;}

.bd_r0{border-right:0 !important;}

.mt0{margin-top:0px !important;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt35{margin-top:35px;}.mt40{margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}.mt55{margin-top:55px;}.mt60{margin-top:60px;}.mt65{margin-top:65px;}.mt70{margin-top:70px;}.mt75{margin-top:75px;}.mt80{margin-top:80px;}.mt100{margin-top:100px;}
.mb0{margin-bottom:0px !important;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb35{margin-bottom:35px;}.mb40{margin-bottom:40px;}.mb45{margin-bottom:45px;}.mb50{margin-bottom:50px;}.mb55{margin-bottom:55px;}.mb60{margin-bottom:60px;}.mb65{margin-bottom:65px;}.mb70{margin-bottom:70px;}.mb80{margin-bottom:80px;}.mb100{margin-bottom:100px;}
.ml0{margin-left:0px !important;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left :40px;}.ml45{margin-left:45px;}.ml50{margin-left:50px;}.ml55{margin-left:55px;}.ml60{margin-left:60px;}.ml65{margin-left:65px;}.ml70{margin-left:70px;}
.mr0{margin-right:0px !important;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr35{margin-right:35px;}.mr40{margin-right:40px;}.mr45{margin-right:45px;}.mr50{margin-right:50px;}.mr55{margin-right:55px;}.mr60{margin-right:60px;}.mr65{margin-right:65px;}.mr70{margin-right:70px;}

.mt10P{margin-top:10%;}
.mb10P{margin-bottom:10%;}

.pt0{padding-top:0 !important;}.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}.pt35{padding-top:35px;}.pt40{padding-top:40px;}.pt45{padding-top:45px;}.pt50{padding-top:50px;}.pt55{padding-top:55px;}.pt60{padding-top:60px;}.pt65{padding-top:65px;}.pt70{padding-top:70px;}
.pb0{padding-bottom:0 !important;}.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pb35{padding-bottom:35px;}.pb40{padding-bottom:40px;}.pb45{padding-bottom:45px;}.pb50{padding-bottom:50px;}.pb55{padding-bottom:55px;}.pb60{padding-bottom:60px;}.pb65{padding-bottom:65px;}.pb70{padding-bottom:70px;}
.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left :40px;}.pl45{padding-left:45px;}.pl50{padding-left:50px;}.pl55{padding-left:55px;}.pl60{padding-left:60px;}.pl65{padding-left:65px;}.pl70{padding-left:70px;}.pl80{padding-left:80px;}
.pr0{padding-right:0px !important;}.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}.pr35{padding-right:35px;}.pr40{padding-right:40px;}.pr45{padding-right:45px;}.pr50{padding-right:50px;}.pr55{padding-right:55px;}.pr60{padding-right:60px;}.pr65{padding-right:65px;}.pr70{padding-right:70px;}

::selection {
    background:#bbeef1;
    color: #000;
    text-shadow: none;
}
::-moz-selection {
    background:#bbeef1;
    color: #000;
    text-shadow: none;
}
::-webkit-selection {
    background:#bbeef1;
    color: #000;
    text-shadow: none;
}

.Iropke{font-family: 'Iropke Batang', serif;}


.extendBanner {width: 100%; position: relative; min-width: 1280px; }
.extendBanner .banner {width: 100%; height: 129px; text-align: center; overflow: hidden; display: block; background: url('../img/top-banner.jpg') center no-repeat; }
.extendBanner .btn-extendBannerClose {	top: 50%; right: 10px; position: absolute; margin-top: -12px; }


#wrap{width:100%;min-width:1400px;overflow:hidden; position: relative; }

/*-------------------------------
head 시작
--------------------------------*/
#header{position:relative; height:80px; background: #fff; z-index: 99999; } 
#headerwrap{position:relative; width:100%; margin:0 auto; background: #fff; border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; z-index:99999;box-shadow:0 7px 15px rgba(0,0,0,.1);}
.headerfixed{ position: fixed !important; top: 0;}
h1{text-align:center; }
h1 img{padding-top:15px;}
#mainutil{position:relative; width:1280px; margin:0 auto; }
.mainutil{position:absolute;top:-50px;right:0px;}
.flag{position:absolute;top:-50px;left:0px;}
.flag li a{ overflow:hidden;display:block;  padding:0px 12px 0 0; color:#4e4e4e;}
.flag img{ width: 40px;}
#mainutil li{ float:left; font-size: 16px; color: #777; font-weight: 300; line-height: 34px;}
.mainutil li a{ width: 72px; height: 34px; line-height: 34px; display: block; margin-left: 15px; text-align: center; font-weight: 300; font-size:14px;color: #777;
    -webkit-box-shadow: 2px 2px 4px 1px #ddd;
    -moz-box-shadow: 2px 2px 4px 1px #ddd;
    box-shadow: 2px 2px 4px 1px #ddd;
}
.mainutil li:hover a{background: #2fc2f9; color: #fff; transition: .5s;}




 /* 메뉴 시작 */
#gnbwrap{position:relative; width:1280px;margin:0 auto; }
#gnb{position:relative; width:1280px; height:60px; margin:0 auto; background: #fff !important; border: 0;}
#gnb>ul>li{float:left; padding-top:15px;  height:27px; }
#gnb>ul>li>a{ font-family:'Noto Sans KR', sans-serif;  font-size: 17px; color: #333; -webkit-transition: color 300ms; transition: color 300ms; }
#gnb>ul>li>a:hover{color: #765235;}
.gnbsns{position:relative;float:left; width:148px; padding-top:25px;}
.gnbsns li{float:left;}
.gnb00{width:22px;padding-top: 14px !important;}
.gnb1{width:155px; text-align:center;}
.gnb2{width:155px; text-align:center;}
.gnb3{width:155px; text-align:center;}
.gnb4{width:155px; text-align:center;}
.gnb5{width:154px; text-align:center;}
.gnb6{width:154px; text-align:center;}
.gnb7{width:154px; text-align:center;}
.gnb8{width:154px; text-align:center;}
.gnb99{width:22px; text-align:right;padding-top: 14px !important;}


#gnb>ul>li>ul{ font-family:'Noto Sans KR', sans-serif;  font-size: 13px;  background: #fff none repeat scroll 0 0;border-bottom: 3px solid #1e1815;border-top: 1px solid #f2f2f2; border-right: 1px solid #e3e5e4; margin-bottom:10px; }
#gnb>ul>li>ul>li { clear: both; padding: 0; }
#gnb li a.dep01 {color: #fff; display: block; font-family:'Noto Sans KR', sans-serif;  font-size: 16px; letter-spacing:-0.5px; margin-left: 1px; margin: 20px 64px 0 18px;  }
#gnb li a.dep01:hover {color:#b0906c;}
.gnb01tit{position:relative;  float: left;  width:100%; font-size: 20px; color:#fff; padding:30px 0 0 90px; text-align:left; }
.gnb01tit2{position:relative;  float: left;  width:100%; font-size: 12px; color:#fff;padding:5px 0 0 90px; text-align:left; }
#gnb>ul>li>ul>li {width:100%;  height:30px;  border-bottom: 1px solid #e3e5e4; padding-top:10px;}
#gnb>ul>li>p{ font-family:'Noto Sans KR', sans-serif; }
#gnb>ul>li>ul>li>a{ background:url("/images/common/bluet01.gif") no-repeat scroll left 10px; padding: 5px 0 5px 13px; color:#484848; margin-left:10px; }
#gnb>ul>li ul li a:hover{color:#1e1815;}
#gnb>ul>li:hover a {color: #00aeef;border-bottom:1px solid #00aeef; -webkit-transition: color 300ms; transition: color 300ms; }
#gnb>ul>li:first-child:hover a{border-bottom:0;}
#gnb>ul>li:last-child:hover a{border-bottom:0;}
#gnb>ul>li:hover ul {background: #f4f3f3 none repeat scroll 0 0;}

.gnbleft{background: #fafafa; height:276px;  background:url("/theme/case2/img/main/435x276.jpg?") no-repeat;}
.gnbleft1{font-family:'Noto Sans KR', sans-serif;font-size: 25px;color:#000;padding: 100px 0 0 50px;}
.gnbleft2{font-family:'Noto Sans KR', sans-serif;font-size: 15px;font-weight: 200;color: #383838;padding: 10px 0 0 50px;line-height:190%;}

.gnbdropwrap{position:absolute; top:60px; width:100%; margin:0 auto; border-top:1px solid #e5e5e5;  border-bottom:2px solid #00aeef; z-index:99; height:276px; background-color:#fff; }
.gnbdrop{position:relative; width:1300px; margin:0 auto; }	

.gnb01bg{float:left; width:435px; height:276px;  border-right:1px solid #ddd; }
.gnb01tit{position:relative;  float: left; font-family:'Noto Sans KR', sans-serif;  font-size: 16px; color:#00a096; padding-top:20px; padding-left:20px;}
.gnb01tit2{position:relative;  float:right;padding-top:20px;padding-right:40px;}
.gnb01drop{position:relative;float:left; width:360px; }
.gnb01drop>li {position:relative;height:45px;  border-bottom: 1px solid #e3e5e4; }
.gnb01drop>li>a{ display: block; height:45px; color:#484848; padding-left:10px; line-height:300%; }
.gnb01drop>li>a:hover{color:#fff;background-color:#00aeef; -webkit-transition: background-color 300ms; transition: background-color 300ms;}
.gnb01drop>li:hover .gnbspan {color:#fff;}

.gnb02bg{float:left; width:435px; height:276px;  border-right:1px solid #ddd; }
.gnb02tit{position:relative;  float: left; font-family:'Noto Sans KR', sans-serif;  font-size: 16px; color:#00a096; padding-top:20px; padding-left:20px;}
.gnb02tit2{position:relative;  float:right;padding-top:20px;padding-right:40px;}
.gnb02drop{position:relative;float:left; width:360px; }
.gnb02drop>li {position:relative;height:45px;  border-bottom: 1px solid #e3e5e4; }
.gnb02drop>li>a{ display: block; height:45px; color:#484848; padding-left:10px; line-height:300%; }
.gnb02drop>li>a:hover{color:#fff;background-color:#00aeef; -webkit-transition: background-color 300ms; transition: background-color 300ms;}
.gnb02drop>li:hover .gnbspan {color:#fff;}

.gnb03bg{float:left; width:435px; height:276px;  border-right:1px solid #ddd; }
.gnb03tit{position:relative;  float: left; font-family:'Noto Sans KR', sans-serif;  font-size: 16px; color:#00a096; padding-top:20px; padding-left:20px;}
.gnb03tit2{position:relative;  float:right;padding-top:20px;padding-right:40px;}
.gnb03drop{position:relative;float:left; width:360px; }
.gnb03drop>li{position:relative;height:45px;  border-bottom: 1px solid #e3e5e4; }
.gnb03drop>li>a{ display: block; height:45px; color:#484848; padding-left:10px; line-height:300%; }
.gnb03drop>li>a:hover{color:#fff;background-color:#00aeef; -webkit-transition: background-color 300ms; transition: background-color 300ms;}
 .gnb03drop>li:hover .gnbspan {color:#fff;}

.gnb04bg{float:left; width:435px; height:276px;  border-right:1px solid #ddd; }
.gnb04tit{position:relative;  float: left; font-family:'Noto Sans KR', sans-serif;  font-size: 16px; color:#00a096; padding-top:20px; padding-left:20px;}
.gnb04tit2{position:relative;  float:right;padding-top:20px;padding-right:40px;}
.gnb04drop{position:relative;float:left; width:360px; }
.gnb04drop>li {position:relative;height:45px;  border-bottom: 1px solid #e3e5e4; }
.gnb04drop>li>a{ display: block; height:45px; color:#484848; padding-left:10px; line-height:300%; }
.gnb04drop>li>a:hover{color:#fff;background-color:#00aeef; -webkit-transition: background-color 300ms; transition: background-color 300ms;}
.gnb04drop>li:hover .gnbspan {color:#fff;}

.gnb05bg{float:left; width:435px; height:276px;  border-right:1px solid #ddd; }
.gnb05tit{position:relative;  float: left; font-family:'Noto Sans KR', sans-serif;  font-size: 16px; color:#00a096; padding-top:20px; padding-left:20px;}
.gnb05tit2{position:relative;  float:right;padding-top:20px;padding-right:40px;}
.gnb05drop{position:relative;float:left; width:360px; }
.gnb05drop>li {position:relative;height:45px;  border-bottom: 1px solid #e3e5e4; }
.gnb05drop>li>a{ display: block; height:45px; color:#484848; padding-left:10px; line-height:300%; }
.gnb05drop>li>a:hover{color:#fff;background-color:#00aeef; -webkit-transition: background-color 300ms; transition: background-color 300ms;}
.gnb05drop>li:hover .gnbspan {color:#fff;}

.gnb06bg{float:left; width:435px; height:276px;  border-right:1px solid #ddd; }
.gnb06tit{position:relative;  float: left; font-family:'Noto Sans KR', sans-serif;  font-size: 16px; color:#00a096; padding-top:20px; padding-left:20px;}
.gnb06tit2{position:relative;  float:right;padding-top:20px;padding-right:40px;}
.gnb06drop{position:relative;float:left; width:360px; }
.gnb06drop>li {position:relative;height:45px;  border-bottom: 1px solid #e3e5e4; }
.gnb06drop>li>a{ display: block; height:45px; color:#484848; padding-left:10px; line-height:300%; }
.gnb06drop>li>a:hover{color:#fff;background-color:#00aeef; -webkit-transition: background-color 300ms; transition: background-color 300ms;}
.gnb06drop>li:hover .gnbspan {color:#fff;}

.gnb07bg{float:left; width:435px; height:276px;  border-right:1px solid #ddd; }
.gnb07tit{position:relative;  float: left; font-family:'Noto Sans KR', sans-serif;  font-size: 16px; color:#00a096; padding-top:20px; padding-left:20px;}
.gnb07tit2{position:relative;  float:right;padding-top:20px;padding-right:40px;}
.gnb07drop{position:relative;float:left; width:360px; }
.gnb07drop>li {position:relative;height:45px;  border-bottom: 1px solid #e3e5e4; }
.gnb07drop>li>a{ display: block; height:45px; color:#484848; padding-left:10px; line-height:300%; }
.gnb07drop>li>a:hover{color:#fff;background-color:#00aeef; -webkit-transition: background-color 300ms; transition: background-color 300ms;}
.gnb07drop>li:hover .gnbspan {color:#fff;}

.gnb08bg{float:left; width:435px; height:276px;  border-right:1px solid #ddd; }
.gnb08tit{position:relative;  float: left; font-family:'Noto Sans KR', sans-serif;  font-size: 16px; color:#00a096; padding-top:20px; padding-left:20px;}
.gnb08tit2{position:relative;  float:right;padding-top:20px;padding-right:40px;}
.gnb08drop{position:relative;float:left; width:360px; }
.gnb08drop>li {position:relative;height:45px;  border-bottom: 1px solid #e3e5e4; }
.gnb08drop>li>a{ display: block; height:45px; color:#484848; padding-left:10px; line-height:300%; }
.gnb08drop>li>a:hover{color:#fff;background-color:#00aeef; -webkit-transition: background-color 300ms; transition: background-color 300ms;}
.gnb08drop>li:hover .gnbspan {color:#fff;}

.gnbspan{position:absolute; top:12px; right:15px; font-size: 11px; color:#666;}
.gnbbanner{position:relative;float:left; border-left: 1px solid #ddd;}
 /* 메뉴 끝 */

 /* 전체메뉴 시작 */
.allmenuBtn{position:absolute;  right:50px; top:40px; z-index:999999;}
.allMenu {background: #fff none repeat scroll 0 0;position: fixed;top: 7%;left: 50%;width: 1300px;height: 86%; margin-left: -650px; -webkit-box-shadow: 0px 2px 10px 1px rgba(38,38,38,0.2); -moz-box-shadow: 0px 2px 10px 1px rgba(38,38,38,0.2); box-shadow: 0px 2px 10px 1px rgba(38,38,38,0.2); text-align: center;z-index:99999;}
.allMenu .menuD { margin: 0 auto; position: relative; width: 1200px;}
.allMenu .menuD .list { margin: 45px 0;  overflow: hidden;}
.allMenu .menuD .list:first-child {  margin: 115px 0 0;}
.allMenu .menuD .list .oneD {color: #333;font-weight: 400;float: left;font-family: 'Noto Sans KR', sans-serif;font-size: 22px;width:300px;letter-spacing: -1px;}
.allMenu .menuD .list .menuD {  border-bottom: 1px solid #cdcdcd;  float: left;  letter-spacing: -0.3px;  overflow: hidden;  padding-bottom: 10px; width:850px;}
.allMenu .menuD .list .menuD.end {border: 0 none;}
.allMenu .menuD .list .menuD .menu { float: left; padding-right:70px; }
.allMenu .menuD .list .menuD .menu:first-child {padding-left: 0;}
.allMenu .menuD .list .menuD .menu .twoD {color:#444;font-family:'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 300; line-height:180%;}
.allMenu .menuD .list .menuD .menu .twoD:hover{color:#00aeef;}
.allMenu .menuD .list .menuD .menu .thiD { padding-top:5px;  width: 200px;}
.allMenu .menuD .list .menuD .btArea { clear: both; margin-top: 35px;}
.allMenu .menuD .list .menuD .btArea a {background: #323d58 none repeat scroll 0 0;box-sizing: border-box;color: #fff;display: inline-block;height: 34px;padding-top: 10px;text-align: center;width: 132px;}

 /* 전체메뉴 끝 */


.sub_nav{position:relative; width: 1280px; margin: 0 auto; border-bottom: 1px solid #ddd;}
.sub_nav:after{content:""; clear:both; display:block;}
.sub_nav .homen{float:left; box-sizing:border-box; width: 60px;}
.sub_nav .homen a{display: block; box-sizing: border-box; border-right: 1px solid #ddd; margin: 20px 0px 20px 20px; }
.sub_nav .snav_wrap{float:left; width:250px; box-sizing:border-box;}
.sub_nav .snav_wrap.subn_01{}
.sub_nav .snav_wrap.subn_02{}
.sub_nav .snav_wrap a.snav_b{display:block; box-sizing:border-box;border-right: 1px solid #ddd; margin: 20px 0px 20px 20px; font-size:17px; color:#040a1b; background:url('/theme/case2/mobile/img/sub_nav_bg.png') no-repeat 92% center; background-size:7%;}
.sub_nav .snav_wrap .sub_slide{display:none; position:absolute; width:250px; z-index:50; background:#fff; border-bottom:1px solid #ddd;}
.sub_nav .snav_wrap .sub_slide a{display:block; box-sizing:border-box; width:100%; font-size: 15px; padding:6.27%; color:#040a1b;}
.sub_nav .snav_wrap .sub_slide .depth3{display:none;}
.sub_nav .snav_wrap .sub_slide.slid01{width:248px; border-left:1px solid #ddd;border-right:1px solid #ddd;border-top: 1px solid #ddd; left:0;}
.sub_nav .snav_wrap .sub_slide.slid02{width:248px; border-left:1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; left:0;}



/*-------------------------------
head 끝
--------------------------------*/



/****************************************
container 시작
*****************************************/

.container{width: 100%;}
.container .rolling_story_con{background:#fff;padding:20px 0 0 0;height:370px;}
.container .rolling_story{width:1800px;position:absolute;left:50%;top:20px;margin-left:-900px;overflow:hidden;}
.container .rolling_story .slick-list{overflow:visible !important;width:600px;margin:0 auto;}
.container .rolling_story:before{display:block;width:600px;height:350px;background:rgba(0,0,0,.5);position:absolute;left:0;top:0;z-index:5;}
.container .rolling_story:after{display:block;width:600px;height:350px;background:rgba(0,0,0,.5);position:absolute;right:0;top:0;z-index:100;}
.container .rolling_story .slick-prev{position:absolute;left:50%;margin-left:-350px;top: 151px;display:block;width: 50px;height: 50px;transform: translate(0, 0);background: url('/theme/case2/img/main/rolling_story_prev.png') center center rgba(2, 175, 239, 0.8) no-repeat; z-index:101;}
.container .rolling_story .slick-prev:before{content:"";}
.container .rolling_story .slick-next{position:absolute;right:50%;margin-right:-350px;top:151px;display:block;width:50px;height:50px;transform: translate(0, 0);background:url('/theme/case2/img/main/rolling_story_next.png?') center center rgba(2, 175, 239, 0.8) no-repeat;z-index:101;}
.container .rolling_story .slick-next:before{content:"";}

.main01{position: relative;padding: 100px 0;}

/* .main01 .main_title_txt{text-align: center;margin-bottom: 40px; margin-top: 0px;clear: both;}
.main01 .main_title_txt h2{font-size: 40px; font-weight: 300;color: #000;text-transform: uppercase;}
.main01 .main_title_txt p{margin: 0 auto; clear: both; color: #666; font-size: 18px; font-weight: 300; padding:10px 0 10px;} */

#brandcontents{position:relative; width:100%;  max-width:2000px; min-width:1400px; margin: 0 auto; clear:both;} 
.main01 .brandcontentstop{position:relative; width:100%;  min-width:1400px;  margin:0 auto; clear:both;}
.main01 .brandcontentstop li{float:left; width:33.333%;  min-width:426px;}
.main01 .brandcontentstop li img{width:100%;}
.main01 .imgz{overflow:hidden;}
.main01 .imgz img{transition-duration: 0.5s; transform: scale(1.01);}
.main01 .imgz img:hover{transform:scale(1.1);}



/* .main01_title{position: absolute;top: 65px;text-align: center;width: 100%;z-index: 9;}
.main01_title p{font-size: 42px;color: #333;font-weight: 400; letter-spacing: 10px;}
.main01 .main01_wrap{width: 1240px;background: #fff0e7;padding: 75px 0px 5px;margin: 0 auto;}
.main01 .main01_box{margin: 0 auto;width: 1200px;overflow: hidden;position: relative;}
.main01 .main01_box > div{float:left;}
.main01_box_left {width:583px;overflow:hidden; background:#fff; -webkit-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);}
.main01_box_left a {display:block;width:100%;height:100%;}
.main01_box_right {width:600px;margin-left:17px;}
.main01_box_right ul{overflow:hidden;}
.main01_box_right li{display:block; width:185px; position:relative;float:left; margin: 0 20px 20px 0;cursor:pointer; -webkit-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);}
.main01_box_right li:nth-child(3){margin: 0 0 20px 0;}
.main01_box_right li:nth-child(4),
.main01_box_right li:nth-child(5){}
.main01_box_right li:nth-child(6){margin: 0;}

.main01_box_right li:hover p{ position: absolute; z-index: 9999; width: 185px; height: 240px;}
.main01_box_right li.pf01:hover p{background:url("/theme/case2/img/main/sb-01_on.jpg") no-repeat;}
.main01_box_right li.pf02:hover p{background:url("/theme/case2/img/main/sb-02_on.jpg") no-repeat;}
.main01_box_right li.pf03:hover p{background:url("/theme/case2/img/main/sb-03_on.jpg") no-repeat;}
.main01_box_right li.pf04:hover p{background:url("/theme/case2/img/main/sb-04_on.jpg") no-repeat;}
.main01_box_right li.pf05:hover p{background:url("/theme/case2/img/main/sb-05_on.jpg") no-repeat;}
.main01_box_right li.pf06:hover p{background:url("/theme/case2/img/main/sb-06_on.jpg") no-repeat;} */



/* .jump {
text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.jump span {
position: relative;
top: 0;
-webkit-transition: all .2s;
transition: all .2s;
}
.jump span.up {
top: -30px;
} */


.main_title_txt{margin:0 auto;}
.main_title_txt p{margin: 0 auto;clear: both;color: #828282;font-family: 'Noto Sans KR', sans-serif;font-weight: 100;font-size: 14px;line-height: 30px;letter-spacing: 5px;margin-bottom: 60px;text-align: center;padding: 10px 0;}
.main_title_txt p b{font-size: 36px;text-transform:uppercase;/* font-family: 'Iropke Batang', serif; */color: #333;font-weight: 400;}
.main_title_txt p span{color: #000; font-size: 18px; margin: 10px 0; display: block;}
.main_title_txt p i{ font-style: normal; color: #f99d1c;}




.media_wrap{overflow: hidden;}
.before_list{position: relative;width: 100%;/*min-width: 1400px;*/max-width:2000px;}
.before_wrap .main_title_txt p{margin-bottom:110px;}
.before_txt{width: 350px;text-align: center;padding: 10px 15px;letter-spacing: -0.8px;font-weight: 300;font-size: 20px; background: #333; color: #fff; margin: 0 auto; border-radius: 5px;}
.before_txt span{color: #00aeef;font-weight: 300;}

.before_wrap{position:relative; padding:100px 0; background: #f5f5f5;}



#main_info{position:relative; float:left; box-shadow: 0 2px 5px 0 rgba(43, 43, 49, 0.1), 0 4px 9px 0 rgba(43, 43, 49, 0.13);}
#main_info > div{padding: 25px;}
.main_info01{width:350px; height:390px;background: #fff; margin: 0 8px;}
.main_info02{width:370px; height:390px;background: #00AEEF; margin: 0 8px;}
.main_info03{width:532px; height:390px;background: #fff; margin: 0 8px;}

.main_info02 .infotit{color:#fff;padding-bottom:0;}
.main_info02 h3{ color: #fff; font-size: 50px; font-weight: 400; line-height: 70px;}

.support_info{padding: 20px 0 0;}
.support_info li {padding: 10px 0; letter-spacing: -1px;border-bottom: 1px solid #3BC1F3;col,orphans:;}
.support_info li p{font-size: 15px;display: inline-block;float: left;font-weight: 300;color: #fff;letter-spacing: 2px;}
.support_info li b{font-size: 15px;display: inline-block;float: right;padding-top: 4px;font-weight: 300;color: #fff;letter-spacing: 2px;}

.main_info03 p{padding: 10px 0;width: 308px;margin: 0 auto;background: url(/theme/case2/img/main/nabi.png) no-repeat center right;}
.main_info03 p a{ font-size: 20px; font-weight: 200;}
.main_info03 ul{width: 360px; height: 50px; margin: 0 auto;}
.main_info03 ul li{float: left; width: 150px; text-align: center; border: 2px solid #4CAF50; margin-right: 10px; padding: 7px 8px; border-radius: 5px; transition: 0.5s;}
.main_info03 ul li.ggmap{ border: 2px solid #4285f4;}
.main_info03 ul li a{color: #4CAF50;}
.main_info03 ul li.ggmap a{color: #4285f4;}
.main_info03 ul li.nbmap:hover{background:#4CAF50; transition: 0.5s;}
.main_info03 ul li.ggmap:hover{background:#4285f4; transition: 0.5s;}
.main_info03 ul li.nbmap:hover a, .main_info03 ul li.ggmap:hover a{color:#fff;}



.naver_rss{position: relative; padding: 100px 0;}
.naver_rss .naver_rss_thumbnail{ width: 1200px; margin: 0 auto;}


.root_daum_roughmap .wrap_controllers{display:none !important;}
.main06{min-width: 1400px;max-width: 2000px; margin: 0 auto;}
.main06_map{}
.main06_info{position: absolute;top: 30px; left: 50%; width: 400px; height: 400px; margin-left: 150px; padding: 40px; background-color: rgba(254, 254, 254, 0.9); z-index: 999; 
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); 
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); 
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
.infotit{position:relative; font-family: 'Noto Sans KR', sans-serif; color: #000; text-align:left;font-size: 23px; padding-bottom: 15px; font-weight: 300; }
#main_info{position:relative;width:430px; height:480px;  float:left; background-color:#fff;}
#main_info dl {}
#main_info dl dd ul li{float:left; width: 390px;}
.info{}
.info li {padding: 5px 0;letter-spacing: -1px;}
.info li p{font-size: 18px;display: inline-block;float: left; font-weight: 300;}
.info li b{font-size: 20px;display: inline-block;float: right;padding-top: 4px; font-weight: 300;letter-spacing: 3px;}
.info_call b{ color: #00aeef; font-size: 38px; font-weight: 300; letter-spacing: 2px; vertical-align: middle;}
.map_list{ overflow: hidden; margin: 0 auto; padding: 5px 0 0;}
.map_list li{float: left; width: 135px; height: 40px; line-height: 40px; border: 1px solid #ddd; padding-left: 55px;cursor: pointer;}
.map_list li:nth-child(1){background:url(/theme/case2/img/main/naver_icon.png) 8px center no-repeat;}
.map_list li:nth-child(2){background:url(/theme/case2/img/main/daum_icon.png) 8px center no-repeat; margin-left: 15px;}





.root_daum_roughmap .wrap_controllers{display:none;}

/****************************************
container 끝
*****************************************/



/****************************************
하단 시작
*****************************************/


.footer{background:#f3f3f3;text-align:center;min-width: 1400px;}
.footer .foot_sns{font-size:0; padding-top:35px;}
.footer .foot_sns a{display:inline-block; width:50px;height:50px;margin-right:25px; vertical-align:middle;}
.footer .foot_sns a:last-of-type{margin-right:0;}
.footer .foot_sns a img{width:100%;}
.foot_mem{font-size:0;background-color: #fff;text-align: center; border-top: 1px solid #ececec;}
.foot_mem a{display:inline-block;font-size: 16px;color: #333;font-weight: 300;background: #fff;padding: 15px 25px;transition: 0.5s;}
.foot_mem a:hover{background: #eee; transition: 0.5s;}
.foot_mem a:last-of-type{margin-right:0;}
.footer h2{margin:30px 0 20px;}
.footer h2 img{width:149px;}
.footer .address{font-size:15px; color:#666; line-height:26px; padding: 30px 0; font-weight: 300;}
.footer .address span{color: #c7c7c7;}

.partners{background:#fff; text-align:center;  clear:both; padding:30px 0; border-top:1px solid #ddd;}
.partners > ul {width:1280px; margin:0 auto; overflow:hidden;}
.partners > ul > li {float:left;}
.partners > ul > li > .slick {}
.partners > ul > li > .slick > .slickin {}



/****************************************
하단 끝
*****************************************/

.lt img{display: inline-block !important;}





/****************************************
멀티팝업 시작
*****************************************/

#multi_popup {width: 550px;height: 440px;background:#444444;color:#fff;position:absolute;top:200px;left:30px;z-index:999999;-webkit-box-shadow: 0px 0px 10px #333;-moz-box-shadow: 0px 0px 10px #333;box-shadow: 0px 0px 10px #333;}
#main_bn li a img{width:100%; display:block;}
.popup_container {position: relative;width: 550px;height: 400px;overflow: hidden;margin: 0 auto;float:left;}
.thumb_box {position: absolute;top: 0px;right: 0;width: 180px;height: auto;/* background:#eee; */padding:0;/* float: right; *//* text-align: right; */}
.thumb_box a {width: 149px;height: 80px;float: right;margin:0 -1px -1px 0;transition-duration: 0.3s;border:1px solid #848484;color:#999;text-align: center;}
.thumb_box a p{top:30%;}
.thumb_box a:hover#thumb_box_01,
.thumb_box a:visited#thumb_box_01{background-image: url('http://via.placeholder.com/170x80/333') !important;}
.thumb_box a:hover#thumb_box_02,
.thumb_box a:visited#thumb_box_02{background-image: url('http://via.placeholder.com/170x80/333') !important;}
.thumb_box a:hover#thumb_box_03,
.thumb_box a:visited#thumb_box_04{background-image: url('http://via.placeholder.com/170x80/333') !important;}
.thumb_box a:hover,
.thumb_box a:visited  {width: 170px;border:0;}

.thumb_box a.usl-current#thumb_box_01 {background-image: url('http://via.placeholder.com/170x80/333') !important;}
.thumb_box a.usl-current#thumb_box_02 {background-image: url('http://via.placeholder.com/170x80/333') !important;}
.thumb_box a.usl-current#thumb_box_03 {background-image: url('http://via.placeholder.com/170x80/333') !important;}
.thumb_box a.usl-current {width: 170px;border:0;}
.thumb_box a:hover p,
.thumb_box a:visited p{color:#000;}
.thumb_box a.usl-current p{color:#000;}

.close{position: static; border-bottom: 1px solid #636363;}
.close div{float:left; text-align:right; color:#fff;}
#check{font-size:14px;  position:absolute; bottom:9px; right:45px; }
#close{ position:absolute; bottom:9px; right:10px; }
#close a { color:#fff; }

/****************************************
멀티팝업 끝
*****************************************/

#quick{position:absolute;top:125px;right:0;z-index:999;width: 150px;background:#fcfcfc;margin: 0;text-align:center;-webkit-box-shadow: 0px 0px 4px #00000040; -moz-box-shadow: 0px 0px 4px #00000040; box-shadow: 0px 0px 4px #00000040;}
#quick > p{position: absolute; top: -35px; color: #21b8d5; font-weight: 500; font-size: 23px;}
#quick a{display:block;height:100%;padding: 13px 0;text-decoration:none;margin: 0 10px;border-bottom:1px solid #eee;}
#quick div a{padding-top:0}
#quick h2{font-size:12px;padding:47px 0 0;}
#quick h2>em{font-style:normal;letter-spacing:-1px;color:#3f73ff}
#quick > ul{
	background:#fcfcfc;
    box-sizing: border-box;
    border-top: 6px solid #2ab4d9;
    -moz-border-image: -moz-linear-gradient(top left, #2ab4d9 0%, #5ed1cc 100%);
    -webkit-border-image: -webkit-linear-gradient(top left, #2ab4d9 0%, #5ed1cc 100%);
    border-image: linear-gradient(to bottom right, #2ab4d9 0%, #5ed1cc 100%);
    border-image-slice: 1;
}
#quick ul li ul li{height: auto;font-weight:600;}
#quick ul li ul li:hover{ 
	background: rgb(47, 183, 215);
	background: -moz-linear-gradient(-45deg, #5ed1cc 0%, #2ab4d9 100%);
	background: -webkit-linear-gradient(-45deg, #5ed1cc 0%,#2ab4d9 100%);
	background: linear-gradient(135deg, #5ed1cc 0%, #2ab4d9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ed1cc', endColorstr='#2ab4d9',GradientType=1 );
}
#quick ul li ul li:hover a{border-bottom:1px solid #2cb5d9;}
#quick ul li ul li:hover a p{color: #fff;}
#quick ul li ul li a i{display: inline-block;width: 22px;height: 22px;vertical-align: middle;background-color: transparent;background-position: 50% 50%;background-repeat: no-repeat;background-size: 100% auto;}
#quick ul li ul li a p{font-size: 14px;width: 65px;display: inline-block;vertical-align: middle;line-height: 16px;font-weight: 500;}
#quick .arrow a{width:33px;margin:0 auto; line-height: 32px; height: 18px;}
[class^=quick_arrow]{display:block;width:26px;height:22px;margin:5px;background:url('/theme/case2/img/main/btn_top.png') no-repeat}
.quick_arrow_top{background-position:0 0;}
.quick_arrow_bottom{width:22px;height:23px;background-position:100%;background-size:100% auto}
.icon_quick{background-image:url('/theme/case2/img/main/quick_01_.png');}
.icon_quick2{background-image:url('/theme/case2/img/main/quick_02_.png');}
.icon_quick3{background-image:url('/theme/case2/img/main/quick_03_.png');}
.icon_quick4{background-image:url('/theme/case2/img/main/quick_04_.png');}
.icon_quick5{background-image:url('/theme/case2/img/main/quick_05_.png');}

#quick ul li ul li:hover .icon_quick{background-image:url('/theme/case2/img/main/quick_01_on_.png'); }
#quick ul li ul li:hover .icon_quick2{background-image:url('/theme/case2/img/main/quick_02_on_.png');}
#quick ul li ul li:hover .icon_quick3{background-image:url('/theme/case2/img/main/quick_03_on_.png');}
#quick ul li ul li:hover .icon_quick4{background-image:url('/theme/case2/img/main/quick_04_on_.png');}
#quick ul li ul li:hover .icon_quick5{background-image:url('/theme/case2/img/main/quick_05_on_.png');}
/* #quick{position:absolute;top:200px;right:30px; z-index:999; text-align:center;}
#quick a{display:block;padding:12px 0;text-decoration:none}
#quick div a{padding-top:0}
#quick ul{}
#quick ul li{width: 50px;height: 50px;margin:10px 0;border-radius: 25px;-webkit-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);-moz-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);}
#quick ul li:nth-child(1){background:#fff;}
#quick ul li:nth-child(2){background:#fff;}
#quick ul li:nth-child(3){background:#fff;}
#quick ul li:nth-child(4){background:#fff;}
#quick ul li:nth-child(5){background:#00aeef;background: rgb(47, 183, 215);background: -moz-linear-gradient(-45deg, #00aeef 0%, #805ed1 100%);background: -webkit-linear-gradient(-45deg,  #00aeef 0%,#805ed1 100%);background: linear-gradient(135deg, #00aeef 0%, #805ed1 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ab4d9', endColorstr='#805ed1',GradientType=1 );}
#quick ul li:nth-child(6){background:#00aeef;}

#quick ul li:hover a p{display: block;}
#quick ul li a i{display: block; width:25px;height:25px; margin: 0 auto; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat;background-size: 100% auto;}
#quick ul li a p{display:none;position: absolute; left: -95px; top: 50%; margin-top: -10px; width: 80px;font-size: 14px; background: #ddd;color: #333;line-height: 20px;font-weight: 400;}

.icon_quick{background:url('/theme/case2/img/main/quick_01.png?')}
.icon_quick2{background:url('/theme/case2/img/main/quick_02.png?')}
.icon_quick3{background:url('/theme/case2/img/main/quick_03.png')}
.icon_quick4{background:url('/theme/case2/img/main/quick_04.png?')}
.icon_quick5{background:url('/theme/case2/img/main/quick_05.png?')} */



.board-wrap{ width: 1200px; margin: 0 auto; padding: 100px 0;}

.main_tit_box{display:block; width:100%; height:52px; margin-top:40px; margin-bottom:21px;}
.main_tit_box img{display:block; margin:auto;}


.midea_box{width:100%; background:#f7f7f7; margin:auto; overflow:hidden;padding: 0 0 50px;}
.midea_con{width:1280px; margin:auto; overflow:hidden;}
.midea_01{padding-right:16px; }
.midea_01, .midea_02{float:left;width:632px;}



.mian_latest_box{margin:auto; background:#e7e7e7; min-height:514px; overflow:hidden;}
.main_tit_box{display:block; width:100%; height:52px; margin-top:40px; margin-bottom:21px;}
.main_tit_box img{display:block; margin:auto;}




@-webkit-keyframes Animation {
    0% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }

    5% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(3deg) skewY(0deg);
    }

    10% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }

    15% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(-3deg) skewY(0deg);
    }

    20% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }
}

.Animation {
    display: inline-block;
    -webkit-animation: Animation 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}