/****************************************
상단시작
*************************************/
/*@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:#f5ab0b;
    color: #FFF;
    text-shadow: none;
}
::-moz-selection {
    background:#f5ab0b;
    color: #FFF;
    text-shadow: none;
}
::-webkit-selection {
    background:#f5ab0b;
    color: #FFF;
    text-shadow: none;
}

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

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

/*-------------------------------
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);}
h1{text-align:center; }
h1 img{padding-top:15px;}
#mainutil{position:relative; width:1280px; margin:0 auto; }
.mainutil{position:absolute;top:-40px;right:0px;}
.flag{position:absolute;top:-40px;left:0px;}
.flag li a{ overflow:hidden;display:block;  padding:0px 12px 0 0; color:#4e4e4e;}
.flag img{ width: 40px;}
#mainutil li{ float:left;}
.mainutil li:nth-child(1){background: url('/theme/case2/img/main/icon_lock.png?') no-repeat top center; margin-right: 15px;}
.mainutil li:nth-child(2){background: url('/theme/case2/img/main/icon_login.png') no-repeat top center;}
.mainutil li a{ width: 100%; height: 100%; display: block; padding-top: 25px; text-align: center; font-weight: 300; font-size:13px;}



 /* 메뉴 시작 */
#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:210px; text-align:center;}
.gnb2{width:205px; text-align:center;}
.gnb3{width:205px; text-align:center;}
.gnb4{width:205px; text-align:center;}
.gnb5{width:205px; text-align:center;}
.gnb6{width:205px; text-align:center;}
.gnb7{width:200px; text-align:center;}
.gnb8{width:200px; 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/mark.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 #0075c1; 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:50px;  border-bottom: 1px solid #e3e5e4; float: left; width: 50%; border-right:1px solid #e3e5e4; box-sizing: border-box;}
.gnb03drop>li>a{ display: block; height:50px; color:#484848; padding-left:10px; line-height:340%; }
.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:80px; top:40px; z-index:999999;}
.allMenu {background: #fff none repeat scroll 0 0;  height:1000px;  left: 0; position: absolute; top: 0; width: 100%; z-index: 20; z-index:99999;}  /*filter:Alpha(opacity=90); opacity:0.9;  */
.allMenu .menuD { margin: 0 auto; position: relative; width: 1280px;}
.allMenu .menuD .list { margin: 70px 0;  overflow: hidden;}
.allMenu .menuD .list:first-child {  margin: 160px 0 0;}
.allMenu .menuD .list .oneD {color: #333;font-weight: 300;float: left;font-family: 'Noto Sans KR', sans-serif;font-size: 24px;width:330px;letter-spacing: -1px;}
.allMenu .menuD .list .menuD {  border-bottom: 1px solid #cdcdcd;  float: left;  letter-spacing: -0.3px;  overflow: hidden;  padding-bottom: 10px; width:900px;}
.allMenu .menuD .list .menuD.end {border: 0 none;}
.allMenu .menuD .list .menuD .menu { float: left; padding-right:40px; }
.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: 16px; 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:-300px;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(0, 0, 0, .7) no-repeat; z-index:10;}
.container .rolling_story .slick-prev:before{content:"";}
.container .rolling_story .slick-next{position:absolute;right:50%;margin-right:-300px;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(0, 0, 0, .7) no-repeat;z-index:10;}
.container .rolling_story .slick-next:before{content:"";}


/*-------------------------------
배너확대 시작
--------------------------------*/

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

/*-------------------------------
배너확대 끝
--------------------------------*/

.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: 22px; margin: 10px 0; display: block;}
.main_title_txt p i{ font-style: normal; color: #f99d1c;}
/*-------------------------------
인스타그램 시작
--------------------------------*/
.instargram{	
	width:100%;
	position: relative;
    padding: 100px 0;
}
.instargram_wrap {
	display: none;
	overflow: hidden;
	width:100%;
	margin: 0 auto;
	font-size: 14px;
	color: #4D4D4D;
	font-weight: bold;
}
#instafeed {
	width: 1300px;
    margin: 0 auto;
}

#instafeed div {
	display: inline-block;
	width: 256px;
	height: 256px;
	vertical-align: middle;
	padding: 2px 2px;
	overflow: hidden;
}

#instafeed div a {
	display: block;
	width: 100%;
	height: 100%;
	/* border: 1px solid #efefef; */
}

#instafeed div a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.instargram_title{width:300px;margin:0 auto;}
.instargram_title p{width: 300px;text-transform:uppercase; border-top: 1px solid #a9a9a9; border-bottom: 1px solid #a9a9a9; margin: 0 auto; clear: both; color: #212121; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; line-height: 30px; margin-bottom: 60px; margin-top: 120px; text-align: center; padding: 10px 0;}
.instargram_title p b{font-size: 23px;}
/*-------------------------------
인스타그램 끝
--------------------------------*/



.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: 425px; text-align: center; padding-top: 15px; letter-spacing: -0.8px; font-weight: 300;font-size: 20px; background: url('/theme/case2/img/main/cursor.png?') left 12px no-repeat; margin: 0 auto;}
.before_txt span{color: #f99d1c;}

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


.infowrap{position:relative; background: #f2f2f2; padding:50px 0;  }
.info{width:1300px; margin:0 auto;}
.infotit{position:relative; font-family: 'Noto Sans KR', sans-serif; font-size:30px;letter-spacing: -1px; text-align:left; padding-bottom: 20px; font-weight: 200; }

#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_info01 > div { padding: 8px 0 0 0 !important;}
.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: 45px; font-weight: 400; line-height: 45px;}

.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;}


.root_daum_roughmap .wrap_controllers{display:none;}

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



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


.footer{padding:50px 0 40px; background:#333; text-align:center;min-width: 1400px;}
.footer .foot_sns{font-size:0; margin-bottom:20px; padding-bottom:35px; border-bottom:1px solid #5c5c5c;}
.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;}
.foot_mem a{display:inline-block;margin-right: 19px;font-size:14px;color: #fff;font-weight: 100;background: #444;padding: 5px 18px;border-radius: 3px; transition: 0.5s;}
.foot_mem a:hover{background: #222; transition: 0.5s;}
.foot_mem a:last-of-type{margin-right:0;}
.footer h2{margin:30px 0 20px;}
.footer h2 img{width:190px;}
.footer .address{font-size:15px; color:#777; line-height:26px;}
.footer .address span{color: #c7c7c7;}
.footer .top_btn{position:absolute; background: #00aeef;width: 50px; height: 50px; bottom:375px; right:180px; cursor:pointer; z-index:90;}
.footer .top_btn img{padding: 17px 21px;}

.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:30px; z-index:999; box-shadow: 0 0 10px rgba(0,0,0,.1);width:98px;background:#fff;margin: -60px 0 0 0; text-align:center; border: 1px solid #ddd;}
#quick a{display:block;height:100%;padding-top:20px;text-decoration:none}
#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:#fff}
#quick ul li ul li{border-bottom:1px solid #ddd;height:100px;font-weight:600; margin:0 10px;}
#quick ul li ul li:last-child{border-bottom:0;}
#quick ul li ul li:hover{}
#quick ul li ul li:hover a p{color: #f99d1c;}
#quick ul li ul li a i{display: inline-block; width:30px;height:30px; 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;color: #333;line-height: 20px;font-weight: 400;}

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

#quick ul li ul li:hover .icon_quick{background:url('/theme/case2/img/main/quick_01_on.png')}
#quick ul li ul li:hover .icon_quick2{background:url('/theme/case2/img/main/quick_02_on.png')}
#quick ul li ul li:hover .icon_quick3{background:url('/theme/case2/img/main/quick_06_on.png')}
#quick ul li ul li:hover .icon_quick4{background:url('/theme/case2/img/main/quick_04_on.png')}
#quick ul li ul li:hover .icon_quick5{background:url('/theme/case2/img/main/quick_05_on.png')}

/****************************************
퀵메뉴 시작
***************************************

#quickwrap{width:136px; height:330px; position:absolute; right:0px; top:0; margin:-60px 0 0 0; z-index:100; overflow:hidden;}
#quickwrap .quick_menu{width:100%; position:relative;}
#quickwrap .quick_menu li{width:136px; height:60px; position:relative; padding-bottom: 7px;}
#quickwrap .quick_menu li a{width:100%; height:100%; display:block;}
#quickwrap .quick_menu li a span{width:100%; height:100%; display:block;position:absolute; top:0; left:0;}
#quickwrap .quick_menu li a span.off{z-index:101;}

#quickwrap .quick_menu li.quick1 a span.off{background:url(/theme/case2/img/main/quick01.png) no-repeat;}
#quickwrap .quick_menu li.quick2 a span.off{background:url(/theme/case2/img/main/quick02.png) no-repeat;}
#quickwrap .quick_menu li.quick3 a span.off{background:url(/theme/case2/img/main/quick03.png) no-repeat;}
#quickwrap .quick_menu li.quick4 a span.off{background:url(/theme/case2/img/main/quick04.png) no-repeat;}
#quickwrap .quick_menu li.quick5 a span.off{background:url(/theme/case2/img/main/quick05.png) no-repeat;}

#quickwrap .quick_menu li.quick1:hover a span.off, #quickwrap .quick_menu li.quick2:hover a span.off, #quickwrap .quick_menu li.quick3:hover a span.off, #quickwrap .quick_menu li.quick4:hover a span.off, #quickwrap .quick_menu li.quick5:hover a span.off, #quickwrap .quick_menu li.quick6:hover a span.off{transition-duration: 0.3s; margin-left: 7px;}


**************************************
퀵메뉴 끝
*****************************************/

.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;
}