@charset "utf-8";
/** common **/
#wrap {width:100%; height:auto; overflow:hidden;}
.al_wrap {max-width:1200px; margin:0 auto; position:relative;}
.al_wrap:after {content:""; display:block; clear:both;}


/** header **/
#header {width:100%; height:113px; position:relative; z-index:101; background:url(/Img/ipsi/common/header_bg.png) repeat; border-bottom:1px solid #ccd6e5;}
#header .al_wrap {z-index:120;} 
h1.logo {position:absolute; left:5px; top:20px; z-index:5; font-size:1em;}
h1.logo a {display:block; width:203px; height:70px; padding:30px 0 0 213px; font-size:1.786em; background:url(/Img/ipsi/common/logo.svg) no-repeat left 3px; background:url(/Img/ipsi/common/logo.png)/9 no-repeat left 3px;}
h1.logo a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}

.top_util {width:auto; height:24px; position:absolute; right:0; top:10px;}
.top_util:after {content:""; display:block; clear:both;}
.top_util li {float:left; margin-left:5px;}
.top_util li a {display:inline-block; height:24px; line-height:24px; padding:0 5px; font-size:0.929em; color:#606060;}
.top_util li a:hover, .top_util li a:active, .top_util li a:focus {text-decoration:underline;}
.top_util li a.site_link {color:#c40f69; font-weight:600; background:none;}

.mob_gnb_btn {display:none;}
#rwd_gnb {display:none;}
.gnb_wrap {max-width:1200px; margin:0 auto; position:relative; height:55px; top:42px; z-index:20;}
#gnb {position:absolute; right:0; top:0; width:63%; padding:0 0 0 35%; z-index:20;}
#gnb ul {width:100%;}
#gnb ul li {float:left; width:16.6%;}
#gnb ul li a {display:block; text-align:center; font-size:1.286em; font-weight:600; color:#3a3a3a; padding:14px 0; height:27px;
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;letter-spacing:-1.2px;}
#gnb ul li a.ov, #gnb ul li a:hover, #gnb ul li a:active, #gnb ul li a:focus {color:#c40f69;}
#gnb ul li ul {padding:0; width:130%; background:#fff; border:1px solid #d9d9d9; border-top:3px solid #c40f69; position:relative; box-sizing:border-box; margin-left:-15%; display:none; overflow:hidden; -webkit-opacity:0; -moz-opacity:0; opacity:0; filter:alpha(opacity=0);} 
#gnb ul li.num4 ul {width:140%; margin-left:-20%;}
#gnb ul li.num5 ul {width:160%; margin-left:-30%;}
#gnb ul li.num6 ul {width:106%; margin-left:-3%;}
#gnb ul li ul li {float:none; width:100%;}	
#gnb ul li ul li:first-child {margin-top:0;}
#gnb ul li ul li a {text-align:left; font-size:1.071em; font-weight:normal; padding:6px 10px; height:auto; color:#464646; font-size:0.929em;
-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
#gnb ul li ul li a.ov, #gnb ul li ul li a:hover, #gnb ul li ul li a:active, #gnb ul li ul li a:focus {background:#e5e5e5; color:#2d2d2d;}


/** visual **/
#sub_visual {width:100%; height:293px; position:relative; background:url(/Img/ipsi/common/sub_visual_bg.jpg) no-repeat center top; margin-top:-114px; z-index:10;}
#main_visual {width:100%; height:659px; position:relative; margin-top:-114px; z-index:10; background:url(/Img/ipsi/main/visual_bg01.jpg) no-repeat center top;}


/**** container ****/
#container {width:100%; height:auto; position:relative; z-index:20; margin:-129px 0 40px 0;}
#container .al_wrap {background:url(/Img/ipsi/common/container_bg.gif) repeat-y left top; border-bottom:1px solid #d9d9d9;}
#container .al_wrap span.edge_bg {position:absolute; left:260px; bottom:-1px; display:block; width:15px; height:10px; background:#fff; z-index:10;}
#main_container {width:100%; height:auto; overflow:hidden; position:relative; z-index:10; margin-top:-545px;}

	/** left menu **/
	#lnb {width:260px; float:left;}
	#lnb h2 {background:#462a7a url(/Img/ipsi/common/lnb_titlebg.jpg) no-repeat; color:#d8d2e4; text-align:center; height:75px; padding:35px 0 0 0; font-size:1.857em;}
	#lm {width:auto; padding:0 1px 50px 1px;}
	#lm li {width:100%; border-bottom:1px solid #e5e5e5; background:#fff;}
	#lm li a {padding:10px 15px; display:block; font-weight:600;}
	#lm li a span {display:inline-block; padding:0 18px 0 0;}
	#lm li a[target="_blank"] span {background:url(/Img/ipsi/common/blank_ico.svg) no-repeat right 6px; background:url(/Img/ipsi/common/blank_ico.gif)/9 no-repeat right 6px;}
	#lm li a.ov, #lm li a:hover, #lm li a:active, #lm li a:focus {color:#c40f69; background:url(/Img/ipsi/common/lnb_bul.gif) no-repeat 92% 15px;}
	#lm li ul {display:none; width:auto; background:#f2f2f2; height:auto; padding:8px 0; border-top:1px solid #e5e5e5;}
	#lm li ul li {background:none; border-bottom:0;}
	#lm li ul li a {font-size:0.929em; padding:3px 18px 3px 15px; width:auto; display:inline-block; font-weight:normal;}
	#lm li ul li a.ov, #lm li ul li a:hover, #lm li ul li a:active, #lm li ul li a:focus {color:#444; background:none; font-weight:600; text-decoration:underline;}
	#lm li ul li a[target="_blank"] {background:url(/Img/ipsi/common/blank_ico.svg) no-repeat right 7px; background:url(/Img/ipsi/common/blank_ico.gif)/9 no-repeat right 7px;}
	
	/** contents **/
	#contents {width:863px; float:left; margin:0 1px 0 16px; padding:0 30px 0 30px; background:#fff;}
	
	.location {position:relative; width:100%; padding:35px 0 15px 0; border-bottom:1px solid #d9d9d9; margin:0 0 30px 0;}
	.location h3.cont_title {font-size:2.286em; line-height:1.188em; margin:0;}
	.location .navi {width:82%; margin-bottom:20px; font-size:0.929em;}
	.location .navi:after {content:""; display:block; clear:both;}
	.location .navi a {display:inline-block; vertical-align:top;}
	.location .navi a.home {background:url(/Img/ipsi/common/home_ico.png) no-repeat; width:15px; height:13px; margin-top:3px;}
	.location .navi a.home span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
	.location .navi a.navi_ov {color:#c40f69;}
	.location .navi a:hover, .location .navi a:active, .location .navi a:focus {text-decoration:underline;}
	.location .sns {position:absolute; right:0; top:30px;}
	.location .sns dt {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
	.location .sns dd {float:left; margin-left:4px;}
	.location .sns dd.pr {border-left:1px solid #cccccc; padding-left:7px; margin-left:8px;}
	.location .sns dd a {display:block; width:25px; height:25px; background:url(/Img/ipsi/common/sns_bg.png) no-repeat;}
	.location .sns dd a:hover, .location .sns dd a:active, .location .sns dd a:focus {background:url(/Img/ipsi/common/sns_bg_ov.png) no-repeat; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
	.location .sns dd.fb a {background-position:-25px 0;}
	.location .sns dd.tt a {background-position:0 0;}
	.location .sns dd.pr a {background-position:-50px 0; padding:0;}
	.location .sns dd a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
	
	#txt {width:100%; height:auto; position:relative; padding:0 0 30px 0;}
	#tab_cont {width:100%; height:auto; margin:0 0 30px 0; border-top:1px dotted #e7e7e7; background:url(/Img/ipsi/common/tab_cont_bg.gif) repeat;}
	#tab_cont a {display:inline-block; vertical-align:top; height:43px; line-height:43px; margin:0 5px; padding:0 10px; font-size:0.929em; text-align:center;}
	#tab_cont a.tab_ov, #tab_cont a:hover,  #tab_cont a:active,  #tab_cont a:focus {border-bottom:3px solid #a52d69; height:40px; color:#c40f69;
	-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
	
	
/** footer **/
#footer {width:100%; height:auto; background:#535456; position:relative; z-index:10;}
#footer .al_wrap {padding:30px 0 30px 80px; max-width:1120px; color:#9f9fa0; font-size:0.929em; background:url(/Img/ipsi/common/footer_logo.png) no-repeat 5px 35px;}
.footer_m {width:auto; height:auto; padding:0 0 5px 0; overflow:hidden;}
.footer_m:after {content:""; display:block; clear:both;}
.footer_m li {float:left; background:url(/Img/ipsi/common/footer_m_bul.gif) no-repeat left 10px;}
.footer_m li:first-child {background:none;}
.footer_m li a {display:inline-block; padding:3px 10px 3px 18px; color:#babbbb;}
.footer_m li:first-child a {padding:3px 10px 3px 0; color:#fff;}
.footer_m li a:hover, .footer_m li a:active, .footer_m li a:focus {text-decoration:underline;}
.relate_site {position:absolute; right:0; top:30px;}
.relate_site a {display:inline-block; vertical-align:top; width:160px; height:auto; padding:10px 10px; border:1px solid #848586; color:#9e9ea0; background:url(/Img/ipsi/common/footer_relate_site_bul.gif) no-repeat 92% 50%;
-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
.relate_site a:hover, .relate_site a:active, .relate_site a:focus {border:1px solid #a9aaab; color:#c3c3c3;}
#footer address, #footer p {margin:0; display:block;}
#footer address span {display:inline-block; vertical-align:top; margin:0 10px 0 0;}









@charset "utf-8";

@media all and (max-width:1240px){
/** common **/	
.al_wrap {max-width:1000px;}


/** header **/
.gnb_wrap {max-width:1000px;}


/**** container ****/
#container .al_wrap {background:url(/Img/ipsi/common/container_bg2.gif) repeat-y left top;}
#container .al_wrap span.edge_bg {left:230px;}

	/** left menu **/
	#lnb {width:230px;}

	/** contents **/
	#contents {width:693px;}

}




@media all and (max-width:1040px){
/** common **/	
.al_wrap {max-width:94%; padding:0 3%;}



	/* Mobile Gnb */
	.mob_gnb_btn {display:block; position:absolute; right:3%; top:21px; width:35px; height:35px; background:url(/Img/ipsi/common/mob_gnb_btn.svg) no-repeat center 50%; background:url(/Img/ipsi/common/mob_gnb_btn.gif)/9 no-repeat center 50%; z-index:140;}
	.mob_gnb_btn.ov {background:url(/Img/ipsi/common/mob_gnb_btn_ov.svg) no-repeat center 50%; background:url(/Img/ipsi/common/mob_gnb_btn_ov.png)/9 no-repeat center 50%;}
	.mob_gnb_btn span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
	
	#rwd_gnb {position:absolute; top:0px; right:-220px; width:220px; background:#313131; z-index:150; display:none;}	
	#rwd_gnb .top_util_mob {width:90%; height:61px; padding:18px 5% 0 5%; overflow:hidden;}
	#rwd_gnb .top_util_mob:after {content:""; display:block; clear:both;}
	#rwd_gnb .top_util_mob li {float:left; width:auto;}
	#rwd_gnb .top_util_mob li a {text-align:center; display:block; color:#969696; padding:10px 12px 0 0;}
	#rwd_gnb .top_util_mob li:last-child a {color:#a52d69; font-weight:600; background:none; padding:10px 0;}
	#rwd_gnb .top_util_mob li a:hover, #rwd_gnb .top_util_mob li a:active, #rwd_gnb .top_util_mob li a:focus {text-decoration:underline;}
	#rwd_gnb .depth1 {width:100%; padding-bottom:50px; border-top:1px solid #505050;}
	#rwd_gnb .depth2,
	#rwd_gnb .depth3 {display:none;}
	#rwd_gnb .depth1 li a {display:inline-block; vertical-align:top; width:95%; height:42px; padding-left:5%; line-height:42px; font-weight:600; color:#bfbfbf; background:url(/Img/ipsi/common/mob_gnb_depth1_bul.png) no-repeat 92% 50%; border-bottom:1px solid #505050; font-size:1.071em;
	-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
	#rwd_gnb .depth1 li a.ov {background:#a52d69 url(/Img/ipsi/common/mob_gnb_depth1_bul_ov.png) no-repeat 92% 50%; border-bottom:0; color:#fff;}
	#rwd_gnb .depth2 {padding:0; background:#4c4c4c url(../images/common/mob_gnb_bg.gif) repeat;}
	#rwd_gnb .depth2 li a {display:inline-block; vertical-align:top; border-top:1px solid #676767; padding:9px 5% 9px 5%; width:90%; height:auto; background:none; line-height:1.429em; color:#dbdbdb; font-size:0.929em; font-weight:normal;}
	#rwd_gnb .depth2 li:first-child a {border-top:0;}
	#rwd_gnb .depth2 li a.ov {background:#313131 none; color:#e51d81;}
	#rwd_gnb .depth3 {background:#313131; width:90%; padding:10px 5%; border-top:1px solid #505050;}
	#rwd_gnb .depth3 li a {display:inline-block; vertical-align:top; width:94%; padding:3px 0 3px 6%; color:#adadad; border:0; background:url(/Img/ipsi/common/mob_gnb_depth3_bul.png) no-repeat 3px 50%; font-size:0.857em;}
	.shadow_bg {width:100%; height:100%; position:fixed; left:0; top:0; background:#fff; -webkit-opacity:0; -moz-opacity:0; -o-opacity:0;-ms-opacity:0; opacity:0; filter:alpha(opacity=0); z-index:130; display:none;}


/**** container ****/
#container {margin:-154px 0 40px 0;}
#container .al_wrap {background:#fff none; padding:0; top:auto; border:1px solid #cbcbcb;}
#container .al_wrap span.edge_bg {display:none;}

	
	/** contents **/
	#contents {width:92%; margin:0; padding:0 4%;}
	.location {padding:25px 0 15px 0;}
	.location .sns {top:22px;}
	.location .sns dd.pr {display:none;}
	

}