@charset "utf-8";
/* CSS Document */

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../../fonts/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
        url(../../fonts/NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
        url(../../fonts/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../../fonts/NotoSansKr/NotoSansKR-Medium.woff2) format('woff2'),
        url(../../fonts/NotoSansKr/NotoSansKR-Medium.woff) format('woff'),
        url(../../fonts/NotoSansKr/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 600;
   src: url(../../fonts/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
        url(../../fonts/NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
        url(../../fonts/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
} 

html {font-size:20px}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4,h5, form, fieldset, p, button, input {
	margin:0;
	padding:0;
	font-family: 'Noto Sans KR', 'NanumGothic', '나눔고딕', '돋움', 'dotum', 'sans-serif';
	line-height:1.5;
	letter-spacing:-0.5px
}

input, select {
	vertical-align:middle;
	color:#666;
}

a {text-decoration:none}
button {background:transparent;border:none;cursor:pointer}

img, fieldset {border:none}
ul li {	list-style:none outside none}
ol li {	list-style:none outside none}

caption, legend {
	visibility:hidden;
	overflow:hidden;
	position:absolute;
	top:0;
	left:-999em;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	text-align:left;
}

strong {font-weight:500}

table {border-collapse:collapse;table-layout:fixed;word-break:break-all}

textarea { line-height:24px;
		   letter-spacing:1px;
		    border:1px solid #ddd;
			overflow-y:scroll;
			resize:none;}

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

#header {position:fixed;top:0;left:0;width:100%;box-sizing:border-box;z-index:50}

.top_banner {position:relative;width:100%;margin:0 auto;height:7.5rem;background:#2b353e}
.top_banner_inner {position:relative;width:100%;max-width:1440px;height:100%;margin:0 auto}
.rolling {position:relative}
.rolling ul {height:5.2rem}
.rolling > ul > li {position:relative;display:inline-block;width:calc(33.3% - .15rem);padding:1.25rem 1rem 1.2rem 0;box-sizing:border-box;display:none}
.rolling > ul > li.active {display:inline-block}
.rolling > ul > li > a {position:relative;display:block;padding:0 4rem 0 1rem}
.rolling > ul > li > a:before {content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:#b4b4b4}
.rolling > ul > li:first-child > a:before {display:none}
.rolling > ul > li > a span.bn_tit {overflow:hidden;display:block;width:95%;color:#fff;font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}
.rolling > ul > li > a span.bn_txt {overflow:hidden;display:block;height:2rem;margin-top:2px;color:#fff;font-size:.65rem;line-height:1.05rem;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.rolling > ul > li > a span.bn_btn {position:absolute;top:0;right:0;width:3rem;height:3rem;border-radius:100px;background:#3b3b3b url(../../img/ipsi/common/top_banner_arrow.png) no-repeat center bottom .75rem;color:#fff;font-size:.65rem;line-height:2.5rem;text-align:center}
.rolling > ul > li.active .bn_info {display:none}
.rolling > ul > li .bn_info {position:absolute;top:4.8rem;left:0;width:calc(100% + .2rem);padding:.75rem;background:#fff;box-shadow:0px 3px 3px rgba(0,0,0,0.5);box-sizing:border-box;z-index:100}
.rolling > ul > li .bn_info span.bn_detail {color:#555;font-size:.7rem}
.rolling > ul > li .bn_info span a {display:inline-block;height:1.2rem;margin-top:.5rem;padding:0 1.35rem 0 .5rem;background:#3b3b3b  url(../../img/ipsi/common/icon_btn_go.png) no-repeat right .5rem center;border-radius:4px;color:#fff;font-size:.6rem;line-height:1.2rem}
.rolling ul:after {content:"";clear:both}

.rolling > ul > li > a img {width:100%;height:100%;max-height:4.5rem}

.rl_control {position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%)}
.rl_control ul {overflow:hidden}
.rl_control ul li {float:left;margin-left:.25rem}
.rl_control ul li:first-child {margin-left:0}
.rl_control ul li a {display:block;width:.5rem;height:.5rem;background:#fff;border:2px solid #fff;border-radius:50%;text-indent:-9999px}
.rl_control ul li.active a {background:#568ae5}

.bn_close {position:absolute;bottom:.5rem;right:1rem;display:block;z-index:15}
.bn_close label {display:inline-block;vertical-align:middle}
.bn_close label input[type=checkbox] {display:inline-block;width:.8rem;height:.8rem;background:#fff;border:none;vertical-align:middle}
.bn_close label span {display:inline-block;margin-left:.25rem;color:#fff;font-size:.75rem;vertical-align:middle}
.bn_close a.btn_bn_close {display:inline-block;width:1.1rem;height:1.1rem;margin-left:.5rem;background:#fff url(../../img/ipsi/common/top_banner_close.png) no-repeat center center;background-size:.5rem;border-radius:50%;text-indent:-9999px;vertical-align:middle}

.top_util {position:relative;width:100%;height:1.9rem;background:#3b3b3b}
.top_util_wrap {overflow:hidden;position:relative;width:100%;max-width:1600px;margin:0 auto}
.top_util_wrap ul.util {overflow:hidden;float:right}
.top_util_wrap ul.util li {float:left;border-left:1px solid #949494;line-height:1.9rem}
.top_util_wrap ul.util li a {display:block;padding:0 .75rem;color:#fff;font-size:.65rem}
.top_util_wrap ul.util li.popCtrl {border-left:none}
.top_util_wrap ul.util li.popCtrl a {display:block;height:1.9rem;padding:0 2rem 0 1rem;background:#005aab url(../../img/ipsi/common/btn_pop_close.png) no-repeat right .75rem center;background-size:.45rem;color:#fff;font-size:.65rem;line-height:1.9rem}
.top_util_wrap ul.util li.popCtrl a.open {background:#005aab url(../../img/ipsi/common/btn_pop_open.png) no-repeat right 15px center;background-size:.45rem}

.gnbWrap {position:relative;width:100%;height:5rem;background:#fff;border-bottom:1px solid #e9e9e9;box-sizing:border-box;z-index:50}
.gnb {display:flex;flex-wrap:wrap;align-items:center;width:100%;max-width:1600px;height:100%;margin:0 auto}
.gnb h1.logo {width:16.25rem;vertical-align:middle}
.gnb h1.logo a {display:block;width:16.25rem;height:2.1rem;background:url(../../img/ipsi/common/logo.png)no-repeat;background-size:16.25rem;text-indent:-9999px}
.gnb > ul {display:flex;justify-content:flex-end;width:calc(100% - 20.25rem);padding:0 2.2rem 0 1rem;box-sizing:border-box}
.gnb > ul > li {width:calc(100% / 7);text-align:center}
.gnb > ul > li > a {position:relative;display:inline-block;padding:1.75rem 0;color:#333;font-size:1rem;letter-spacing:-2px}
.gnb > ul > li.active > a, .gnb > ul > li > a:hover {color:#16476e}
.gnb > ul > li.active > a:before, .gnb > ul > li > a:hover:before {content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:#16476e}
.gnb .header_util {display:flex;justify-content:space-between;align-items:center;width:4rem}
.gnb .header_util .search {width:1.8rem;vertical-align:middle}
.gnb .header_util .search a {display:block;width:1.3rem;height:1.25rem;background:url(../../img/ipsi/common/btn_search.png) no-repeat;background-size:1.3rem;text-indent:-9999px}
.gnb .header_util .search.close a {display:block;width:.8rem;height:.8rem;background:url(../../img/ipsi/common/search_close.png) no-repeat 0 0;background-size:.8rem;text-indent:-9999px}
.gnb .header_util .allmenu {width:1.3rem;vertical-align:middle}
.gnb .header_util .allmenu a {display:block;width:1.3rem;height:1.05rem;background:url(../../img/ipsi/common/allmenu.png) no-repeat 0 0;background-size:1.3rem;text-indent:-9999px}

.gnb .depth2_wrap {display:none;position:absolute;top:5rem;left:0;width:100%;background:#fff;border-bottom:1px solid #999}
.gnb .depth2_wrap .depth2 {position:relative;width:100%;max-width:1200px;min-height:16rem;margin:0 auto;text-align:left}
.gnb .depth_head {position:absolute;top:0;left:20px;width:260px;height:100%;background:#16476e url(../../img/ipsi/common/menu_bg.png) no-repeat right 20px bottom 20px}
.gnb .depth_head:before {content:"";display:block;position:absolute;top:0;left:-150%;width:150%;height:100%;background:#16476e }
.gnb .depth_head strong {display:block;padding-top:2rem;color:#fff;font-size:1.7rem;font-weight:500}
.gnb .depth_head p {display:block;color:#fff;font-size:.75rem}
.gnb .depth2_wrap .depth2 > ul {width:calc(100% - 280px);padding-left:280px}
.gnb .depth2_wrap .depth2 > ul > li {position:relative;display:block;width:100%;min-height:50px}
.gnb .depth2_wrap .depth2 > ul > li:before {content:"";position:absolute;bottom:0;left:0;width:100vw;height:1px;background:#ccc}
.gnb .depth2_wrap .depth2 > ul > li > a {position:absolute;top:0;left:30px;width:220px;height:100%;color:#333;font-size:.85rem;line-height:50px;letter-spacing:-2px}
.gnb .depth2_wrap .depth2 > ul > li > a:hover {color:#16476e}
.gnb .depth2_wrap .depth2 > ul > li > ul {overflow:hidden;width:calc(100% - 280px);padding:10px 0 10px 280px}
.gnb .depth2_wrap .depth2 > ul > li > ul > li {float:left;margin-right:20px}
.gnb .depth2_wrap .depth2 > ul > li > ul > li > a {position:relative;padding-left:14px;color:#555;font-size:.75rem}
.gnb .depth2_wrap .depth2 > ul > li > ul > li > a:before {content:"";position:absolute;top:12px;left:0;width:4px;height:4px;margin-top:-2px;background:#7296c0;border-radius:12px}
.gnb .depth2_wrap .depth2 > ul > li > ul > li > a:hover {text-decoration:underline;color:#16476e}

.gnb > ul > li.active .depth2_wrap, .gnb > ul > li:hover .depth2_wrap {display:block}

.gnb .mb_search {display:none}
.gnb .mb_allmenu {display:none}

.totalSearchWrap {display:none;position:absolute;top:5rem;left:0;width:100%;padding:1.5rem 1rem;background:#005aab;opacity:.95;box-sizing:border-box}
.totalSearchWrap .searchBox {position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:1600px;margin:0 auto;text-align:center}
.totalSearchWrap .searchBox input[type=text] {width:calc(100% - 5.25rem);height:1.5rem;padding:.5rem;background:#fff;border:none;border-radius:8px 0 0 8px;font-size:.8rem;vertical-align:middle}
.totalSearchWrap .searchBox .btn_search {width:2.5rem;height:2.5rem;background:#2a4a98 url(../../img/ipsi/common/icon_search.png)no-repeat center center;background-size:1.1rem;border-radius:0 8px 8px 0;text-indent:-9999px;vertical-align:middle}
.totalSearchWrap .searchBox .btn_close {width:2.5rem;height:2.5rem;margin-left:.25rem;background:#2a4a98 url(../../img/ipsi/common/icon_close.png)no-repeat center center;background-size:1.1rem;border-radius:8px;text-indent:-9999px;vertical-align:middle}

#footer {position:relative;width:100%;background:#152e52}
.ftTopWrap {position:relative;width:100%;border-bottom:1px solid #4b5e7a}
.ftTop {position:relative;width:100%;max-width:1600px;margin:0 auto}
.ftTop ul {display:flex;flex-wrap:wrap;align-items:center;padding:1rem 0 1.1rem 0}
.ftTop ul li {position:relative;padding:.25rem 1rem}
.ftTop ul li:before {content:"";position:absolute;top:50%;left:0;width:1px;height:.6rem;margin-top:-.3rem;background:rgba(255, 255, 255, .1)}
.ftTop ul li:first-child:before {display:none}
.ftTop ul li a {display:block;color:#a9bdd9;font-size:.8rem}
.ftTop ul li:first-child a {color:#fff}

.ftContWrap {position:relative;width:100%;max-width:1600px;margin:0 auto}
.ftCont {display:flex;align-items:center;padding:1.5rem 0}
.ftCont h1.ftLogo {width:10.35rem;height:1.9rem;background:url(../../img/ipsi/common/ft_logo.png)no-repeat;background-size:10.35rem;text-indent:-9999px}
.ftCont .address_wrap {width:calc(100% - 10.35rem);padding-left:1.5rem;box-sizing:border-box}
.ftCont .address_wrap .address {display:block;color:#fff;font-size:.75rem;word-break:keep-all}
.ftCont .address_wrap .copyright {display:block;margin-top:.35rem;color:#fff;font-size:.75rem}

.mobAllmenu {display:none}

#mask {position:fixed;left:0;top:0;z-index:99;display:none}
#loading {position:fixed;top:0px;left:0px;z-index:100000;width:100%;height:100%;text-align:center;background-color:rgba(255,255,255,0.3);display:none}
.pointer {cursor:pointer}

.searchWrap {display:none}

.skipnav {position:relative;width:100%;background:#000;color:#fff;text-align:center;}
.skipnav a {display:block;color:#fff;font-weight:bold;width:0;height:0;line-height:0;font-size:0;}
.skipnav a:focus, .skip a:active {display:block;padding:5px 0;width:auto;height:auto;line-height:1.5;font-size:12px;}

.sideMenu {position:fixed;top:50%;right:1rem;transform:translateY(-50%);text-align:center;z-index:50}
.sideWrap h1 {position:relative;padding:1rem 1.2rem;background:#193356;border-radius:6px 6px 0 0;color:#fff;font-size:.8rem;font-weight:500}
.sideWrap > ul {background:#fff;border:1px solid #dedede;border-radius:0 0 8px 8px;box-sizing:border-box}
.sideWrap > ul > li {position:relative;display:block;border-top:1px solid #dedede}
.sideWrap > ul > li:first-child {border-top:none}
.sideWrap > ul > li > a {display:flex;justify-content:center;align-items:center;padding:.75rem .5rem;color:#333;box-sizing:border-box}
.sideWrap > ul > li > a .quick_icon1 {text-indent:100%;white-space:nowrap;overflow:hidden;width:1.95rem;height:1.5rem;margin:0 auto;background:url(../../img/ipsi/common/quick_icon01.png)no-repeat;background-size:1.95rem;transform:rotateY(0deg);transition:.65s}
.sideWrap > ul > li > a .quick_icon2 {text-indent:100%;white-space:nowrap;overflow:hidden;width:1.15rem;height:1.5rem;margin:0 auto;background:url(../../img/ipsi/common/quick_icon02.png)no-repeat;background-size:1.15rem;transform:rotateY(0deg);transition:.65s}
.sideWrap > ul > li > a .quick_icon3 {text-indent:100%;white-space:nowrap;overflow:hidden;width:1.05rem;height:1.5rem;margin:0 auto;background:url(../../img/ipsi/common/quick_icon03.png)no-repeat;background-size:1.05rem;transform:rotateY(0deg);transition:.65s}
.sideWrap > ul > li > a .quick_icon4 {text-indent:100%;white-space:nowrap;overflow:hidden;width:1.4rem;height:1.5rem;margin:0 auto;background:url(../../img/ipsi/common/quick_icon04.png)no-repeat;background-size:1.4rem;transform:rotateY(0deg);transition:.65s}
.sideWrap > ul > li > a .quick_icon5 {text-indent:100%;white-space:nowrap;overflow:hidden;width:1.65rem;height:1.5rem;margin:0 auto;background:url(../../img/ipsi/common/quick_icon05.png)no-repeat;background-size:1.65rem;transform:rotateY(0deg);transition:.65s}
.sideWrap > ul > li > a .quick_icon6 {text-indent:100%;white-space:nowrap;overflow:hidden;width:1.55rem;height:1.5rem;margin:0 auto;background:url(../../img/ipsi/common/quick_icon06.png)no-repeat;background-size:1.55rem;transform:rotateY(0deg);transition:.65s}
.sideWrap > ul > li > a .quick_icon7 {text-indent:100%;white-space:nowrap;overflow:hidden;width:1.5rem;height:1.5rem;margin:0 auto;background:url(../../img/ipsi/common/quick_icon07.png)no-repeat;background-size:1.5rem;transform:rotateY(0deg);transition:.65s}
.sideWrap > ul > li > a .quick_icon8 {text-indent:100%;white-space:nowrap;overflow:hidden;width:2rem;height:1.5rem;margin:0 auto;background:url(../../img/ipsi/common/quick_icon08.png)no-repeat;background-size:2rem;transform:rotateY(0deg);transition:.65s}
.sideWrap > ul > li > a .quick_icon9 {text-indent:100%;white-space:nowrap;overflow:hidden;width:1.65rem;height:1.5rem;margin:0 auto;background:url(../../img/ipsi/common/quick_icon09.png)no-repeat;background-size:1.65rem;transform:rotateY(0deg);transition:.65s}
.sideWrap > ul > li > a:hover .quick_icon1, .sideWrap > ul > li > a:hover .quick_icon2, .sideWrap > ul > li > a:hover .quick_icon3, .sideWrap > ul > li > a:hover .quick_icon4, .sideWrap > ul > li > a:hover .quick_icon5, .sideWrap > ul > li > a:hover .quick_icon6, .sideWrap > ul > li > a:hover .quick_icon7, .sideWrap > ul > li > a:hover .quick_icon8, .sideWrap > ul > li > a:hover .quick_icon9 {transform:rotateY(-180deg)}
.sideWrap > ul > li > a .quickTit {width:calc(100% - 2rem);padding-left:.25rem;color:#333;font-size:.75rem;line-height:1.3;letter-spacing:-1.5px;box-sizing:border-box}
.sideWrap > ul > li:nth-child(4) > a .quickTit {width:calc(100% - 1.55rem)}
.sideWrap > ul > li:nth-child(6) > a .quickTit {width:calc(100% - 1.55rem)}
.sideWrap > ul > li > a:hover .quickTit {color:#0058aa}

.sideMenu .side_close {display:block;margin:.5rem auto 0;width:2.25rem;height:2.25rem;background:#193356 url(../../img/ipsi/common/side_close.png)no-repeat center center;background-size:.8rem;border-radius:50%;text-indent:-9999px}
.sideMenu_open {display:none;position:absolute;top:50%;right:0;transform:translateY(-50%);background:rgba(25, 51, 86, .9);border-radius:8px 0 0 8px}
.sideMenu_open a {display:block;padding:.75rem .75rem 3rem .75rem;background:url(../../img/ipsi/common/sidemenu_open.png)no-repeat center bottom 1rem;background-size:.65rem;color:#fff;font-size:.75rem;box-sizing:border-box}

.logo_thirty {display:block;margin-top:1rem}
.logo_thirty a {display:block;width:6.4rem;height:5.95rem;background:url(../../img/ipsi/common/logo_thirty.png)no-repeat;background-size:6.4rem;text-indent:-9999px}