@charset "utf-8";

/* 메인비주얼 */
.group1_outer {float:left; width:100%; padding-top:0px; z-index:100; }
.group1_outer:after{display: block;content: '';clear: both;}

.group2_outer {clear:both; position:relative; width:1240px; margin:0 auto;  padding-top:40px;}
.group3_outer {width:100%;  padding-top:0px; overflow:hidden; background:#eee;}
.group4_outer {width:100%;  padding-top:0px; overflow:hidden; background:#eee;}

.group1{position:relative; width:100%; float:left; margin:0 auto; text-align:left;}
.group2{position:relative; width:100%; margin:0 auto; text-align:left; display : flex; justify-content: space-between; gap: 12px;}
.group3 {position:relative; width:100%; margin:0 auto; text-align:left; }
.group4 {position:relative; width:100%; margin:0 auto; text-align:left;}


/* 메인검색 */
.main_search_outer {position:absolute; width:100%; text-align:center;}
.main_search {display:block; height:45px; width:780px; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); margin:0 auto;}
.main_search h3 {display:none;}
.main_search select {width:180px; height:45px; padding-left:10px; background: #fff url('../gmi/cni/select_arr.gif') no-repeat 93% 15px; border-top: 2px solid #f47321; border-bottom: 2px solid #f47321; border-left: 2px solid #f47321; border-right:0; border-radius:0px; -webkit-appearance: none; -moz-appearance: none; selec::-ms-expand: none; appearance: none; float:left;}
.main_search select::-ms-expand{display: none;}
.main_search .search_c {float:left;}
.main_search input {width:320px; height:45px; padding-left:10px; border-radius:0px; background: #fff url('../gmi/cni/search_c.gif') no-repeat 95% 9px; border: 2px solid #f47321; float:left;}
.main_search button {width:100px; height:45px; padding-bottom:3px !important; color: #fff; font-weight:600; font-size:105%; text-align:center; background: url('../gmi/cni/search_c_btn.gif') no-repeat left top; }


/* 메인팝업존 */
.popup {position:absolute; top:0; float:left; width:100%; height:auto; margin:0px 0 0 0; padding:0px; position:relative; /*z-index:100;*/} 
.popup:after{display: block;content: '';clear: both;}

.popup .pop_list li{display:none;}
.popup .pop_list li:first-child{display:block;}

.popup .pop_list {width:100%; margin:0px;}
.popup .pop_list li {text-align:center;}
.popup .pop_list li a img{ width:100%; height:auto; }

.popup .pop_ctrl_outer{width:100px; margin:0 auto; position:relative;}
.popup .pop_ctrl{position:absolute; left:107px; bottom:15px; width:50px; height:26px; padding:0px; text-align:center;}
.popup .pop_ctrl button,
.popup .pop_ctrl_roll button{display:block; float:left; margin:0; padding:0; font-size:0; line-height:0; border:0;}

.popup .pop_ctrl_roll .pop_prev, 
.popup .pop_ctrl_roll .pop_next { position:absolute; width:26px; height:26px;  bottom:15px;}
.popup .pop_ctrl_roll .pop_prev { left:15px; background:url('../gmi/niam/mvisual_prev.png') no-repeat left top;}
.popup .pop_ctrl_roll .pop_next { left:73px; background:url('../gmi/niam/mvisual_next.png') no-repeat right top;  }

.popup .pop_ctrl_roll .pop_stop,
.popup .pop_ctrl_roll .pop_play {position:absolute;  width:26px; height:26px; left: 44px; bottom:15px;}
.popup .pop_ctrl_roll .pop_stop {background:url('../gmi/niam/mvisual_stop.png') no-repeat;}
.popup .pop_ctrl_roll .pop_play {background:url('../gmi/niam/mvisual_play.png') no-repeat;}
.popup #popcount { position:absolute; color:#fff; font-size:110%; vertical-align:middle;  letter-spacing:-2px; font-weight:600; }


/* 메인팝업존(모바일) */
.popup_m {position:absolute; top:0; float:left; width:100%; height:auto; margin:0px 0 0 0; padding:0px; position:relative; /*z-index:100;*/} 
.popup_m:after{display: block;content: '';clear: both;}

.popup_m .pop_list li{display:none;}
.popup_m .pop_list li:first-child{display:block;}

.popup_m .pop_list {width:100%; margin:0px;}
.popup_m .pop_list li {text-align:center;}
.popup_m .pop_list li a img{ width:100%; height:auto; }

.popup_m .pop_ctrl_outer{width:100px; margin:0 auto; position:relative;}
.popup_m .pop_ctrl{position:absolute; left:107px; bottom:15px; width:50px; height:26px; padding:0px; text-align:center;}
.popup_m .pop_ctrl button,
.popup_m .pop_ctrl_roll button{display:block; float:left; margin:0; padding:0; font-size:0; line-height:0; border:0;}

.popup_m .pop_ctrl_roll .pop_prev, 
.popup_m .pop_ctrl_roll .pop_next { position:absolute; width:26px; height:26px;  bottom:15px;}
.popup_m .pop_ctrl_roll .pop_prev { left:15px; background:url('../gmi/niam/mvisual_prev.png') no-repeat left top;}
.popup_m .pop_ctrl_roll .pop_next { left:73px; background:url('../gmi/niam/mvisual_next.png') no-repeat right top;  }

.popup_m .pop_ctrl_roll .pop_stop,
.popup_m .pop_ctrl_roll .pop_play {position:absolute;  width:26px; height:26px; left: 44px; bottom:15px;}
.popup_m .pop_ctrl_roll .pop_stop {background:url('../gmi/niam/mvisual_stop.png') no-repeat;}
.popup_m .pop_ctrl_roll .pop_play {background:url('../gmi/niam/mvisual_play.png') no-repeat;}
.popup_m #popcount1 { position:absolute; color:#fff; font-size:110%; vertical-align:middle;  letter-spacing:-2px; font-weight:600; }

/*이용안내*/
.guide { position:relative; width:100%; max-width : 380px; height:255px;  padding:0px; background:url(../gmi/niam/guide_bg.jpg) no-repeat 0 0;}
.guide h3 {width:94%; border-bottom: 2px solid #fff; margin :0 auto 12px; color: #000; font-size: 20px; color:#fff; font-weight:600; padding:10px 0 9px 6px;}
.guide dl.clock{background:url('../gmi/niam/guide_clock.png') no-repeat 22px 25px; padding:20px 0 20px 85px;}
.guide dl dt{color:#fff; font-size:28px; padding-top:6px;}
.guide dl dd{color:#fff; font-size:14px; padding-top:5px;}
.guide li{color:#fff; font-size:14px;  line-height:24px; letter-spacing:0;}
.guide li a{color:#fff;}
.guide li.cal{background:url('../gmi/niam/guide_cal.png') no-repeat 22px 6px; padding-left:45px;}
.guide li.tel{background:url('../gmi/niam/guide_tel.png') no-repeat 21px 6px; padding-left:45px;}
.guide li.more{position:absolute; bottom:0; left:0; display:block; background:url('../gmi/niam/guide_morebg.png') no-repeat 95% 5px; padding-left:15px; font-size:15px; line-height:40px; width:100%; height:37px;}
.guide li.more span{position:absolute; top:16px; right:10px;}
.guide .more_t {position: absolute; right:18px; top:13px;  }

/* 공지사항 */
.notice {position:relative; width:100%; max-width : 546px; height:255px; margin:0; padding:25px; background:#fff; border:1px solid #ddd;}
.notice h3 {width:100%; margin-bottom:10px; padding-bottom:8px; color: #001100; font-size:24px; line-height:28px; font-weight:600;  border-bottom:1px solid #333;}
.notice ul {width:100%; margin: 0; padding:5px 0 0 0; list-style: none; }
.notice ul li {float:left; width:100%; padding: 0; text-align:left; letter-spacing:-1px; line-height:28px;}
.notice ul li a {float:left; width:80%; line-height:30px; overflow:hidden; padding: 0 0 0 10px;  background:url('../gmi/niam/notice_dot.gif') no-repeat left 50%; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:100%;}
.notice ul li a img {vertical-align:middle; margin:0 0 0 3px; padding:0 0 3px 0;line-height:28px;}
.notice ul li a:hover {text-decoration: underline;  }
.notice ul li span {float:right; width:20%; text-align: right; color: #767676;  margin:0; padding: 0; }
.notice .tabmore {position: absolute; right:25px; top:25px;  }

/*sns정보보기*/
.sns_tzone{width:100%; max-width:260px; height:255px; margin:0px 0px 20px 0px; padding:0px; overflow:hidden; position:relative;  }
.sns_tzone:after{ content:""; display:block; float:none; clear:both;}
.sns_tzone.bott_line{border-bottom:1px solid #e0e0e0;}

ul.sns_list{overflow : hidden;}
ul.sns_list li{width:50%;float:left; display:inline; text-align:center;}
ul.sns_list li a{display : inline-block;width : 100%; height: 85px;}
ul.sns_list li.sns01{background:#445d98;}
ul.sns_list li.sns02{background:#dd8da8;}
ul.sns_list li.sns03{background:#ffe600;}
ul.sns_list li.sns04{background:#88d2c5;}
ul.sns_list li a img{}
ul.sns_list p{color : #4e0000; font-size: 12px; font-weight: 500; padding-top: 4px;}

ul.sns_list li.sns03 a, ul.sns_list li.sns04 a{display: flex; align-items: center; justify-content: center;}

.portal{text-align: center; background: #bfe0f4; display : flex;}
.portal a{display : inline-block; width : 100%; padding-top: 14px; height: 85px;}
.portal a:hover{text-decoration: none;}
.portal a img{max-width : 49px;}
.portal a p{font-size: 12px; color : #00315c; font-weight: 500; line-height: 1.2; padding-top: 4px;}
.portal a:nth-child(2){background-color: #445d98;}
.portal a:nth-child(2) img{width: 15px; padding-top: 4px;}
.portal a:nth-child(2) p{color : #fff; padding-top: 7px; font-weight: 400;}

/* 배너 영상 */
.video_container {
    position: relative;
    margin: 20px auto 60px auto;
    width: 1240px;
    height: 480px;
    background: #fff;
    border: 1px solid #ddd;
}

.video_container iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    width: 640px;
    height: 360px;
    border-radius: 20px;
}

.video_container p {
    position: absolute;
    left: 50%;
    bottom: 5.5%;
    transform: translateX(-50%);
    font-size: 17px;
    font-weight: 400;
}

.video_container p span {
    color: #E60019;
    font-weight: bold;
}

/* 아이콘 */
#move1  {width:1240px; height:250px; padding:0px; overflow:hidden; margin:20px auto 60px auto; position:relative; border:1px solid #ddd; background:#fff;}
#move1 .icon_bar { position:relative; z-index:10; width:100%; margin:0 auto; height:250px; margin:0px 0;  }
#move1 .icon_bar .area {position:absolute; top:0px; left:0px; position:relative; overflow:hidden; width:100%; height:290px; margin:0 auto; }
#move1 .icon_bar ul { position:absolute; left:0; top:0; width:100%;}
#move1 .icon_bar ul li {position:relative; margin:10px 0 10px 0; width:33.33%;  float:left; font-size:14px; text-align:center; letter-spacing:-1px; border-right:1px solid #ddd;}
#move1 .icon_bar ul li.last{border-right:0;}
#move1 .icon_bar ul li a {display:block; padding:155px 0 0 0; height:230px; text-align:center; line-height:14px; font-weight:600; color:#333; font-size:13px;letter-spacing:-0.05em; word-break:keep-all; transition:transform 600ms ease-in-out 0s; }
#move1 .icon_bar ul li a span{font-size:13px; }
#move1 .icon_bar ul li a:hover { color:#2c79bd; text-decoration:none;}
#move1 .icon_bar ul li dl{margin:0 auto; width:70%;}
#move1 .icon_bar ul li dt{font-size:20px; padding-bottom:10px;}
#move1 .icon_bar ul li dd{font-size:13px; line-height:18px; font-weight:normal;}
#move1 .icon_bar ul li dd span.pc_cut{display:block;}

#move1 .icon_bar ul li a span.more_btn {display: inline-block; width:15px; height:15px; margin-top: 0px; position: absolute; right:20px; top:15px; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#move1 .icon_bar ul li a:hover span.more_btn,	  #move1 .icon_bar ul li.area01 a:focus span.more_btn {background:url("../gmi/niam/btn_icon_more.png") no-repeat scroll 60% 0; transform: rotate(360deg); font-weight:bold;}
#move1 .icon_bar ul li a span.img_area {position:absolute; top:0px; left:0; width:100%; text-align:center; padding-top:15px; height:250px; overflow:hidden; transition:0.35s ease-in-out; }
#move1 .icon_bar ul li a span.img_area img {  transition: 0.35s ease-in-out;  text-align:center;}
#move1 .icon_bar ul li a:hover span.img_area img { margin-top:-10px; }

/* 대관신청 */
.por_outer {width:1240px; margin:0 auto; height:auto; padding:0;}
.por_outer h3{font-size:34px; font-weight:500; text-align:center; margin:40px 0; background:url('../gmi/niam/tit_line.gif') repeat-x 0 50%; }
.por_outer h3 span{background:#eee; margin:0 auto; padding:0 15px;}
.por_list { display:block; position:relative; width:100%; padding:0; overflow:hidden;}
.por_list li {width:290px; float:left; margin-right:2.09677419355%;}
.por_list li.last {margin-right:0px; }
.por_list li dl,
.por_list li dt {display:block; position:relative; margin:0; padding:0;}
.por_list li dt { width:100%; height:330px; overflow:hidden;  /*box-shadow:inset 2px 2px 0px #e6e6e6, inset -2px -2px 0px #e6e6e6;*/}
.por_list li dt img {max-width:100%; width:100%; height:auto; overflow:hidden;}
.por_list li dd {background:#3b3835; height:60px; display:block; position:relative; width:100%; text-align:center; margin:0px auto 0; padding:0px; font-size:18px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.por_list li dd a:hover {text-decoration:none; color:#fff; opacity: 0.7; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.por_list li dd span {color: #959595;}
.por_list li dd a{color:#fff; line-height:60px; font-weight:600;}

/* portfolio_effect */
.pro_action .hover {z-index:20; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.7); width:100%; height:100%; color:#efefef; text-align:center; box-sizing:border-box; opacity:0; transition:opacity .3s ease-out; -webkit-transition:opacity .3s ease-out; -moz-transition:opacity .3s ease-out;}
.pro_action .hover .line1 {position:absolute; top:5%; left:3.5%; width:93%; height:90%; border-top:1px solid #c6c6c6;; border-bottom:1px solid #c6c6c6; opacity:0; transform:scale(0,1); -webkit-transform:scale(0,1); -moz-transform:scale(0,1); transition:transform .4s ease-out .2s,opacity .4s ease-out; -webkit-transition:-webkit-transform .4s ease-out .2s,opacity .4s ease-out; -moz-transition:-moz-transform .4s ease-out .2s,opacity .4s ease-out;}
.pro_action .hover .line2 {position:absolute; top:5%; left:3.5%; width:93%; height:90%; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; opacity:0; transform:scale(1,0); -webkit-transform:scale(1,0); -moz-transform:scale(1,0); transition:transform .4s ease-out .2s,opacity .4s ease-out; -webkit-transition:-webkit-transform .4s ease-out .2s,opacity .4s ease-out; -moz-transition:-moz-transform .4s ease-out .2s,opacity .4s ease-out;}
.pro_action .hover .sub_tit{ width:100% !important; height:100% !Important; color:#fff !important; font-size:100%; transform:translate3d(0,-10px,0); -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); opacity:0; transition:transform .5s ease-out .2s,opacity .5s ease-out .3s; -webkit-transition:-webkit-transform .5s ease-out .2s,opacity .5s ease-out .3s; -moz-transition:-moz-transform .5s ease-out .2s,opacity .5s ease-out .3s; padding-top: 27%;}
.pro_action .hover .sub_tit a { vertical-align:middle; text-align:center; padding-top:35px; text-decoration:none; padding-top:70px; font-size:18px;}
.pro_action a {display:block; width:100%; height:100%; z-index:1000; color: #fff; top:0; padding:0 30px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro_action:hover .hover{ opacity:1; }
.pro_action:hover .hover .sub_tit{opacity:1; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0);}
.pro_action:hover .line1{ transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); opacity:1; }
.pro_action:hover .line2{ transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); opacity:1; }

/* 포토갤러리 */  
.group5_outer{display : none;}
.group4_outer{padding-bottom:120px;}
.photogallery {margin:19px auto 20px auto; padding:0px; position:relative; overflow:hidden; /*float:auto;*/ width:1240px;}
.photogallery h3{font-size:34px; font-weight:500; text-align:center; margin:40px 0; background:url('../gmi/niam/tit_line.gif') repeat-x 0 50%; }
.photogallery h3 span{background:#eee; margin:0 auto; padding:0 15px;}

.photogallery dl {padding:0; margin:15px 26px 30px 0; width:290px; height:260px; position:relative; overflow:hidden; float:left; background-color:#fff; border-top:1px solid #d6d6d6; border-left:1px solid #d6d6d6;  border-right:1px solid #8e8e8e;  border-bottom:1px solid #8e8e8e;} 
.photogallery dl.last{margin-right:0px !important; margin-left:1px;}

.photogallery dt {margin:0px; padding:0px 10px; width:290px; height:200px;  text-align:center;}
.photogallery dt {margin:135px 0 0 0; padding:0px; width:290px;}
.photogallery dt.img {margin:0px; padding:0px; width:290px; height:200px; border-bottom:1px solid #d6d6d6; overflow:hidden;}
.photogallery dt.img img { width:290px; height:200px;}  
.photogallery dd {text-align:center;  }
.photogallery dd a { width:290px; color:#111; font-weight:400;  font-size:15px;  line-height:60px; overflow:hidden; word-break:keep-all;   }

/* 위로이동 */
.top {display:none;}
.popup_m{display:none;}

/* 프로그램 - 슬라이드*/
.welfare_mobile{display:none;}
.welfare{display:block;}

.welfare_wrap{clear:both; width:1240px; margin:40px auto 0px auto; padding:0;}
.welfare_wrap h3{font-size:34px; font-weight:500; text-align:center; margin:40px 0; background:url('../gmi/niam/tit_line.gif') repeat-x 0 50%; }
.welfare_wrap h3 span{background:#eee; margin:0 auto; padding:0 15px;}

.welfare {float: left;width:1240px; position:relative;height:400px; }
.welfare a{display:inline-block;}
.welfare .owl-carousel{position:relative;}
.welfare .owl-carousel .owl-stage-outer {overflow: inherit !important;}
.welfare .owl-nav{width:100%;}
.welfare .hide{display:none;}
.welfare .slick-arrow{cursor:pointer;z-index:10;}
.welfare .slick-arrow:before{content:"";}
.welfare .slick-prev{position: absolute; left:0px; top:200px; height:36px; width:20px;background: url("../gmi/niam/button_product_prev.png") no-repeat !important; margin: 0 !important;}
.welfare .slick-next{position: absolute; right:0px; top:160px; height:36px; width:20px; margin-right:10px; background: url("../gmi/niam/button_product_next.png") no-repeat !important; margin: 0 !important;}
.welfare .welfare-play.off {display:none; position: absolute; left: 442px; bottom: 0px; height:14px; width:8px; background: url("../gmi/niam/button_product_stop.png") no-repeat !important;}
.welfare .welfare-play.on {display:none; position: absolute; left: 442px; bottom: 0px; height:14px; width:8px; background: url("../gmi/niam/button_product_play.png") no-repeat !important;}
.welfare button span {color:transparent; font-size:0;}
.welfare ul:after{display: block;content: '';clear: both;}
.welfare ul.owl-carousel{}
.welfare ul li.item{width:20.8333%; margin:0; padding:0;height:360px; background:#fff; text-align:center; position:relative;}
.welfare ul li.item{margin:0 18px; padding-top:0px; text-align:center;}
.welfare ul li.item a.img_box{height:264px; overflow:hidden;}
.welfare ul li.item a img{width:100%; margin:0 auto; min-width:100%;  }

.welfare ul li.item dl{text-align:center; padding-top:10px;  }
.welfare ul li.item dl dt{font-size:16px; font-weight:600; line-height:30px; padding:0 18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.welfare ul li.item dl dd.s_btn a{margin-top:5px; width:100%; font-size:14px; letter-spacing:-0.05em; font-weight:300;  line-height:24px;background:#fff; color:#333; }
.welfare ul li.item dl dd.s_btn a strong{font-weight:600;}
.welfare ul li span.btn_item{ z-index:100; position:absolute; top:0; left:0; display:inline-block; padding:10px; background:#555; color:#fff; text-align:center; width:80px; }
.welfare ul li span.btn_item em{color:#fff; font-size:14px; }

/* 2023.11.29. 이용안내 */
.use_info{}
.use_info > li{padding : 0 18px;}
.use_info > li:first-child{margin-bottom: 12px;}
.use_info > li > .tit{font-weight: 500; font-size: 15px; position: relative; margin-bottom: 4px; padding-left: 11px;}
.use_info > li > .tit::before{content :''; display : block; position: absolute; width: 5px; height: 5px; border-radius: 100%; top: 9px; left: 0;}
.use_info > li:nth-child(1) .tit{color : #64B1C0;}
.use_info > li:nth-child(1) .tit::before{background: #64B1C0;}
.use_info > li:nth-child(2) .tit{color : #A9CC85;}
.use_info > li:nth-child(2) .tit::before{background : #A9CC85;}
.use_info > li .use_detail{padding-left: 9px;}
.use_info > li .use_detail > li{margin-bottom: 0px; overflow: hidden;}
.use_info > li .use_detail > li span{float : left; line-height: 1.6; font-weight: 200;}
.use_info > li .use_detail > li img{vertical-align: 0px; width : 16px; margin-right: 3px;}
.use_info > li .use_detail .bar{display : inline-block; margin : 0 7px;}
.use_info > li .use_detail .use_time{letter-spacing: 1.6px;}

/*****************1320이하******************************************/
@media all and (min-width:1041px) and (max-width:1239px) {

.group1_outer {width:100%; height:auto;  }
.group2_outer {width:100%; height:auto; padding-top:30px;}
.group3_outer {width:100%; height:auto; }
.group4_outer {width:100%; height:auto; }
.group1{width:100%; padding:0 0px;}
.group2,
.group3,
.group4,
.group5 {width:100%; padding:0 10px;}

/* 메인팝업존 */
.popup {width:100%; height:auto;}
.popup .pop_list li a img {width:100% !important; height:auto; }

/* 이용안내, 공지사항, sns*/

.guide { }
.guide dl.clock{background:url('../gmi/niam/guide_clock.png') no-repeat 12px 20px; padding:15px 0 20px 75px;}
.guide li.cal{background:url('../gmi/niam/guide_cal.png') no-repeat 16px 7px; padding-left:37px;font-size:14px; letter-spacing:0;}
.guide li.tel{background:url('../gmi/niam/guide_tel.png') no-repeat 16px 4px; padding-left:37px;font-size:14px; letter-spacing:0;}

.guide li.more{ background:url('../gmi/niam/guide_morebg.png') repeat-x 95% 0px; padding-left:15px; font-size:15px; line-height:37px; width:100%; height:37px; }
.guide li.more span{position:absolute; top:12px; right:7px;}
.guide .more_t {position: absolute; top:15px;  }

/* .notice {float:left; position:relative; width:46%; height:255px; margin:0 2% 0 0;  padding:25px; background:#fff; border:1px solid #ddd;} */

/* .sns_tzone{float:right;  width:25%; height:255px; margin:0px 0px 20px 0px;  overflow:hidden; position:relative;  } */

/* 배너 영상 */
.video_container {
    width: 100%;
}

/* 아이콘 */
#move1  {width:100%; min-height:260px; padding:0px; overflow:hidden; margin:10px auto 10px auto; position:relative; border:1px solid #ddd; background:#fff;}
#move1 .icon_bar { position:relative; z-index:10; width:100%; margin:0 auto; min-height:250px; margin:0px 0;  }
#move1 .icon_bar .area {position:relative; position:relative; overflow:hidden; width:100%; min-height:250px; margin:0 auto; }
#move1 .icon_bar ul { position:relative; width:100%;}
#move1 .icon_bar ul li {position:relative; margin:10px 0 10px 0; width:33.33%;  float:left; font-size:14px; text-align:center; letter-spacing:-1px; border-right:1px solid #ddd;text-align:center;}
#move1 .icon_bar ul li.last{border-right:0;}

#move1 .icon_bar ul li a {display:block; padding:20px 0 0 0; height:230px; text-align:center; line-height:14px; font-weight:600; color:#333; font-size:13px;letter-spacing:-0.05em; word-break:keep-all; transition:transform 600ms ease-in-out 0s; }
#move1 .icon_bar ul li a span{font-size:13px; }
#move1 .icon_bar ul li a:hover { color:#2c79bd; text-decoration:none;}
#move1 .icon_bar ul li dl{margin:0 auto; width:80%; text-align:center; padding-top:20px;}
#move1 .icon_bar ul li dt{font-size:20px; padding-bottom:10px;}
#move1 .icon_bar ul li dd{font-size:13px; line-height:18px; font-weight:normal;}

#move1 .icon_bar ul li a span.img_area {position:relative; left:0; top:0;padding:15px 0 0 0 !important; height:250px; overflow:hidden; transition:margin 0.35s ease-in-out; }
#move1 .icon_bar ul li a span.img_area img {margin:0; padding:0;  transition:margin 0.35s ease-in-out; }
#move1 .icon_bar ul li a:hover span.img_area img { margin-top:-10px; }

/* 프로그램 - 슬라이드*/
.welfare_wrap{clear:both; width:100% !important; margin:40px auto 0px auto; padding:0;}
.welfare_wrap h3{font-size:34px; font-weight:500; text-align:center; margin:40px 0; background:url('../gmi/niam/tit_line.gif') repeat-x 0 50%; }
.welfare_wrap h3 span{background:#eee; margin:0 auto; padding:0 15px;}

.welfare {float: left;width:100%; position:relative;height:400px; }

/* 대관신청 */
.por_outer {width:100%; margin:0 auto; height:auto; padding:0; text-align:center;}
.por_outer h3{ margin:30px 0;  }

.por_list li {width:24%; float:left; margin-right:1.3%;}
.por_list li.last {margin-right:0px;  }
.por_list li dt { width:100%; height:auto; overflow:hidden;  }

/* 포토갤러리 */  
.photogallery {width:100%; padding:0 0px;}
.photogallery h3{margin:30px 0; }

.photogallery dl {padding:0; margin:10px 1.3% 30px 0; width:24%; height:auto;  position:relative; overflow:hidden; float:left; background-color:#fff; border-top:1px solid #d6d6d6; border-left:1px solid #d6d6d6;  border-right:1px solid #8e8e8e;  border-bottom:1px solid #8e8e8e;} 
.photogallery dl.last{margin-right:0px !important; margin-left:1px;}

.photogallery dt {margin:0px; padding:0px 0px; width:24%; height:auto;  text-align:center;}
.photogallery dt.img {margin:0px; padding:0px; width:100%; height:auto; border-bottom:1px solid #d6d6d6; overflow:hidden;}
.photogallery dt.img img { width:100%; height:auto;}  
.photogallery dd {text-align:center;}
.photogallery dd a { width:290px; color:#111; font-weight:400;  font-size:15px; line-height:60px; overflow:hidden; word-break:keep-all; padding:0px;  }

/* 메인로그인*/
.loginbox_outer {float:right; width:364px; height:236px;}
.loginbox {padding:20px; margin:0;}
.loginbox h3 {float:left; font-size:140%; width:100%;}
.loginbox p {float:left; width:100%; margin-bottom:8px; text-align:left;}

.loginbox fieldset {width:100%;}
.loginbox dd input.login_day03 {width: 27.25%;}
.loginbox_outer .memberbox {display:none;}

.loginbox dt {float:left; width:31%;}
.loginbox dd {float:right; width:69%;}
.loginbox dl:nth-child(3) dd {width:53%;}
.loginbox dl:nth-child(3) dd.btn_cal {width:16%;}

/* 메인로그아웃*/
.logout_outer {float:right; width:364px; height:236px;}
.logoutbox {padding:0 15px 0 15px; height: 181px;}
.logoutbox p { letter-spacing:-1.5px;}
.logoutbox table tr:nth-child(3) {display:none;}
.logout_outer .memberbox {height:55px; padding:12px 0 0 0;}
.logoutbox table th,
.logoutbox table td{padding: 3px 2px; line-height: 18px; font-size:90%;}

/* 공지사항
.notice ul li a {width:95%;}
.notice ul li span {display:none;}
 */
/* 퀵아이콘 */
.qicon ul li a {font-size:105%; padding-top:78px;}

/* 교육신청 */
.main_pro ul li a {width:65%;}
.main_pro ul li p.time {padding-left:25px; letter-spacing:-1.5px;}
.main_pro ul li p.state {padding-top:15px; line-height:18px;}
.main_pro ul li p.state br {display:block;}

.popup {position:absolute; top:0; float:left; width:100%; height:auto; margin:0px 0 0 0; padding:0px; position:relative; /*z-index:100;*/} 

}

@media (max-width: 1199px) {

.group2{flex-wrap: wrap;}
.notice{max-width : none; order : -1}
.guide{width : 57%; max-width : none;}
.sns_tzone{width: 40%; max-width : none;}

/* 프로그램 - 슬라이드*/
.welfare_mobile{display:none;}
.welfare{display:block;}

.welfare_wrap{clear:both; width:100%; margin:40px auto 0px auto; padding:0;}
.welfare_wrap h3{font-size:34px; font-weight:500; text-align:center; margin:40px 0; background:url('../gmi/niam/tit_line.gif') repeat-x 0 50%; }
.welfare_wrap h3 span{background:#eee; margin:0 auto; padding:0 15px;}

.welfare {float: left;width:100%; position:relative;height:400px; }
.welfare a{display:inline-block;}
.welfare .owl-carousel{position:relative;}
.welfare .owl-carousel .owl-stage-outer {overflow: inherit !important;}
.welfare .owl-nav{width:100%;}
.welfare .hide{display:none;}
.welfare .slick-arrow{cursor:pointer;z-index:10;}
.welfare .slick-arrow:before{content:"";}
.welfare .slick-prev{position: absolute; left:0px; top:160px; height:36px; width:20px;background: url("../gmi/niam/button_product_prev.png") no-repeat !important; margin: 0 !important;}
.welfare .slick-next{position: absolute; right:0px; top:160px; height:36px; width:20px; margin-right:10px; background: url("../gmi/niam/button_product_next.png") no-repeat !important; margin: 0 !important;}
.welfare .welfare-play.off {display:none; position: absolute; left: 442px; bottom: 0px; height:14px; width:8px; background: url("../gmi/niam/button_product_stop.png") no-repeat !important;}
.welfare .welfare-play.on {display:none; position: absolute; left: 442px; bottom: 0px; height:14px; width:8px; background: url("../gmi/niam/button_product_play.png") no-repeat !important;}
.welfare button span {color:transparent; font-size:0;}
.welfare ul:after{display: block;content: '';clear: both;}
.welfare ul.owl-carousel{}
.welfare ul li.item{width:20.8333%; margin:0; padding:0;height:360px; background:#fff; text-align:center; position:relative;}
.welfare ul li.item{margin:0 18px; padding-top:0px; text-align:center;}
.welfare ul li.item a.img_box{height:264px; overflow:hidden;}
.welfare ul li.item a img{width:100%; margin:0 auto; min-width:100%;  }

.welfare ul li.item dl{text-align:center; padding-top:10px; }
.welfare ul li.item dl dt{font-size:15px; font-weight:600; line-height:30px; padding:0 18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.welfare ul li.item dl dd.s_btn a{margin-top:10px; width:100%; font-size:14px; letter-spacing:-0.05em; font-weight:300; height:24px; line-height:24px;background:#fff; color:#333; }
.welfare ul li.item dl dd.s_btn a strong{font-weight:600;}
.welfare ul li span.btn_item{ z-index:100; position:absolute; top:0; left:0; display:inline-block; padding:10px; background:#555; color:#fff; text-align:center; width:80px; }
.welfare ul li span.btn_item em{color:#fff; font-size:14px; }

}

/*****************1040이하******************************************/
@media all and (max-width:1040px){
/* header */
#header.scrolled {border-bottom:1px solid #e8e8e8;}

.group1_outer {height:auto; /* background:url('/gmi/niam/main_tbg.jpg') no-repeat top center; */background-size: auto 100%; padding:0; margin:0; }
.group2_outer {width:100%; height:auto; margin:0; padding:20px 0 0 0; }
.group3_outer {width:100%; height:auto; margin:0; padding:0;}
.group4_outer {width:100%; height:auto; margin:0; padding:0;}
.group5_outer {width:100%; height:auto; margin:0; padding:0;}

.group1{padding:0px;}
.group2,
.group3,
.group4{padding:10px 20px 0px 20px;}
.group5{padding:0px 20px 10px 20px;}

/* 메인팝업존 */
.popup {width:100%; height:auto; margin:0;}
.popup .pop_list li a img {height:auto;}

/* 이용안내, 공지사항, sns*/
.guide {}


.guide dl.clock{background:url('../gmi/niam/guide_clock.png') no-repeat 12px 20px; padding:15px 0 20px 70px;}
.guide li.cal{background:url('../gmi/niam/guide_cal.png') no-repeat 16px 7px; padding-left:37px;font-size:14px; letter-spacing:0;}
.guide li.tel{background:url('../gmi/niam/guide_tel.png') no-repeat 16px 4px; padding-left:37px;font-size:14px; letter-spacing:0;}

.guide li.more{ background:url('../gmi/niam/guide_morebg.png') repeat-x 95% 0px; padding-left:15px; font-size:15px; line-height:37px; width:100%; height:37px; }
.guide li.more span{position:absolute; top:12px; right:7px;}
.guide .more_t {position: absolute; top:15px;  }
.notice ul li a {width:100%;}
.notice ul li span{display:none;}

.sns_tzone{}
.sns_content1 { width:100% !important; margin:0 !important; padding:0 !important; height:220px; overflow:hidden; border-bottom:1px solid #e0e0e0; }	

.video_container {
    width: 100%;
}

/* 아이콘 */
#move1  {width:100%; min-height:260px; padding:0px; overflow:hidden; margin:0px auto 0px auto; position:relative; border:1px solid #ddd; background:#fff;}
#move1 .icon_bar { position:relative; z-index:10; width:100%; margin:0 auto; min-height:250px; margin:0px 0;  }
#move1 .icon_bar .area {position:relative; position:relative; overflow:hidden; width:100%; min-height:250px; margin:0 auto; }
#move1 .icon_bar ul { position:relative; width:100%;}
#move1 .icon_bar ul li {position:relative; margin:10px 0 10px 0; width:33.33%;  float:left; font-size:14px; text-align:center; letter-spacing:-1px; border-right:1px solid #ddd;text-align:center;}
#move1 .icon_bar ul li.last{border-right:0;}

#move1 .icon_bar ul li a {display:block; padding:20px 0 0 0; height:230px; text-align:center; line-height:14px; font-weight:600; color:#333; font-size:13px;letter-spacing:-0.05em; word-break:keep-all; transition:transform 600ms ease-in-out 0s; }
#move1 .icon_bar ul li a span{font-size:13px; }
#move1 .icon_bar ul li a:hover { color:#2c79bd; text-decoration:none;}
#move1 .icon_bar ul li dl{margin:0 auto; width:80%; text-align:center; padding-top:20px;}
#move1 .icon_bar ul li dt{font-size:20px; padding-bottom:10px;}
#move1 .icon_bar ul li dd{font-size:13px; line-height:18px; font-weight:normal;}

#move1 .icon_bar ul li a span.img_area {position:relative; left:0; top:0;padding:15px 0 0 0 !important; height:250px; overflow:hidden; transition:margin 0.35s ease-in-out; }
#move1 .icon_bar ul li a span.img_area img {margin:0; padding:0;  transition:margin 0.35s ease-in-out; }
#move1 .icon_bar ul li a:hover span.img_area img { margin-top:-10px; }

/* 대관신청 */
.por_outer {width:100%; margin:0 auto; height:auto; padding:0; text-align:center;}
.por_outer h3{ margin:30px 0;  }

.por_list li {float:left; width:48%; float:left; margin:10px 2% 10px 0; }
.por_list li.last {margin-right:0px;  }
.por_list li dt { width:100%; height:auto; overflow:hidden;  }


/* 포토갤러리 */  
.photogallery {width:100%;}
.photogallery h3{margin:20px 0; }

.photogallery dl {padding:0; margin:15px 1% 30px 1%; width:48%; height:auto;  position:relative; overflow:hidden; float:left; background-color:#fff; border-top:1px solid #d6d6d6; border-left:1px solid #d6d6d6;  border-right:1px solid #8e8e8e;  border-bottom:1px solid #8e8e8e;} 
.photogallery dl.last{margin-right:1% !important; margin-left:1%;}

.photogallery dt {margin:0px; padding:0px 0px; width:100%; height:auto;  text-align:center;}
.photogallery dt.img {margin:0px; padding:0px; width:100%; height:auto; border-bottom:1px solid #d6d6d6; overflow:hidden;}

.photogallery dt.img img { width:100%; height:auto;}  
.photogallery dd a {width:100%;}

/* 대관신청 */
.por_outer {width:100%; margin:0 auto; height:auto; padding:0; text-align:center;}
.por_list li {float:left; width:48%; float:left; margin:10px 0 10px 0; }
.por_list li.last {margin-right:0px;  }
.por_list li dt { width:100%; height:auto; overflow:hidden;  }

.por_list li:first-child{margin-right:4%;}
.por_list li:last-child{margin-left:4%;}

.sns li ul li.m_more {right:1%;}

}

@media (max-width: 991px) {

/* 991px프로그램 - 슬라이드*/
.welfare_mobile{display:block;}
.welfare{display:none;}

.welfare_wrap{clear:both; margin:0 0 80px 0; padding:0;}
.welfare_mobile {float: left;width:100%; position:relative;padding-bottom:40px; margin-bottom:40px; height:350px; }
.welfare_mobile a{display:inline-block;}
.welfare_mobile .owl-carousel{position:relative;}
.welfare_mobile .owl-carousel .owl-stage-outer {overflow: inherit !important;}
.welfare_mobile .owl-nav{width:100%;}
.welfare_mobile .hide{display:none;}
.welfare_mobile .slick-arrow{cursor:pointer;z-index:10;}
.welfare_mobile .slick-arrow:before{content:"";}
.welfare_mobile .slick-prev{position: absolute; left:0px; top:140px; height:36px; width:20px;background: url("../gmi/niam/button_product_prev.png") no-repeat !important; margin: 0 !important;}
.welfare_mobile .slick-next{position: absolute; right:0px; top:140px; height:36px; width:20px; margin-right:10px; background: url("../gmi/niam/button_product_next.png") no-repeat !important; margin: 0 !important;}
.welfare_mobile .welfare-play.off {display:none; position: absolute; left: 442px; bottom: 0px; height:14px; width:8px; background: url("../gmi/niam/button_product_stop.png") no-repeat !important;}
.welfare_mobile .welfare-play.on {display:none; position: absolute; left: 442px; bottom: 0px; height:14px; width:8px; background: url("../gmi/niam/button_product_play.png") no-repeat !important;}

.welfare_mobile button span {color:transparent; font-size:0;}
.welfare_mobile ul:after{display: block;content: '';clear: both;}
.welfare_mobile ul.owl-carousel{}
.welfare_mobile a{display:inline-block;}
.welfare_mobile .owl-carousel{position:relative;}
.welfare_mobile .owl-carousel .owl-stage-outer {overflow: inherit !important;}
.welfare_mobile .owl-nav{width:100%;}
.welfare_mobile .hide{display:none;}
.welfare_mobile ul li.item{width:50%; margin:0; padding:0;height:360px; background:#fff; text-align:center; position:relative;}
.welfare_mobile ul li.item{margin:0 1%; padding-top:0px; text-align:center;}
.welfare_mobile ul li.item a.img_box{height:264px; overflow:hidden;}
.welfare_mobile ul li.item a img{width:100%; margin:0 auto; min-width:100%;  }

.welfare_mobile ul li.item dl{text-align:center; padding-top:10px; }
.welfare_mobile ul li.item dl dt{font-size:15px; font-weight:600; line-height:30px; padding:0 18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.welfare_mobile ul li.item dl dd.s_btn a{margin-top:5px; width:100%; font-size:14px; letter-spacing:-0.05em; font-weight:300; height:34px; line-height:24px;background:#fff; color:#333; }
.welfare_mobile ul li.item dl dd.s_btn a strong{font-weight:600;}

.welfare_mobile ul li span.btn_item{ z-index:100; position:absolute; top:0; left:0; display:inline-block; padding:10px; background:#555; color:#fff; text-align:center; width:80px; }
.welfare_mobile ul li span.btn_item em{color:#fff; font-size:14px; }

}

/*****************810이하******************************************/
@media all and (max-width:815px){ 

.group1_outer {height:auto; padding:0; margin:0; }
.group2_outer {width:100%; height:auto; margin:0; padding:0; }
.group3_outer {width:100%; height:auto; margin:0; padding:0;}
.group4_outer {width:100%; height:auto; margin:0; padding:0;}
.group5_outer {width:100%; height:auto; margin:0; padding:0;}

.group1{padding:0px;}
.group2{padding:30px 10px 0px 10px;}
.group3{padding:0px 10px;}
.group4{padding:0px 10px;}
.group5{padding:0px 10px;}

.loginbox p {font-size:80%;}

/* 이용안내, 공지사항, sns*/
.guide { position:relative; width:100%; height:255px; background:#1d375c url('../gmi/niam/guide_bg.jpg') no-repeat 0 0; }
.guide li.more{position:absolute; bottom:0; left:0; display:block; background:url('../gmi/niam/guide_morebg.png') no-repeat 95% 5px; padding-left:15px; font-size:15px; line-height:40px; width:100%; height:37px;}
.guide li.more span{position:absolute; top:16px; right:10px;}

.notice {clear:both; position:relative; width:100%; height:255px; padding:25px; background:#fff; border:1px solid #ddd;}

.sns_tzone{ width:100%; height:255px; }
.sns{ float:left; width:100%; padding:0px; margin:0px; height:255px; background:url('../gmi/niam/sns_bgline.gif') repeat-x 0 35px;border-bottom:1px solid #e0e0e0; }
.sns_content1 { width:100% !important; margin:0 !important; padding:0 !important; height:220px; overflow:hidden;  }	
.sns li ul li.m_more {right:0px; }

/* 아이콘 */
#move1  {width:100%; min-height:250px; padding:0px; overflow:hidden; margin:20px auto 20px auto; position:relative; border:1px solid #ddd; background:#fff;}
#move1 .icon_bar { position:relative; z-index:10; width:100%; margin:0 auto; min-height:250px; margin:0px 0;  }
#move1 .icon_bar .area {position:relative; position:relative; overflow:hidden; width:100%; min-height:250px; margin:0 auto; }
#move1 .icon_bar ul { position:relative; width:100%;}
#move1 .icon_bar ul li {position:relative; margin:10px 0 10px 0; width:33.33%;  float:left; font-size:14px; text-align:center; letter-spacing:-1px; border-right:none; text-align:center;}
#move1 .icon_bar ul li.last{border-right:0;}

#move1 .icon_bar ul li:first-child{border-right:1px solid #ddd;}
#move1 .icon_bar ul li:last-child{border-left:1px solid #ddd;}

#move1 .icon_bar ul li a {display:block; padding:20px 0 0 0; height:230px; text-align:center; line-height:14px; font-weight:600; color:#333; font-size:13px;letter-spacing:-0.05em; word-break:keep-all; transition:transform 600ms ease-in-out 0s; }
#move1 .icon_bar ul li a span{font-size:13px; }
#move1 .icon_bar ul li a:hover { color:#2c79bd; text-decoration:none;}
#move1 .icon_bar ul li dl{margin:0 auto; width:80%; text-align:center; padding-top:20px;}
#move1 .icon_bar ul li dt{font-size:20px; padding-bottom:10px;}
#move1 .icon_bar ul li dd{font-size:13px; line-height:18px; font-weight:normal;}

#move1 .icon_bar ul li a span.img_area {position:relative; left:0; top:0;padding:15px 0 0 0 !important; height:250px; overflow:hidden; transition:margin 0.35s ease-in-out; }
#move1 .icon_bar ul li a span.img_area img {margin:0; padding:0;  transition:margin 0.35s ease-in-out; }
#move1 .icon_bar ul li a:hover span.img_area img { margin-top:-10px; }

.popup{display:none;}
.popup_m{display:block;}

/* 대관신청 */
.por_outer {width:100%; margin:0 auto; height:auto; padding:0; text-align:center;}
.por_list li {float:left; width:48%; float:left; margin:10px 0 10px 0; }
.por_list li.last {margin-right:0px;  }
.por_list li dt { width:100%; height:auto; overflow:hidden;  }

.por_list li:first-child{margin-right:4%;}
.por_list li:last-child{margin-left:4%;}

/* 포토갤러리 */  
.photogallery dl {padding:0; margin:15px 1% 15px 1%; width:48%; height:auto;  position:relative; overflow:hidden; float:left; background-color:#fff; border-top:1px solid #d6d6d6; border-left:1px solid #d6d6d6;  border-right:1px solid #8e8e8e;  border-bottom:1px solid #8e8e8e;} 
.photogallery dl.last{margin-right:1% !important; margin-left:1%;}

}
 
/***************** 767이하******************************************/
@media all and (max-width:767px){

.group1_outer {float:left; width:100%; padding-top:0px; /*overflow:hidden;*/ z-index:100;  /*background:url('/gmi/niam/main_bg.jpg') no-repeat top center;*/}

.group2{flex-direction: column;}

.group2_outer {width:99%; height:auto; margin:0 auto;  padding:0;}
.group3_outer {width:99%; height:auto; margin:0 auto; padding:0;}
.group4_outer {width:99%; height:auto; margin:0 auto; padding:0;}
.group5_outer {width:99%; height:auto; margin:0 auto; padding:0;}

.group1{padding:0px 0 20px 0;}
.group2,
.group3,
.group4,
.group5{padding:0;}

/* 이용안내, 공지사항, sns*/
.guide { width:100%; max-width : none;}
.guide li.more{position:absolute; bottom:0; left:0; display:block; background:url('../gmi/niam/guide_morebg.png') no-repeat 95% 5px; padding-left:15px; font-size:15px; line-height:40px; width:100%; height:37px;}
.guide li.more span{position:absolute; top:16px; right:12px;}

.guide h3 {padding:11px 0 7px 9px;}
.guide dl.clock{background:url('../gmi/niam/guide_clock.png') no-repeat 20px 12px; padding:10px 0 10px 80px;}
.guide dl dd{padding-top:5px;}
.guide li.cal{background:url('../gmi/niam/guide_cal.png') no-repeat 21px 6px; padding-left:45px;font-size:14px; letter-spacing:0;}
.guide li.tel{background:url('../gmi/niam/guide_tel.png') no-repeat 21px 3px; padding-left:45px;font-size:14px; letter-spacing:0;}

.notice { width:100%; max-width : none; order : 0;}
.notice .tabmore {position: absolute; }
.guide .more_t{top: 15px; right: 15px;}
.notice ul li a {width:100%;}
.notice ul li span{display:none;}

.sns_tzone{width:100%; max-width:none; }
.sns{ float:left; width:100%; padding:0px; margin:0px; height:255px; background:url('../gmi/niam/sns_bgline.gif') repeat-x 0 35px;border-bottom:1px solid #e0e0e0; }

.sns_content1 { width:100% !important; margin:0 !important; padding:0 !important; height:220px; overflow:hidden;  }	

.sns li ul li.m_more {right:0px; }

.use_info > li{padding : 0 10px;}

/* 메인팝업존 */
.popup .pop_ctrl_roll .pop_prev, 
.popup .pop_ctrl_roll .pop_next {width:16px; height:16px; bottom:7px; background-size:100% 100%;}
.popup .pop_ctrl_roll .pop_stop,
.popup .pop_ctrl_roll .pop_play {width:16px; height:16px; bottom:7px; background-size:100% 100%;}

.popup .pop_ctrl_roll .pop_prev {left:7px;}
.popup .pop_ctrl_roll .pop_stop,
.popup .pop_ctrl_roll .pop_play {left: 28px;}
.popup .pop_ctrl_roll .pop_next {left: 49px;}
.popup .pop_ctrl {left:72px; bottom:0px;}
.popup #popcount {font-size:90%;}

/* 배너 영상 */
.video_container iframe {
    width: 90%;
}

/* 아이콘 */
#move1  {width:100%; min-height:750px; padding:0px; overflow:hidden; margin:0px auto 10px auto; position:relative; border:1px solid #ddd; background:#fff;}
#move1 .icon_bar { position:relative; z-index:10; width:100%; margin:0 auto; min-height:750px; margin:0px 0;  }
#move1 .icon_bar .area {position:relative; position:relative; overflow:hidden; width:100%; min-height:750px; margin:0 auto; }
#move1 .icon_bar ul { position:relative; width:100%;}
#move1 .icon_bar ul li {position:relative; margin:10px 0 10px 0; width:100%;  float:left; font-size:14px; text-align:center; letter-spacing:-1px; border-right:none; text-align:center;}
#move1 .icon_bar ul li.last{border-right:0;}

#move1 .icon_bar ul li:first-child{border-right:none;}
#move1 .icon_bar ul li:last-child{border-left:1px solid #ddd;}

#move1 .icon_bar ul li a {display:block; padding:20px 0 0 0; height:230px; text-align:center; line-height:14px; font-weight:600; color:#333; font-size:13px;letter-spacing:-0.05em; word-break:keep-all; transition:transform 600ms ease-in-out 0s; }
#move1 .icon_bar ul li a span{font-size:13px; }
#move1 .icon_bar ul li a:hover { color:#2c79bd; text-decoration:none;}
#move1 .icon_bar ul li dl{margin:0 auto; width:80%; text-align:center; padding-top:20px;}
#move1 .icon_bar ul li dt{font-size:20px; padding-bottom:10px;}
#move1 .icon_bar ul li dd{font-size:13px; line-height:18px; font-weight:normal;}

#move1 .icon_bar ul li a span.img_area {position:relative; left:0; top:0;padding:15px 0 0 0 !important; height:250px; overflow:hidden; transition:margin 0.35s ease-in-out; }
#move1 .icon_bar ul li a span.img_area img {margin:0; padding:0;  transition:margin 0.35s ease-in-out; }
#move1 .icon_bar ul li a:hover span.img_area img { margin-top:-10px; }
#move1 .icon_bar ul li dd span.pc_cut{display:inline;}

/* 대관신청 */
.por_outer {width:100%; margin:0 auto; height:auto; padding:0; text-align:center;}
.por_list li {float:left; width:48%; float:left; margin:10px 0 10px 0; }
.por_list li.last {margin-right:0px;  }
.por_list li dt { width:100%; height:auto; overflow:hidden;  }

.por_list li:first-child{margin-right:4%;}
.por_list li:last-child{margin-left:4%;}

/* 포토갤러리 */  
.photogallery {margin:10px auto 15px auto; padding:0px; position:relative; overflow:hidden; /*float:auto;*/ width:100%;}

.photogallery dl {padding:0; margin:15px 0% 15px 0%; width:100%; height:auto;  position:relative; overflow:hidden; float:left; background-color:#fff; border-top:1px solid #d6d6d6; border-left:1px solid #d6d6d6;  border-right:1px solid #8e8e8e;  border-bottom:1px solid #8e8e8e;} 
.photogallery dl.last{margin-right:0% !important; margin-left:0%;}

.photogallery dt {margin:0px; padding:0px 10px; width:100%; height:auto;  text-align:center;}
.photogallery dt.img {margin:0px; padding:0px; width:100%; height:auto; border-bottom:1px solid #d6d6d6; overflow:hidden;}

.photogallery dt.img img { width:100%; height:auto;}  
.photogallery dd {text-align:center;  }
.photogallery dd a { width:100%; color:#111; font-weight:400;  font-size:15px;  line-height:60px; overflow:hidden; word-break:keep-all;   }

.f_logo{display:none;}

/* 팝업레이어 */
#hd_pop { z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff; top:50px !important; left:0px !important; margin:0; padding:0; }
.hd_pops img{max-width:100%; width:100%; height:100%;}
.hd_pops_con {margin:0 !important; padding:0 !important; width:100% !important; height:90% !important;min-height:0; }
.hd_pops_con img{margin:0; padding:0; width:100% !important; height:100% !important; vertical-align:top; }
.hd_pops_footer {margin:0; padding:0px 0;background:#000;color:#fff;text-align:left; vertical-align:top;}
.hd_pops_footer button {margin-right:5px;padding:8px 10px;border:0;background:#393939;color:#fff; vertical-align:middle;}

}
/*****************320이하******************************************/
@media all and (max-width:480px){

.video_container p {
    font-size: 0.95rem;
}

.allmenu_wrap{display:none;}
.f_logo{display:none;}

}