@charset "utf-8";



/*메뉴*/


body.scroll .intro_header{background:#fff; transition:0.2s; border-color:#e6e6e6}
.intro_header{position:fixed; width:100%; min-width:320px; max-height:2000px;  z-index:10; border-bottom:1px solid #e6e6e6; border-color:rgba(255,255,255,0.3); }
.intro_header .inner{
    max-width: 1800px;
}
.intro_header .pdinner{padding:0 5%;}

.intro_header h1{ margin:15px 0px 10px 5%; width:150px; height:38px; display:inline-block; background:url(../img/logo_w.png) no-repeat center center; background-size:100% !important; transition:0.3s; text-indent:-9999px}
body.scroll .intro_header h1{background:url(../img/logo.png) no-repeat center center; transition:0.3s}

.intro_header .gnb_right{display:flex; flex-direction:row-reverse; justify-content:space-between; position:relative; z-index:100;border-bottom:1px solid #e6e6e6; border-color:rgba(255,255,255,0.3); padding:7px 5%}
.intro_header .gnb_right .btn_lag{position:relative; background:rgba(13, 53, 121, 0.8); padding:5px 10px; border-radius:500px; color:#fff; font-weight:600; margin-left:10px; display: flex;align-items: center;}
.intro_header .gnb_right .btn_lag:before{content:''; display:inline-block; width:15px; height:15px; background:url(../img/ic_global.png) no-repeat center center; background-size:100% !important; margin-right:10px; vertical-align:middle}
.intro_header .gnb_right .btn_sns{display:flex; align-items:center}
.intro_header .gnb_right .btn_sns li{margin-right:10px;}
.intro_header .gnb_right .btn_sns li a{display:block; width:30px; height:30px; text-indent:-9999px;; background-size:100% !important}
.intro_header .gnb_right .btn_sns li a.btn_blog{background:url(../img/ic_blog.png) no-repeat center center}
.intro_header .gnb_right .btn_sns li a.btn_instar{background:url(../img/ic_insta.png) no-repeat center center}
.intro_header .gnb_right .btn_sns li a.btn_youtube{background:url(../img/ic_youtube.png) no-repeat center center}

body.lnb_on .intro_header .gnb_right .btn_sns li a.btn_blog{background:url(../img/ic_blog.png) no-repeat center center}
body.lnb_on .intro_header .gnb_right .btn_sns li a.btn_instar{background:url(../img/ic_insta.png) no-repeat center center}
body.lnb_on .intro_header .gnb_right .btn_sns li a.btn_youtube{background:url(../img/ic_youtube.png) no-repeat center center}

body.scroll .intro_header .gnb_right .btn_sns li a.btn_blog{background:url(../img/ic_blog_b.png) no-repeat center center}
body.scroll .intro_header .gnb_right .btn_sns li a.btn_instar{background:url(../img/ic_insta_b.png) no-repeat center center}
body.scroll .intro_header .gnb_right .btn_sns li a.btn_youtube{background:url(../img/ic_youtube_b.png) no-repeat center center}


@media all and (min-width:1200px) {
.intro_header .gnb_right{ position:absolute; padding:0; top:28px; border-bottom:0; }
.intro_header .gnb_right .btn_lag{padding:7px 15px;}
.intro_header h1{display:block; float:left; margin:17px 80px 0 20px; width:215px; height:55px}
.intro_header .intro_menu{width: calc(100% - 700px);float:left;display:flex;flex-wrap:wrap;color:#fff;padding-left: 100px;}
.intro_header .intro_menu li {text-align:center;width: 20%;}
.intro_header .intro_menu li a{line-height:90px; font-size:1.2em; font-weight:500; display:block; position:relative}
body.scroll .intro_header .intro_menu li a{color:#313131}
.intro_header .intro_menu li a:before{content:''; position:absolute; bottom:-1px; left:50%; width:0; height:3px; background:#2155ae; transition:all 0.2s cubic-bezier(0.7, 0, 0.3, 1)}
.intro_header .intro_menu li:hover a:before{width:60px; margin-left:-30px;}


.intro_header #d_lnb .intro_menu li span{display:none}
.intro_header .gnb_right{position:absolute;right: 0px;border-bottom:0px}

}

/* 모바일 메뉴*/
@media all and (max-width:1199px) {

.intro_header #d_lnb_btn{position:absolute; cursor:pointer; display:flex; width:40px; height:30px; right:5%; top:15px; flex-wrap:wrap; align-content: space-around; z-index:100;  transition:0.2s}
.intro_header #d_lnb_btn span{width:100%; height:3px; display:block; background:#fff;  transition:0.2s}
body.lnb_on .intro_header #d_lnb_btn{align-content:center;}
body.lnb_on .intro_header #d_lnb_btn span{transform:rotate(45deg); top:50%; position:absolute;  transition:0.2s}
body.lnb_on .intro_header #d_lnb_btn span:nth-child(2){opacity:0}
body.lnb_on .intro_header #d_lnb_btn span:last-child{transform:rotate(-45deg)}
body.scroll .intro_header #d_lnb_btn span{background:#2155AE}
body.scroll.lnb_on .intro_header #d_lnb_btn span{background:#fff}
.intro_header #d_lnb{position:fixed; right:-100%; top:0; bottom:0; background:#2155AE; padding:120px 7%; width:100%; z-index:10;}
.intro_header #d_lnb .intro_menu li {margin-bottom:10px}
.intro_header #d_lnb .intro_menu li a{font-weight:600; padding:10px 0px; display:block; font-size:1.4em; color:#fff;}
.intro_header #d_lnb .intro_menu li a i{display:inline-block; margin-left:10px}
.intro_header #d_lnb .intro_menu li a i:before{content:''; display:block; width:20px; height:20px; background:url(../img/ic_oNew.svg); background-size:100% !important;}
.intro_header #d_lnb .intro_menu li span{display:block; font-size:0.8em; margin-bottom:5px;font-weight:500; opacity:0.8}
body.scroll .intro_header .gnb_right{background:#2155AE}

body.scroll .intro_header .gnb_right .btn_sns li a.btn_blog{background:url(../img/ic_blog.png) no-repeat center center}
body.scroll .intro_header .gnb_right .btn_sns li a.btn_instar{background:url(../img/ic_insta.png) no-repeat center center}
body.scroll .intro_header .gnb_right .btn_sns li a.btn_youtube{background:url(../img/ic_youtube.png) no-repeat center center}

}



/* ==== Slick Slider Css Ruls === */
.slick-slider{position:relative;display:block;
-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}

.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}

.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left /* If RTL Make This Right */ ;height:100%;min-height:1px}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}

.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}



/* Arrows */
.slick-arrow{position: absolute;  top: 50%; z-index:5;  display: block;   width: 50px;   height: 50px; border:0;   cursor: pointer;  background:#ffffff; text-indent:-999999px;
/*-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);*/}

.slick-arrow:before{text-indent:0; content:''; display:block; position:absolute; font-family:'FontAwesome'; width:20px; height:20px; line-height:20px; left:0; right:0; bottom:0; top:0;  margin:auto; font-weight:600 }
.slick-arrow:before{content:'\f104'; font-size:22px;}
.slick-next{right:0;}
.slick-next:before{content:'\f105'; }

/* Circle Arrows */
.cir-arrow .slick-arrow{position: absolute;  top: 50%; z-index:100;  display: block;   width: 50px;   height: 50px; border:0;   cursor: pointer;  background:none; border:2px solid #ffffff; border-radius:500px; text-indent:-999999px;
/*	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);*/}

.cir-arrow .slick-arrow:before{text-indent:0; content:''; display:block; position:absolute; font-family:'FontAwesome'; width:20px; height:20px; line-height:20px; left:0; right:0; bottom:0; top:0;  margin:auto; font-weight:600 }
.cir-arrow .slick-arrow:before{content:'\f104'; font-size:22px; color:#ffffff}
.cir-arrow .slick-arrow.slick-next{right:0;}
.cir-arrow .slick-arrow.slick-next:before{content:'\f105'; }


/* rec Arrows */
.rec-arrow .slick-arrow{position: absolute;  top: 50%; z-index:100;  display: block;   width: 50px;   height: 50px; border:0;   cursor: pointer;  background:none; border:1px solid #ffffff; text-indent:-999999px;
/*	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);*/}

.rec-arrow .slick-arrow:before{text-indent:0; content:''; display:block; position:absolute; font-family:'FontAwesome'; width:20px; height:20px; line-height:20px; left:0; right:0; bottom:0; top:0;  margin:auto; font-weight:600 }
.rec-arrow .slick-arrow:before{content:'\f104'; font-size:22px; color:#ffffff}
.rec-arrow .slick-arrow.slick-next{right:0;}
.rec-arrow .slick-arrow.slick-next:before{content:'\f105'; }



/*line-Dots*/
.slick-dots{position: absolute;    bottom: -20px;    display: block;     padding: 0;    margin: 0;   text-align: center; z-index:5; left:0; right:0}
.slick-dots li{position: relative;  display: inline-block;  width: 20px;  height: 2px;  margin: 0 5px;  padding: 0;   cursor: pointer;}
.slick-dots li button{ font-size: 0;   line-height: 0;  display: block;  width:100%; height:100%; background:#969696; cursor: pointer;  color: transparent;  border: 0;  outline: none;  opacity:0.8}
.slick-dots li.slick-active button{background:#161616; opacity:1}

.slick-cir li{width:8px; height:8px; }
.slick-cir li.slick-active button{background:#e2193f; }
.slick-cir li button{background:#ffffff; opacity:1; border-radius:500px;}

/*pop_dot*/
.pop_dot .slick-dots{position: absolute;    bottom: 10%;  right:20px; display: inline-block; padding: 5px; line-height:100%;  width:auto; background:rgba(0,0,0,0.5); text-align: center; z-index:5}
.pop_dot .slick-dots li{position: relative;  display: inline-block;  width: 13px;  height: 13px;  margin: 0 5px;  padding: 0;   cursor: pointer; vertical-align:middle;}
.pop_dot .slick-dots li button{ font-size: 0;   line-height: 0;  display: block;  width: 100%;  height: 100%; border-radius:500px;  cursor: pointer;  color: transparent;  border: 0;  outline: none;  background:none; background:#ffffff; opacity:0.5}
.pop_dot .slick-dots li.slick-active button{background:#fcc754; opacity:1}



/*slick_circle_arrow*/

.slick_circle_arrow button{position:absolute; top:auto; bottom:10px; right:20px; background:none; border:1px solid #ffffff; border-radius:500px; border-color:rgba(255,255,255,0.5)}
.slick_circle_arrow button:before{color:#ffffff;}
.slick_circle_arrow button.slick-prev{margin-right:60px}


/*메인영상*/
#controlBar_videoPlayer .buttonBar{display:none}
.YTPOverlay{opacity:0.2; background:#161616}

/*컨텐츠*/
.wrap{position:relative;min-width:320px;/* max-width:2000px; */width:100%}
.pdinner{position:relative; padding:0 5%; max-width:1600px; margin:0 auto}
.inner{position:relative; max-width:1600px; margin:0 auto}
.mEnter{display:block;}

.section{padding:50px 0px; position:relative}
.section .section_top{text-align:center; margin-bottom:50px}
.section .section_top h3{font-size:1.4em; font-weight:500; margin-bottom:10px;}
.section .section_top h3 b{font-weight:600}
.section .section_top p{font-size:1.15em; margin-bottom:30px}



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

.mEnter{display:inline;}
.tEnter{display:block;}

.section{padding:80px 0px}
.section .section_top{text-align:left;}

.section .section_top h3{font-size:1.6em}
}

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

.mEnter{display:inline;}
.pEnter{display:block;}
.pdinner{padding:0 20px;}
html,body{font-size:16px}

.section{padding:120px 0px}
.section .section_top h3{font-size:2.6em}
.section .section_top p{font-size:1.3em}


}

.main_intro{position:relative;background:#808080;/* height:100vh; */min-height:760px;max-height:1080px;display: flex;align-items: center;flex-wrap:wrap;position:relative;overflow:hidden}
.main_intro:before{content:''; width:100%; height:100%; position:absolute; left:0; top:0; right:0; bottom:0; z-index:0; background:url(../img/intro_main01.jpg) no-repeat center center; background-size:cover !important; }
/*animation: zoomout 8s ease-in-out infinite alternate;    -webkit-animation: zoomout 8s ease-in-out infinite alternate;*/
.main_intro.intro2:before{content:''; width:100%; height:100%; position:absolute; left:0; top:0; right:0; bottom:0; z-index:0; background:url(../img/intro_main02.jpg) no-repeat center center; background-size:cover !important; }
.main_intro.intro3:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;background:url(../img/intro_main03.jpg) no-repeat center center;background-size:cover !important;}
.main_intro.intro4:before{content:''; width:100%; height:100%; position:absolute; left:0; top:0; right:0; bottom:0; z-index:0; background:url(../img/intro_main02.jpg) no-repeat center center; background-size:cover !important; }
.main_intro .intro_title{width:100%; margin-bottom:40px; text-align:center; padding-top:120px; color:#fff;  position:relative; }
.main_intro .intro_title h2{margin-bottom:10px; line-height:100%;  letter-spacing:-1px; font-size:2.8em; text-shadow:0px 3px 6px rgba(0, 0, 0, 0.4); font-family:'Noto Sans KR'; /*text-transform:uppercase; */font-weight:700;}
.main_intro .intro_title p {font-weight:800; font-size:2em; letter-spacing:-2px;  text-shadow:0px 3px 6px rgba(0, 0, 0, 0.6);}
.main_intro.intro2 .intro_title h2 {}
/*.main_intro.intro2 .intro_title h2 b{background: linear-gradient(60deg, #337EFF, #46F9F3); /*color: transparent;-webkit-background-clip: text;*padding:0 1%; text-shadow:none}*/
.main_intro .intro_title p{padding:0 20px; font-weight:700; }
.main_intro .intro_title p img {width:100%; max-width:600px; display:block; margin:0 auto}
.main_intro .main_link{position:relative; width:100%; display:flex; flex-wrap:wrap; gap:4%; padding:0px 5% 50px; color:#fff;}
.main_intro .main_link dl{width:48%; margin-bottom:20px;  position:relative}
.main_intro .main_link dl  > a{display:block; padding:30px 0px 60px 15px;  position:relative;}
.main_intro .main_link dl  > a:before{content:''; width:100%; height:100%; left:0; right:0; bottom:0; position:absolute; background-size:cover !important; opacity:0.7}

.main_intro .main_link dl dt{font-size:1.2em; margin-bottom:10px; font-weight:600; }
.main_intro .main_link dl dd{ font-weight:500; transition:0.2s; opacity:0.8}
.main_intro .main_link dl.mlink01 > a{background:#2155AE}
.main_intro .main_link dl > a{background:rgba(0,0,0,0.4)}
/*
.main_intro .main_link dl.mlink01 > a:before{background:url(../img/mlink01.png) no-repeat center center}
.main_intro .main_link dl.mlink02 > a{background:#1CCCC6}

.main_intro .main_link dl.mlink02 > a:before{background:url(../img/mlink02.png) no-repeat center center}
.main_intro .main_link dl.mlink03 > a{background:#55B956}
/*
.main_intro .main_link dl.mlink03 > a:before{background:url(../img/mlink03.png) no-repeat center center}
.main_intro .main_link dl.mlink04 > a{background:#0D3579}
/*
.main_intro .main_link dl.mlink04 > a:before{background:url(../img/mlink04.png) no-repeat center center}*/

.main_intro .main_link dl i.ic_go{display:block;  position:absolute; right:20px; bottom:20px; z-index:1; text-indent:-99999px}
.main_intro .main_link dl i.ic_go:before{content:''; background:url(../img/ic_oArrow.svg) no-repeat center center; background-size:100% !important; display:block; height:30px; min-height:30px; width:30px; text-align:center; font-size:20px}

@media all and (min-width:768px) {
.main_intro .main_link{gap:2%}
.main_intro .main_link dl{width: 18.4%;}
.main_intro .main_link dl  > a{padding:40px 0px 60px 25px}
.main_intro .intro_title h2{font-size:3.6em; margin-bottom:20px}
.main_intro .intro_title p{font-size:3em; padding:0;}
}

@media all and (min-width:1600px) {
.main_intro{min-height:920px}
.main_intro .main_link{gap: 1%;padding:0 20px;max-width: 1800px;margin: 0 auto;align-items:flex-end;min-height:300px}
.main_intro .main_link dl{width: 19.2%;}
.main_intro .intro_title{padding:120px 20px 40px 20px;max-width: 1800px;margin:0 auto;}
.main_intro.intro2 .intro_title{padding-top:295px }
.main_intro.intro3 .intro_title{padding-top:130px }
.main_intro .intro_title p img{max-width:720px; }

.main_intro .main_link dl > a{padding:40px 0px 80px 40px; transition:0.4s; overflow:hidden}
.main_intro .main_link dl dd{opacity:0.8}

/*
.main_intro.intro2 p{padding:0; margin:0}
.main_intro.intro2 p img{padding:0; margin:0}
.main_intro.intro2 h2{text-align:left}*/

.main_intro.intro3 p{padding:0; margin:0}
.main_intro.intro3 p img{padding:0; margin:0}
.main_intro.intro3 h2,
.main_intro.intro3 p{text-align:left}


/*
.main_intro .main_link dl:hover > a{transform:translateY(-30px); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3); transition: .2s;}
.main_intro .main_link dl a:before{ transition: .2s; }*/
.main_intro .main_link dl:hover > a:before{transform:scale(1.1); transition: .4s; opacity:1}
.main_intro .main_link dl:hover dd{opacity:1; transition:0.2s}
.main_intro .main_link dl dt{font-size:1.4em;  transition:0.2s}
.main_intro .main_link dl dd{font-size:1.2em;}
.main_intro .main_link dl.mlink01 a{padding:40px 0px 120px 40px;}
.main_intro .main_link dl.mlink01 dt{font-size:1.8em; transition:0.2s}
.main_intro .main_link dl i.ic_go{right:40px; bottom:40px;  transition:0.2s}
.main_intro .main_link dl i.ic_go:before{opacity:0.5; }
.main_intro .main_link dl.mlink01 i.ic_go:before{opacity:1}
.main_intro .main_link dl:hover i.ic_go:before{opacity:1;  transition:0.2s}
.main_intro .main_link dl:hover a{background:#1CCCC6}
.main_intro .main_link dl:hover a{padding:40px 0px 120px 40px}
.main_intro .main_link dl.mlink01:hover a{padding:40px 0px 160px 40px}
.main_intro .main_link dl:hover dt{font-size:1.8em;  transition:0.2s}
/*
.main_intro .main_link dl dd:after, .main_intro .main_link dl dd:before,
.main_intro .main_link dl dt:after, .main_intro .main_link dl dt:before{
  width: 4px;
  height: 0;
  position: absolute;
  display: block;
  content: "";
  background-color: #1abbb7;
  transition:all 0.2s cubic-bezier(.25,.25,.53,.94);
}

/*
.main_intro .main_link dl.mlink01 dd:after, .main_intro .main_link dl.mlink01 dd:before,
.main_intro .main_link dl.mlink01 dt:after, .main_intro .main_link dl.mlink01 dt:before{background-color:#1CCCC6;}
.main_intro .main_link dl.mlink02 dd:after, .main_intro .main_link dl.mlink02 dd:before,
.main_intro .main_link dl.mlink02 dt:after, .main_intro .main_link dl.mlink02 dt:before{background-color:#2155AE;}
.main_intro .main_link dl.mlink03 dd:after, .main_intro .main_link dl.mlink03 dd:before,
.main_intro .main_link dl.mlink03 dt:after, .main_intro .main_link dl.mlink03 dt:before{background-color:#0D3579;}
.main_intro .main_link dl.mlink04 dd:after, .main_intro .main_link dl.mlink04 dd:before,
.main_intro .main_link dl.mlink04 dt:after, .main_intro .main_link dl.mlink04 dt:before{background-color:#55B956;}


.main_intro .main_link dl dd:after{width:0px; height:4px;}
.main_intro .main_link dl dt:after{width:0px; height:4px;}

.main_intro .main_link dl dd:before{width:4px; height:0px;}
.main_intro .main_link dl dt:before{width:4px; height:0px;}

.main_intro .main_link dl dd:after{left:0; top:0}
.main_intro .main_link dl dd:before{left:0; bottom:0}

.main_intro .main_link dl dt:after{right:0; bottom:0}
.main_intro .main_link dl dt:before{right:0; top:0; }
.main_intro .main_link dl a:hover dd:after{width:100%}
.main_intro .main_link dl a:hover dd:before{height:100%;}



.main_intro .main_link dl a:hover dt:after{width:100%}
.main_intro .main_link dl a:hover dt:before{height:100%;}
*/
}



#pr_intro .btn_list{display:flex; justify-content:space-between; max-width:360px; margin:0 auto;}
#pr_intro .btn_list li {width:48%}
#pr_intro .btn_list li a{display:block; padding:10px 0; width:100%; border:1px solid #2155AE; background:#2155AE; color:#fff; border-radius:0 10px; text-align:center}
#pr_intro .btn_list li:first-child a{border:1px solid #2155AE; color:#2155AE; background:none}

.pr_list .slick-arrow{top:auto; bottom:-40px;}
.pr_box{position:relative; padding:0 5%}
.pr_box .photo{position:relative; padding-bottom:56.25%; overflow:hidden}
.pr_box .photo img{width:100%; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; z-index:1;}
.pr_box .photo span{display:inline-block; position:absolute; left:10px; top:10px; padding:2px 10px; background:#2155AE; color:#fff; font-size:0.9em; z-index:2}
.pr_box .photo span.sn{ background:#1CCCC6; }
.pr_box dl{padding:20px 0px}
.pr_box dl dt{font-weight:500; font-size:1.1em;  display:-webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.4;
height: 2.8em;
overflow:hidden;
text-overflow:ellipsis;
white-space:normal;
word-break:break-all;}

@media all and (min-width:1024px) {
#pr_intro .section_top{display:flex; justify-content:space-between; align-items:end}
#pr_intro .title{width:60%}
#pr_intro.section .section_top p{margin-bottom:0px}
#pr_intro .btn_list{margin:0; width:30%}
.pr_list .slick-arrow{top:auto; bottom:50%; left:-50px}
.pr_list .slick-arrow.slick-next{left:auto; right:-50px}
}


@media all and (min-width:1200px) {
#pr_intro .section_top{padding:0 65px}
.pr_box dl dt{font-size:1.2em}
.pr_list{padding:0 50px}
.pr_list .slick-arrow{top:auto; bottom:50%; left:0px}
.pr_list .slick-arrow.slick-next{left:auto; right:0px}
.pr_list .slick-arrow:before {font-size:2em; color:#969696}
}


@media all and (min-width:1600px) {
.pr_list .slick-arrow{ left:-20px}
.pr_list .slick-arrow.slick-next{left:auto; right:-20px}
.pr_list .slick-arrow:before {font-size:4em}
}

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

.pr_list .slick-arrow{ left:-50px}
.pr_list .slick-arrow.slick-next{left:auto; right:-50px}
.pr_list .slick-arrow:before {font-size:6em}
}

		.footer{position:relative; background:#505155}
		.footer .intro_foot{position:relative; background:#0d3579; color:#fff; padding:15px 0px;}
		.footer .intro_foot .pdinner{display:flex; flex-wrap:wrap; justify-content:space-between}
		.footer .intro_foot .box{width:48%; }
		.footer .intro_foot .box.pr_relative{width:100%;}

		.footer .intro_foot .box h3{margin-bottom:5px; font-weight:600}
		.footer .intro_foot .pr_movie ul{display:flex;  align-items:center}
		.footer .intro_foot .pr_movie ul li{position:relative;  padding-right:20px; margin-right:20px;}
		.footer .intro_foot .pr_movie ul li:before{content:''; width:1px; height:10px; position:absolute; right:0; top:0; bottom:0; margin:auto; background:#fff; opacity:0.5}
		.footer .intro_foot .pr_movie ul li a{display:block; position:relative}
		.footer .intro_foot .pr_movie ul li:last-child:before{display:none}

		.footer .intro_foot .pr_brochre ul li a{display:block; position:relative; padding-right:30px; }
		.footer .intro_foot .pr_brochre ul li a:after{content:'\f105'; font-family:'FontAwesome'; position:absolute; right:0;}

		.footer .intro_foot .pr_relative{padding-top:10px;  margin-top:10px; border-top:1px solid #fff; border-color:rgba(255,255,255,0.3)}
		.footer .intro_foot .pr_relative .dropdown{position:relative}
		.footer .intro_foot .pr_relative .dropbtn{line-height:35px; height:35px; padding:0 20px; padding-right:35px; width:100%; border:0;   font-weight:500; color:#ffffff; border:1px solid #fff; border-color:rgba(255,255,255,0.3); text-align:center; text-transform:uppercase; position:relative; display:block}
		.footer .intro_foot .pr_relative .dropbtn:after{content:'\f107'; font-family:'FontAwesome'; position:absolute; right:5%; top:0; bottom:0; margin:auto;}
		.footer .intro_foot .pr_relative .dropmenu {display: none; width:100%; position: absolute;  z-index: 5;  margin-top:-1px;}
		.footer .intro_foot .pr_relative .dropmenu.show {display:block;}

		.footer .intro_foot .pr_relative .dropmenu ul{background:#0d3579; text-align:center; border: 1px solid #fff;border-width: 0 1px 1px 1px;border-color: rgba(255,255,255,0.3);}
		.footer .intro_foot .pr_relative .dropmenu ul li a{position:relative;  line-height:35px; color:#ffffff; font-size:0.9em; display:block;  text-transform:uppercase; z-index:1; font-size:0.8em}
		.footer .intro_foot .pr_relative .dropmenu ul li a:before{content:''; display:block; position:absolute; z-index:-1;  top:0; bottom:0;  left:0;  width:100%;  height:100%; background:#303445;  transform: scaleX(0);  transform-origin: left; transition: .1s ease-in;}
		.footer .intro_foot .pr_relative .dropmenu ul li:hover a:before{transform: scaleX(1); transition: .3s ease-out; }
		.footer .intro_foot .pr_relative .dropmenu ul li a span{position:relative; z-index:1;}


		.footer .footinfo{padding:25px 5%;   color:#c8c8c8; font-size:0.95em} 
		.footer .footinfo h4{font-weight:600; margin-bottom:10px; font-size:1.05em }
		.footer .footinfo address{margin-bottom:10px}

		.footer .copy{border-top:1px solid #fff; border-color:rgba(255,255,255,0.3); padding:15px 0px;   color:#c8c8c8; font-size:0.8em}
		
		@media all and (min-width:768px) {
		.footer .intro_foot .pdinner{justify-content:space-around; align-items:center}
		.footer .intro_foot .box,
		.footer .intro_foot .box.pr_relative{width:33.33%; display:flex; margin:0; padding:0; border:0; align-items:center; justify-content:center}
		.footer .intro_foot .box h3{margin:0; margin-right:20px}
		.footer .intro_foot .pr_relative .dropbtn{border:0px}
		.footer .footinfo{padding:35px 5%}
		.footer .footinfo ul{display:flex;}
		.footer .footinfo ul li{margin-right:20px}
		.footer .copy{padding:15px 0%}

		}

		@media all and (min-width:1200px) {
		.footer .footinfo{padding:60px 20px; font-size:1.1em}
		.footer .copy{padding:25px 0%}
		.footer .intro_foot {font-size:1.2em; padding:25px 0px}
		.footer .intro_foot .pdinner{max-width:1400px; }
		.footer .intro_foot .box h3{margin-right:50px;}
		.footer .intro_foot .pr_relative .dropbtn{line-height:40px; height:40px;}
		.footer .intro_foot .pr_relative .dropmenu ul li a{line-height:40px}
		.footer .intro_foot .pr_relative .dropmenu ul{border:1px; }


		}

/*동영상*/
.moviepop{background:#ffffff;}
.moviepop h1{background:#2155ae; color:#ffffff; font-size:1.2em; padding:15px; letter-spacing:-2px}

.moviepop .video-container{position:relative; padding-bottom:56.25%; height:0; overflow:hidden}
.moviepop .video-container iframe,
.moviepop .video-container object,
.moviepop .video-container embed{position:absolute; top:0; left:0; width:100%; height:100%;}

@media only screen and (min-width: 768px) {
.moviepop h1{font-size:1.4em;}
}

@media only screen and (min-width: 1200px) {
.moviepop h1{padding:20px;}

}

/* animation */
@-webkit-keyframes zoomout {/* Chrome, Safari, Opera */
		0% {transform:scale(1.1); opacity:1;}
    100% {transform:scale(1); opacity:1;}
}
@keyframes zoomout {/* Standard syntax */
		0% {transform:scale(1.1); opacity:1;}
    100% {transform:scale(1); opacity:1;}
}