@charset "utf-8";


.layout{max-width:1260px;margin: 0 auto;}


@media(min-width:0px){
	.pc{display:block}
}

@media(min-width:768px){
	.pc{display:block}
}



.ir-gnb{background:url(/images/common/gnb-ir.png) no-repeat}
.ir-util{background:url(/images/common/ir-util.png) no-repeat}

#wrap{position:relative;width:100%;overflow:hidden}

#header{position:relative;width:100%;height: 110px;background-color:#fff;z-index:100;text-align: right;}

#animate{
	position:relative;
	height: 110px;
	background-color:#fff;
	overflow:hidden;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#animate .style{height: 100%;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#animate .layout{}


#snb{position:absolute;right:0;top: 50%;z-index: 1;transform: translateY(-50%);}
.snb_box .global_l{}
.snb_box .global_l a{float:left;padding:7px 30px 7px 10px; background:url(/images/mec/common/top_patten.gif) repeat left top; text-align:center; color:#fff;font-size:13px;}
.snb_box .global_l a.pop_btn {background:url(/images/common/pop_arr_off.png) no-repeat 83% 14px #7d201e; }
.snb_box .global_l a.pop_btn_x {background:url(/images/common/pop_arr_on.png) no-repeat 83% 14px #2b2c2e; }
.snb_box .global_r{float:right;overflow:hidden;}
.snb_box .global_r:after{content:"";display:block;clear:both;}
.snb_box .global_r a{float:left;display:inline-block;margin: 0 15px;padding-left:10px;font-size: 15px;line-height:1;color: #999999;}
.snb_box .global_r a:first-child{border:0;}
.snb_box .global_r .sitemap{width:20px;height:15px;margin-right: 50px;background:url(/images/ipsi/common2021/sitemap.png);font-size:0;}

#animate.action{position:relative;min-height: 280px;border-bottom: 1px solid #dddddd;}
#animate.action:before{position:absolute;left:0;top: 0;right:0;height: 100px;background: #fff;border-bottom: 1px solid #ddd;content:'';}
#animate.action:after{position:absolute;right: -20px;bottom: -40px;width:321px;height:129px;background:url(/images/ipsi/common2021/gnb_bg.png);content:'';}
#animate.action .style{background:#f7f7f7}

#header #logo,
#header #sitelink{position:absolute;z-index:1}
#header #logo{top: 30px;left: 0;}
#header #sitelink{top:20px;right:0;}
#header #logo .ir-logo{border:none;display:inline-block;padding:0;width: 191px;height: 42px;font-size:0;line-height:0;background: url(/images/ipsi/common2021/logo.png);vertical-align: middle;}
#header #logo .ir-logo:before{display:none}
#header #logo em{display: inline-block;margin-left: 10px;font-size: 20px;font-weight: 600;color: #6d2326;vertical-align: middle;}

#header #open_mn .ir{display:block;width: 100%;height: 100%;background: url(/images/ipsi/common2021/sitemap.png);font-size:0;}
#header #open_mn{display:none;position:absolute;top:25px;right:0;width:44px;height:44px;z-index:1}

#gnb{position:absolute;top: 0;left:0;width:100%;height: 110px;}
#gnb .layout{max-width: 1260px;padding-left:220px;}
#flower{position:absolute;top:61px;height:5px;background-color:#e9344b;z-index:99}

#tm{display:inline-block;float:right;height:100%;}
#tm .th1{display:inline-block;height:100%;margin:0 -2px;vertical-align:top;text-align:center}
#tm .th1>a{display:block;position:relative;height:100%;padding: 0 35px;line-height: 110px;font-size:18px;color:#121212;font-family:"nsr",sans-serif;font-weight:600;letter-spacing:-1px;}
#tm .th1>a:before{content:"";display:inline-block;height:100%;vertical-align:middle}
#tm .th1>a.current{color:#b70300}


#tm .th2{display:none;position:absolute;top: 100px;left:0;right:0;padding: 10px 0 20px 330px;text-align:center;}
#tm .th2 *{vertical-align: ㅡㅑ;}
#tm .th2>li{position:relative;float: left;width: calc(33.333% - 20px);margin-right: 30px;border-bottom: 1px solid #cccccc;}
#tm .th2>li:nth-child(3n){margin-right:0;}
#tm .th2>li>a{display:block;padding: 21px 0px;width: 100%;color:#333;text-align:center;word-wrap:break-word;word-break:keep-all;font-size: 18px;text-align: left;}
#tm .th2>li>a:after{content:"";position:absolute;right: 20px;top:50%;width: 6px;height: 6px;border:1px solid #000;border-width:1px 1px 0 0;transform:rotate(45deg);}

#tm .th2>li>a.ov,#tm .th2>li>a:hover{}
#tm .th2>li>a .radius{display:none;margin:0 auto;margin-bottom:10px;padding:5px;width:60px;height:60px;border-radius:50%;background-color:#1c252d}
#tm .th2>li>a .icon{display:block;/*padding:22px 10px;*/width:50px;height:50px;margin:0 auto;background:url(/images/ipsi/common/gnb_ir.png) no-repeat}
#tm .th2>li>a.ov .radius,#tm .th2>li>a:hover .radius{background-color:#701c1e}
#tm .menu_tit{display:none;}
#tm .menu_tit strong{display:block;margin-bottom: 15px;font-size:28px;color:#021115;font-weight: bold;}
#tm .menu_tit p{font-size:16px;color:#666666;}
#tm .th1 a.current + .menu_tit {display: block;position: absolute;left: 0;top: 135px;width: 274px;border-right: 1px solid #ddd;vertical-align: top;text-align: left;}
#tm #iconSet1{}
#tm #iconSet1 .icon1{background-position:0 0px}
#tm #iconSet1 .icon2{background-position:-50px 0px}
#tm #iconSet1 .icon3{background-position:-100px 0px}
#tm #iconSet1 .icon4{background-position:-150px 0px}
#tm #iconSet1 .icon5{background-position:-200px 0px}
#tm #iconSet1 .icon6{background-position:-250px 0px}
#tm #iconSet1 .icon7{background-position:-300px 0px}

#tm #iconSet2{}
#tm #iconSet2 .icon1{background-position:0 -50px}
#tm #iconSet2 .icon2{background-position:-50px -50px}
#tm #iconSet2 .icon3{background-position:-100px -50px}
#tm #iconSet2 .icon4{background-position:-150px -100px}
#tm #iconSet2 .icon5{background-position:-200px -50px}
#tm #iconSet2 .icon6{background-position:-250px -50px}
#tm #iconSet2 .icon7{background-position:-300px -50px}
#tm #iconSet2 .icon8{background-position:-350px -50px}

#tm #iconSet3{}
#tm #iconSet3 .icon1{background-position:0 -100px}
#tm #iconSet3 .icon2{background-position:-50px -100px}
#tm #iconSet3 .icon3{background-position:-100px -100px}
#tm #iconSet3 .icon4{background-position:-150px -100px}
#tm #iconSet3 .icon5{background-position:-200px -100px}
#tm #iconSet3 .icon6{background-position:-250px -100px}
#tm #iconSet3 .icon7{background-position:-250px -100px}
#tm #iconSet3 .icon8{background-position:-300px -100px}
#tm #iconSet3 .icon9{background-position:-350px -100px}

#tm #iconSet4{}
#tm #iconSet4 .icon1{background-position:0 -150px}
#tm #iconSet4 .icon2{background-position:-50px -150px}
#tm #iconSet4 .icon3{background-position:-100px -150px}
#tm #iconSet4 .icon4{background-position:-150px -150px}
#tm #iconSet4 .icon5{background-position:-200px -150px}
#tm #iconSet4 .icon6{background-position:-250px -150px}
#tm #iconSet4 .icon7{background-position:-300px -150px}
#tm #iconSet4 .icon8{background-position:-350px -150px}
#tm #iconSet4 .icon9{background-position:-400px -150px}
#tm #iconSet4 .icon10{background-position:-450px -150px}
#tm #iconSet4 .icon11{background-position:-500px -150px}


#tm #iconSet5{}
#tm #iconSet5 .icon1{background-position:0 -200px}
#tm #iconSet5 .icon2{background-position:-50px -200px}
#tm #iconSet5 .icon3{background-position:-100px -200px}
#tm #iconSet5 .icon4{background-position:-150px -200px}
#tm #iconSet5 .icon5{background-position:-200px -200px}
#tm #iconSet5 .icon6{background-position:-250px -200px}
#tm #iconSet5 .icon7{background-position:-300px -200px}
#tm #iconSet5 .icon8{background-position:-350px -200px}

#tm #iconSet6{}
#tm #iconSet6 .icon1{background-position:0 -550px}

#tm #iconSet6 .icon2{background-position:-75px -550px}


#tm .th2.current>li.delay1 {-webkit-animation: gnbAni .3s ease 0s; -moz-backwards; animation: gnbAni .3s ease 0s backwards; -o-backwards; animation: gnbAni .3s ease 0s backwards; -ms-backwards; animation: gnbAni .3s ease 0s backwards; backwards; animation: gnbAni .3s ease 0s backwards;}
#tm .th2.current>li.delay2 {-webkit-animation: gnbAni .3s ease 0.03s; -moz- backwards; animation: gnbAni .3s ease 0.03s; -o-animation: gnbAni .3s ease 0.03s; -ms-animation: gnbAni .3s ease 0.03s;; animation: gnbAni .3s ease 0.03s;}
#tm .th2.current>li.delay3 {-webkit-animation: gnbAni .3s ease 0.06s; -moz-animation: gnbAni .3s ease 0.06s; -o-animation: gnbAni .3s ease 0.06s; -ms-animation: gnbAni .3s ease 0.06s;; animation: gnbAni .3s ease 0.06s;}
#tm .th2.current>li.delay4 {-webkit-animation: gnbAni .3s ease 0.09s; -moz-animation: gnbAni .3s ease 0.09s; -o-animation: gnbAni .3s ease 0.09s; -ms-animation: gnbAni .3s ease 0.09s;; animation: gnbAni .3s ease 0.09s;}
#tm .th2.current>li.delay5 {-webkit-animation: gnbAni .3s ease 0.12s; -moz-animation: gnbAni .3s ease 0.12s; -o-animation: gnbAni .3s ease 0.12s; -ms-animation: gnbAni .3s ease 0.12s;; animation: gnbAni .3s ease 0.12s;}
#tm .th2.current>li.delay6 {-webkit-animation: gnbAni .3s ease 0.15s; -moz-animation: gnbAni .3s ease 0.15s; -o-animation: gnbAni .3s ease 0.15s; -ms-animation: gnbAni .3s ease 0.15s;; animation: gnbAni .3s ease 0.15s;}
#tm .th2.current>li.delay7 {-webkit-animation: gnbAni .3s ease 0.18s; -moz-animation: gnbAni .3s ease 0.18s; -o-animation: gnbAni .3s ease 0.18s; -ms-animation: gnbAni .3s ease 0.18s;; animation: gnbAni .3s ease 0.18s;}
#tm .th2.current>li.delay8 {-webkit-animation: gnbAni .3s ease 0.21s; -moz-animation: gnbAni .3s ease 0.21s; -o-animation: gnbAni .3s ease 0.21s; -ms-animation: gnbAni .3s ease 0.21s;; animation: gnbAni .3s ease 0.21s;}
#tm .th2.current>li.delay9 {-webkit-animation: gnbAni .3s ease 0.24s; -moz-animation: gnbAni .3s ease 0.24s; -o-animation: gnbAni .3s ease 0.24s; -ms-animation: gnbAni .3s ease 0.24s;; animation: gnbAni .3s ease 0.24s;}
#tm .th2.current>li.delay10{-webkit-animation: gnbAni .3s ease 0.27s; -moz-animation: gnbAni .3s ease 0.27s; -o-animation: gnbAni .3s ease 0.27s; -ms-animation: gnbAni .3s ease 0.27s;; animation: gnbAni .3s ease 0.27s;}
#tm .th2.current>li.delay11{-webkit-animation: gnbAni .3s ease 0.30s; -moz-animation: gnbAni .3s ease 0.30s; -o-animation: gnbAni .3s ease 0.30s; -ms-animation: gnbAni .3s ease 0.30s;; animation: gnbAni .3s ease 0.30s;}
#tm .th2.current>li.delay12{-webkit-animation: gnbAni .3s ease 0.33s; -moz-animation: gnbAni .3s ease 0.33s; -o-animation: gnbAni .3s ease 0.33s; -ms-animation: gnbAni .3s ease 0.33s;; animation: gnbAni .3s ease 0.33s;}
@keyframes gnbAni{
	0%{opacity:0; transform:translateY(20px);}
	100%{opacity:1; transform:translateY(0px);}
}



#location{display:block;position:absolute;bottom: 0;width:100%;height: 60px;}
#location.fix{display:block;position:fixed;top:0;z-index:999;}
#navigate{position:absolute;bottom: 0;left:0;width:100%;text-align:left;border-width:1px 0;background-color:transparent;z-index:99;}
#navigate .layout{background:#9c1a1c;}

#navigate .navi,/* #navigate a, */#navigate span{display:inline-block;color:#f0f6ff}
#navigate span{display:block;line-height: 60px;}
#navigate *{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#navigate .navi.navi1{display:block;float:left;position:relative;height: 60px;padding: 0 20px 0 20px;cursor:pointer;vertical-align: middle;}
#navigate .navi:first-child{margin-left:0;}
#navigate .navi.navi2{position:relative;height:100%;padding:0 30px 0 40px;vertical-align:top;cursor:pointer;}
#navigate .navi:after{content:"";position:absolute;top:25px;right:0;width: 5px;height: 5px;border: 1px solid #c2c2c2;border-width: 1px 1px 0 0;transform: rotate(45deg);}
#navigate .navi.navi3{position:relative;height:100%;padding:0 30px 0 40px;vertical-align:top;cursor:pointer;}
#navigate .current{color:#fff}
#navigate .current:after{display:none;}
#navigate .home{width:60px;height: 60px;padding:11.5px 10px;margin-left:0;vertical-align:middle;background: #ab2d31 url(/images/ipsi/common2021/home.png) no-repeat center;cursor:default;}
#navigate .home:after{top:0;right:-1000px;content:"";z-index: -1;display:block;width:1000px;height: 60px;border: 0;background: #9c1a1c;transform: none;}

#navigate .navi ul{display: none;height:0;overflow:hidden;margin:-1px -36px 0 -34px;background-color:#fff;}

#navigate .navi ul li{border:solid #5b4f3f;border-width:0 0 1px}
#navigate .navi ul li:first-child{border-top-width:1px}
#navigate .navi ul li a{display:block;padding:15px 23px;line-height:1;color:#505050}
#navigate .navi ul li a:hover,#navigate ul li a:focus{background-color:#5b4f3f;color:#fff;}


#navigate .navi.navi2 ul li{border:solid #918368;border-width:0 0 1px}
#navigate .navi.navi2 ul li a:hover,
#navigate .navi.navi2 ul li a:focus{background-color:#918368;color:#fff}

#navigate .layout{height: 100%;}

.location_buttons_box{position:absolute;top: 113px;right:0;z-index: 9999;height:27px;vertical-align:middle;}
.location_buttons_box:before{position:absolute;left: -100%;top: 50%;width:77px;height:1px;background:#dddddd;content:'';}
.location_buttons_box:after{content:"";display:block;clear:both;visibility:hidden;}
.location_buttons_box .ir{display:inline-block;float: left;margin-left: 25px;width:18px;height: 20px;font-size:0;background: url(/images/ipsi/common2021/common_ir.png);}
.location_buttons_box .sns{background-position: 0 0px;}
.location_buttons_box .sns:before{position:absolute;left: 65%;top: 42%;width:1px;height:20px;background:#dddddd;transform: translateY(-50%);content:'';}

.location_buttons_box .sns.ov,
.location_buttons_box .sns:active{background-position: -3px -32px;}
.location_buttons_box .print{background-position: -42px 0px;}
.sns_btn{display:inline;}
#naviSNS{position:absolute;top: -5px;right: 70px;width: 80px;height:33px;padding:3px;background-color:#fff;border-radius:50px;}
#naviSNS a{display:inline-block;width: 30px;height: 30px;margin-left: 7px;font-size:0;}
#naviSNS .fb{background-position: -70px -29px;}
#naviSNS .tw{background-position: -30px -29px;}
#naviSNS .ks{display: none;background-position: 0 -10px;}
#naviSNS .bk{background-position:-32px -289px;}

#navigate .navi{float: left;}



#txt{width:100%;}
#mo_gnb{overflow:hidden}
#mo_gnb{overflow-y: auto;position:absolute;top:0;right:-300px;width:300px;height: 100vh;background: #fff;z-index:1010;box-shadow:0px 0px 10px #333;}
#mo_gnb:after{position:absolute;right: -10px;bottom: 0;z-index: 1;width: 315px;height: 97px;background: url(/images/ipsi/common2021/mb_gnb.png);content:'';}
#mo_gnb .mo_sitelink{height:80px;padding: 25px 15px;background:#9c1a1c;}
#mo_gnb .mo_sitelink li{display:inline-block;margin-bottom:5px;padding: 5px 15px 3px 15px;}
#mo_gnb .mo_sitelink li a{font-size:15px;color:#fff;}

#mo_tm{position:relative;height: auto !important;/*overflow-x:hidden;overflow-y:auto*/padding: 16px 0 0;border: 0;}
#mo_tm a{display:block;line-height:1;font-size:15px;color:#c0c6d0}
#mo_tm .th1{}
#mo_tm .th1 .th1_lnk{display:block;position: relative;padding: 11px 15px 11px 30px;width: 100%;color: #333333;font-size: 17px;font-weight:bold;line-height:1.2;}
#mo_tm .th1 .th1_lnk:after{position:absolute;right:30px;top:50%;font-size: 21px;content:'+';font-weight:100;line-height: 1;color:#a7a7a7;transform: translateY(-50%);}
#mo_tm .th1>b{}
#mo_tm .th1 .th1_lnk.ov{}
#mo_tm .th1 .th1_lnk.ov:after{width:10px;height:1px;background:#a7a7a7;content:''}
#mo_tm .th1 .th1_lnk.ov + .th2{display: block;height: auto;}
#mo_tm .th2{display: none;overflow: hidden;position: relative;top: auto !important;width: 100%;height: 0;margin: 0 !important;padding: 10px 0 20px;background:#fff;border-left:1px solid #efefef;transition: display 5s;}
#mo_tm .th2>li{}
#mo_tm .th2>li>a{position:relative;padding: 10px 0 10px 30px;font-size: 15px;color: #666666;font-weight: 100;}
#mo_tm .th3 li a:after{content:"-";position:absolute;top:11px;right:13px;font-size:20px;transition:transform 0.3s;font-family:"돋움",dotum,sans-serif;}

#mo_tm .th2>li>a:after{}
#mo_tm .th2>li>a.ov:after{content:">";position:absolute;top:13px;right:13px;font-size:20px;transition:transform 0.3s;font-family:"돋움",dotum,sans-serif;transform:rotate(90deg)}
#mo_tm .th3{display: none;padding: 15px 30px;}
#mo_tm .th3 li{}
#mo_tm .th3 li a{position:relative;display:block;padding: 9px 25px 9px 5px;border-top: 0;color:#333;}
#mo_tm .th3 li a:hover,
#mo_tm .th3 li a:focus{color:#333}
#mo_tm .th3>li>a.ov,
#mo_tm .th3>li>a:active{color:#333}
#mo_tm .th3>li>a.ov:after{content:"+";}
#mo_tm .th3 li:first-child a{border-top:0}




#svisual{position:relative;height: 200px;}

#svisual .sv_video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#svisual .sv_video video {
	position: absolute;
	top: 0;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

#svisual .sv_video .video-overlay {
	position: absolute;
	left: 0%;
	top: 0%;
	min-width: 100%;
	min-height: 100%;
	background-image:url(/images/mayor/main/mask_bl_dot.png);
	z-index: 11;
}

#svisual{background: #333 url(/images/ipsi/common2021/svisual_img.jpg) no-repeat 50% 0;background-size:cover;}
#svisual h1{position:relative;padding-right:20%;padding-top: 52px;padding-bottom:15px;margin-top:0;font-family:"nsr",sans-serif;color:#fff;font-weight:400;font-size:32px;line-height:1.3;text-align:left;z-index:12;}
#svisual h1 span{display:block;position:relative;vertical-align:middle;font-size: 40px;font-weight:600;font-family:"nsr",sans-serif;color:#fff;word-wrap:break-word;word-break:keep-all;}
#svisual h1 span *{vertical-align:middle}
#content .conTit{position:relative;margin-bottom: 30px;border-bottom: 1px solid #dddddd;padding-bottom: 20px;padding-top: 0;margin-top:0;font-family:"nsr",sans-serif;color: #333333;font-weight: bold;font-size:32px;line-height:1.3;text-align:left;z-index:12;}
#content .conTit:before{content:"";display:none;position:absolute;bottom:0;left:37%;top:auto;width:60px;height:1px;background-color:#fff;}
#container{position:relative;padding-bottom:70px;margin-top: 40px;}
#container .layout:before{content:"";/*display:block;position:absolute;top:0;bottom:0;left:0;width:1px;height:100%;background-color:#d1d0d0;*/overflow:hidden;}
#content{position:relative;float: right;width: calc(100% - 360px);}
#container #content:before{content:"";/*display:block;position:absolute;top:0;bottom:0;left:-10.3%;width:1px;height:100%;background-color:#d1d0d0;*/overflow:hidden;}
#remote{position:relative;z-index:10;float: left;width: 300px;}
#remote h1{padding:0 10px;margin-bottom:5px;height:110px;text-align:center;background-color:#e9344b;}
#remote h1:before{content:"";display:inline-block;height:100%;vertical-align:middle}
#remote h1 span{display:inline-block;vertical-align:middle;font-size:26px;font-weight:600;font-family:"nsr",sans-serif;color:#fff}


#lnb{display:block;}
#lnb li{}
#lnb li a{position:relative;display:block;line-height:1.2;word-wrap:break-word;word-break:keep-all;}
#lnb li span{position:absolute;right:19px;top:40%;width:11px;height:11px;background-image:url(/images/common/icon_lnb.png);transform: rotate(-90deg);}

#lnb .th2{}
#lnb .th2>a{padding: 19px 30px 19px 15px;font-size: 17px;color:#3b3b3b;border-bottom:1px solid #d4d4d4;font-family:"nsr",sans-serif;}
#lnb .th2>a:hover{background-color:#424242;color:#fff}
#lnb .th2 .link_2th{}
#lnb .th2 .link_2th_ov{background-color: #424242;border: 1px solid #424242;color:#fff;}
#lnb .th2 .link_2th span{background-position:0 0}
#lnb .th2 .link_2th_ov span{}
#lnb .th3{display:none;padding:15px;background:#f5f4f4;}
#lnb .th3 li{border:none;margin-bottom:2px;}
#lnb .th3 li:first-child{border-top-width:0}
#lnb .th3 li a{padding:2px 11px;background-position:0 0;border:none;color:#5a5a5a;font-size:14px;line-height:1.4;word-wrap:break-word;word-break:keep-all;}
#lnb .th3 li a:hover{text-decoration:underline;}
#lnb .th3 li span{display:block;top:8px;left:0px;width:6px;height:6px;background:none;border-radius:50%;}

#lnb .th3 .link_3th{}
#lnb .th3 .link_3th_ov{color:#444;text-decoration: underline;}
#lnb .th3 .link_3th span{background:none;}
#lnb .th3 .link_3th_ov span{top:8px;left:0px;background-color:#c2182d}

@media(max-width:1279px){
	#svisual:after{margin-right:70px;}
	#remote {width: 210px;}
	#content {width: calc(100% - 260px);}
}

@media(max-width:1024px){
	#svisual:after{display:none}
}



#open_popup_wrap { display:none; overflow:hidden; width:100%; position:relative; background:#383d43; z-index:1000; }
#open_popup_wrap .open_popup { position:relative; max-width:1000px; margin:0 auto; }
#open_popup_wrap .open_popup:after { content:""; display:block; clear:both; }
#open_popup_wrap .open_popup .control a.prev_btn { position:absolute; left:10px; top:67px; width:10px; height:21px; background:url(/images/common/pop_prev_m.png) no-repeat; z-index:80; }
#open_popup_wrap .open_popup .control a.next_btn { position:absolute; right:10px; top:67px; width:10px; height:21px; background:url(/images/common/pop_next_m.png) no-repeat; z-index:80; }

#open_popup_wrap .open_popup .popup_box { position:relative; width:276px; min-height:10px; height:63px; margin:0 auto; overflow:hidden; background:none; }
#open_popup_wrap .open_popup .popup_box ul { position:relative; width:10000px;height:105px; padding:65px 0 0 0; }
#open_popup_wrap .open_popup .popup_box ul:after{display:block;clear:both;content:'';}
#open_popup_wrap .open_popup .popup_box ul li { float:left;}
#open_popup_wrap .open_popup .popup_box ul li a { display:block; width:276px; height:160px; margin:0; text-align:center; }
#open_popup_wrap .open_popup .popup_box ul li a img{height:100%;}

#open_popup_wrap .open_popup .main_control { display:none; position:absolute; left:0; right:0; top:120px; width:auto; margin:0 auto; text-align:center; z-index:1; }
#open_popup_wrap .open_popup .main_control a { display:inline-block; margin:5px 0 0 4px; width:13px; height:12px; font-size:0; }
#open_popup_wrap .open_popup .main_control .pointer { display:inline-block; }
#open_popup_wrap .open_popup .main_control .pointer a { background:url(/images/common/pop_off.png) no-repeat left top; }
#open_popup_wrap .open_popup .main_control .pointer a.ov { background:url(/images/common/pop_on.png) no-repeat left top; }
#open_popup_wrap .open_popup .main_control a[rel="play"] { display:none; }
#open_popup_wrap .open_popup .main_control a[rel="stop"] {  }
#open_popup_wrap .open_popup .pop_close { position:absolute; right:50%; top:15px; margin-right:-75px; font-size:0.875em; }
#open_popup_wrap .open_popup .pop_close .today_close { float:left; display:inline-block; height:17px; margin-top:1px; color:#fff; }
#open_popup_wrap .open_popup .pop_close .today_close label { margin:2px 6px 0 5px; }
#open_popup_wrap .open_popup .close_btn { display:inline-block; width:24px; height:24px; margin-top:1px; background:url(/images/common/pop_today_close.png) no-repeat; }

.pop_btn { display:none; }

/* 퀵메뉴 */
.quick {position:absolute;top:0;right:-110px;z-index: 10;}
.quick .top_title {width:80px; height:80px; border-radius:50%; background:linear-gradient( to bottom, #cca133, #551611 ); }
.quick .top_title p {color:#fff; font-size:16px; text-align:center; padding:22px 0; line-height:18px;}
.quick ul {border-radius:50px; background:#fff; padding:10px; width:82px; margin-top:10px; border:1px solid #ddd; }
.quick ul li {padding:10px 0}
.quick ul li a {text-align:center;font-size:16px;color:#000;display:block;line-height:17px;word-break: keep-all;}
.quick ul li a span {margin:0 auto 6px; display:block; }
.quick ul li a span.q_1{background-position:-3px -93px; width:26px; height:33px; }
.quick ul li a span.q_2{background-position:-37px -93px; width:33px; height:30px; }
.quick ul li a span.q_3{background-position:-77px -92px; width:25px; height:34px; }
.quick ul li + li {border-top:1px solid #c2c2c2;}
.quick ul li a br {display:none;}
.ir-ipsi{display:inline-block;background:url(/images/ipsi/main/ir-ipsi.png) no-repeat}


@media(max-width:1425px){
	.quick.q_l {display:none;}
}


#footer{padding: 0 0 30px;background:#4f4f4f;}
#footer .layout{padding:0;}
#footer .logo{position:absolute;right: 55px;bottom: 45px;width:209px;height:43px;background: url(/images/ipsi/common2021/flogo.png);font-size:0;}
#footer .menu{height:60px;padding-top: 20px;padding-left: 0px;border-bottom:1px solid #686868;}
#footer .menu li{display:inline-block;}
#footer .menu li:nth-child(1) a{padding-left:0;}
#footer .menu li a{display:block;padding:0 23px;color:#aaaaaa;font-size:15px;}
#footer .tes{padding: 23px 0 0 0px;background: none;}
#footer .tes address{color:#9b9b9b;opacity:0.5;font-size: 15px;line-height: 2;}

@media(max-width:1600px){
	#gnb{padding-right:250px;}
	#tm .th1 a.current + .menu_tit{left:30px;}
}
@media(max-width:1279px){
	.layout{width: 100%;padding: 0 30px;}

	#header{}
	#tm .th1>a{padding:0 23px}
	#snb{right:40px;}
	#gnb{padding-right:100px;}

	.location_buttons_box{right:20px;}
	#naviSNS{right:30px}
	#navigate .layout{padding:0;}

	.snb_box .global_r a{display:none;}
	.snb_box .global_r a.sitemap{display:block;margin: 0;}

	#footer .layout{padding:0 20px;}

}
@media (max-width:1023px){
	#header #open_mn{display:block;right: 30px;top: 43px;width: 20px;height: 15px;}
	#header{height: 90px;padding:0;}
	#snb{display:none;}

	#animate{height: 90px;}

	.location_buttons_box .sns:before{display:none;}

	.location_buttons_box{right:55px;}
	.location_buttons_box:before{left: -70px;top: 42%;}

	#content{width:100%;}
	#content .conTit{font-size:30px}

	#footer{padding: 20px 0px 25px;}
	#footer .menu{height: 40px;padding-top:0;}
	#footer .menu ul{text-align:center;}
	#footer .menu li a{padding:0 10px;}
	#footer .tes{padding-top:25px;}
	#footer .tes{text-align:center;background:none;}
	#footer .tes .select_group{position:relative; left:auto; top:auto; width:100%; margin-bottom:10px;}
	#footer .tes .select_group .select{display:inline-block;}
	#footer .logo{display: block;position:static;margin: 30px auto 0;}
}
@media (max-width:767px){
	.layout{padding: 0 15px;}

	#header #logo{left: 20px;}
	#header #logo .ir-logo{width: 150px;height: 33px;background-size: 100%;}
	#header #open_mn{top: 39px;right: 20px;}


	#svisual{height: 200px;}
	#svisual h1 span{font-size:30px;}

	.location_buttons_box{display:block;top: auto;left: 50%;right: auto;bottom: -108px;transform: translateX(-50%);}
	.location_buttons_box .ir{margin:0;}
	.location_buttons_box:before{display:none;}

	#navigate .layout{padding: 20px 0 20px 70px;background: #9c1a1c;text-align: left;}
	#navigate .home{position:absolute;left:0;top:0;height: 100%;}
	#navigate .home:after{display:none;}
	#navigate .navi:after{}
	#navigate span{line-height:1.2;font-size: 13px;}
	#navigate .navi{padding: 0 20px 0 0;background-position: center 49%;}
	#navigate .navi.navi1{height:auto;padding-left: 0;}
	#navigate .navi.navi2{padding: 0 20px 0 0;}
	#navigate .navi.navi3{padding:0 20px 0 0}
	#navigate .navi:after{top: 5px;right: 10px;}

	#svisual h1{padding: 40px 0 0;text-align:center;}
	#container{margin-top:20px;}
	#content .conTit{padding: 0 0 65px;font-size: 25px;text-align: center;}

	#footer{padding: 16px 0px 19px;}
	#footer .layout{padding:0 15px}
	#footer .tes{padding:0;border: 0;text-align:center;}
	#footer .tes address{border:0;line-height: 1.5;text-align: center;}
	#footer .menu{height:auto;}
	#footer .menu ul{margin-bottom:25px;}
	#footer .menu ul:after{display:block;clear:both;content:'';}
	#footer .menu li{float: left;width: 50%;margin: -1px 0 0 -1px;border:1px solid #868686;}
	#footer .menu li a{padding: 8px 0px;}
	#footer .menu{padding:0;border: 0;}
	#footer .tes .menu ul li a, #footer .tes .copyright, #footer .tes address{text-align:center;}
}