@charset "utf-8";


/* 팝업 */

.popcolbox {}
.popcolbox:after {display:block; clear:both; visibility:hidden; content:';'}
.popcolbox .form-control {width:100%;height:35px; line-height:35px; }


button[data-control]{position:relative;display:inline-block;margin:0 -4px;width:25px;height:25px;vertical-align:middle;overflow: hidden;}
button[data-control]:before,
button[data-control]:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
button[data-control="prev"]:before,
button[data-control="next"]:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #333;transform: rotate(45deg);}
button[data-control="prev"]:before{right: -5px;border-width: 0 0 2px 2px;}
button[data-control="next"]:before{left: -5px;border-width: 2px 2px 0 0;}
button[data-control="stop"]:before{width: 2px;height: calc(100%/2);box-shadow: -3px 0 #333, 3px 0 #333;}
button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 10px 0 10px 15px;border-style: solid;border-color: transparent transparent transparent #333;}


* {box-sizing:border-box;}
.kyin_layout:after,
.layout:after,
.clear:after {display:block; clear:both; visibility:hidden; content:'';}
.kyin_layout {position:relative;padding: 0 80px;}
.layout {position:relative;width:100%;max-width: 1400px;margin:0 auto;}
.clear {clear:none;}

body {}
#header {position:relative;padding: 0 0 0 30px;}
#snb {}
#snb .snb_box {}
#snb .snb_box .logo {float:left;position: relative;z-index: 21;}
#snb .snb_box .logo h1 {}
#snb .snb_box .logo h1 a {display:block; line-height:80px; font-size:20px; color:#626061; }
#snb .snb_box .logo h1 span {display:inline-block; position:relative; width:162px; height:26px; margin:0 24px 0 0; background:url(/images/ipsi/common_new/logo.png)no-repeat; background:url(/images/ipsi/common_new/logo.svg)no-repeat; background-size:100% auto; font-size:0; vertical-align:middle;}
#snb .snb_box .logo h1 span:after {display:block;position:absolute;right:-12px;top: 4px;content:'';width:1px;height:15px;background:#cecece;}
#snb .snb_box .utile_wrap {float:right;position: relative;z-index: 21;}
#snb .snb_box .utile_wrap ul {height:80px;}
#snb .snb_box .utile_wrap ul li {display:inline-block;width: 80px;margin: 0;vertical-align:top;}
#snb .snb_box .utile_wrap ul li a {display:block; line-height:80px; color:#8e8e8e; font-size:15px; }
#snb .snb_box .utile_wrap ul li.home {width:auto; margin:0 60px 0 0;}
#snb .snb_box .utile_wrap ul li.home span {display:inline-block; width:16px; height:16px; margin:-2px 10px 0 0; background:url(/images/ipsi/common_new/ico.png)no-repeat; vertical-align:middle;}
#snb .snb_box .utile_wrap ul li.pc {}
#snb .snb_box .utile_wrap ul li.pc a {width: 80px;height: 80px;background: #67a33c url(/images/ipsi/common_new/menu.png)no-repeat center;font-size:0;}
#snb .snb_box .utile_wrap ul li.mo {display:none;}

#all_menu,
#topmenu,
.mobile_close {display:none;}

#gnb {position:absolute;left:0;top:0;z-index: 10;width:100%;text-align:center;}
#gnb.on {z-index:999}
#gnb.on:before {display:block;position:absolute;content:'';left:0;top: 80px;width:100%;height: 300px;border-top: 1px solid #ddd;background:#fff;}
#gnb.on:after {display:block;position:absolute;content:'';right:50%;top: 81px;width:100%;height: 300px;margin-right:290px;background:#f6f7f9;}
#gnb #gnbwrap {position:relative;}
#gnb #gnbwrap #tm {width:100%;}
#gnb #gnbwrap #tm > li {display:inline-block;margin: 0 25px;}
#gnb #gnbwrap #tm > li > a {display:block;position: relative;line-height:80px;font-size: 19px;color: #2f3237;transition: all 0.3s;-webkit-transition: all 0.3s;}
#gnb #gnbwrap #tm > li > a.current {font-weight:bold;color: #29773e;}
#gnb #gnbwrap #tm > li > a:before {display:block;position:absolute;z-index: -1;content:'';left:50%;bottom: 0;width:0;height: 3px;background: #29773e;transition: all 0.3s;-webkit-transition: all 0.3s;}
#gnb #gnbwrap #tm > li > a.current:before {left: 0;width: 100%;}
#gnb #gnbwrap #tm > li > a:after {display:block; opacity:0; position:absolute; left:50%; bottom:0; content:''; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #29773e; transition: all 0.3s;-webkit-transition: all 0.3s;}
#gnb #gnbwrap #tm > li > a.current:after {opacity:1;}
#gnb #gnbwrap #tm > li .item {position:absolute;left: 0;top:80px;width: 100%;min-height: 300px;margin: 0 auto;}
#gnb #gnbwrap #tm > li .item .gnb-title {position:absolute;left:0;top:0;z-index:1;width:410px;height:100%;padding:35px 0;background: url(/images/ipsi/common_new/gnb_obj.png)no-repeat 85% 80%;text-align:left;}
#gnb #gnbwrap #tm > li .item .gnb-title strong {display:block;position: relative;margin:0 0 36px;font-size:24px;font-weight:bold;font-family:'gmarket';color:#1d1d1d;}
#gnb #gnbwrap #tm > li .item .gnb-title strong:before {display:block; position:absolute; left:0; bottom:-22px;content:''; width:35px; height:1px; background:#1d1d1d;}
#gnb #gnbwrap #tm > li .item .gnb-title p {font-size:15px; color:#555555; }
#gnb #gnbwrap #tm > li .item ul {padding: 35px 0 35px 430px;} 
#gnb #gnbwrap #tm > li .item ul:after {display:block; clear:both; visibility:hidden; content:'';} 
#gnb #gnbwrap #tm > li .item ul > li {float:left;width:33.33%;padding-left: 20px;margin:0 0 30px;} 
#gnb #gnbwrap #tm > li .item ul > li > a {display:block;position: relative;padding: 10px 20px;border:1px solid #dddddd;font-size: 17px;color: #333333;text-align: left; transition:all 0.3s; -webkit-transition:all 0.3s; }  

#gnb #gnbwrap #tm > li .item ul > li > a:hover,
#gnb #gnbwrap #tm > li .item ul > li > a:focus {border:1px solid #29773e; color:#29773e; }
#gnb #gnbwrap #tm > li .item ul > li > a:before {display:block; position:absolute; top:50%; right:15px; content:''; width:22px; height:22px; margin-top:-11px;background:url(/images/ipsi/common_new/gnb_obj_out.png)no-repeat; transition:all 0.3s; -webkit-transition:all 0.3s;}
#gnb #gnbwrap #tm > li .item ul > li > a:hover:before,
#gnb #gnbwrap #tm > li .item ul > li > a:focus:before {background:url(/images/ipsi/common_new/gnb_obj_ov.png)no-repeat;}
#gnb #gnbwrap #tm > li .item ul > li > a:after {display:block; opacity:0;position:absolute; left:0; bottom:0; content:''; width:100%; height:2px; background:#29773e; transition:all 0.3s; -webkit-transition:all 0.3s;}
#gnb #gnbwrap #tm > li .item ul > li > a:hover:after,
#gnb #gnbwrap #tm > li .item ul > li > a:focus:after {opacity:1;}

#gnb.on + .gnb_bg {display: block;z-index: 99;}
#gnb + .gnb_bg {display: none;position: fixed;top: 80px;left: 0;z-index: 2;width: 100%;height: 100%;background: #000;opacity: 0.5;content:'';transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}


.subvisual {position: relative;width:100%;height:300px;padding: 115px 0 0;background:url(/images/ipsi/common_new/subimg01.jpg)no-repeat center / cover;text-align: center;}
.subvisual strong {display:block;line-height: 1.3;font-size:34px;color:#fff;font-weight:bold;}
.subvisual strong span {display:block; font-size:26px; font-weight:normal;}

#lnb {float:left;width: 270px;margin: -100px 0 95px;}
#lnb h2 {height:170px;line-height:1;padding:50px 40px;background: rgba(18,123,102,1) url(/images/ipsi/common_new/lnb_logo.png)no-repeat 90% 80%;font-size:24px;color:#fff;}
#lnb h2 span {}
#lnb #lnbwrap {}
#lnb #lnbwrap > ul {}
#lnb #lnbwrap > ul > li {}
#lnb #lnbwrap > ul > li > a {display:block;line-height: 1.3;padding: 15px 30px;border:1px solid #ddd;border-top: none;font-size:17px;color:#333;}
#lnb #lnbwrap > ul > li > a.link_2th_ov {background:#424242; color:#fff;}
#lnb #lnbwrap > ul > li > a > span {}
#lnb #lnbwrap .lm_3th {padding: 15px 30px;border:1px solid #ddd;border-top:none;background: #f8f8f8;}
#lnb #lnbwrap .lm_3th li {margin:5px 0;}
#lnb #lnbwrap .lm_3th li a {display:block;position:relative;padding-left: 13px;}
#lnb #lnbwrap .lm_3th li a:before {display:block;position:absolute;left: 0;top: 10px;content:'';width:3px;height:3px;border-radius:50%;background:#127b66;}
#lnb #lnbwrap .lm_3th li a.link_3th_ov {color:#127b66; }
#lnb .lnb_link {margin:50px 0 0;}
#lnb .lnb_link .link1 {margin:0 0 10px;}
#lnb .lnb_link .link1 a {display:block; padding:30px 25px; background:#f4f2f1 url(/images/ipsi/common_new/lnb_obj1.png)no-repeat right bottom; }
#lnb .lnb_link .link2 {}
#lnb .lnb_link .link2 ul {display:block; border-top:1px solid #e4e4e4;border-right: 1px solid #e4e4e4;box-sizing: border-box;}
#lnb .lnb_link .link2 ul:after {display:block; clear:both; visibility:hidden; content:'';}
#lnb .lnb_link .link2 ul li {float:left;width:50%;border-left: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;text-align:center;box-sizing: border-box;}
#lnb .lnb_link .link2 ul li a {display:block;color:#3a3a3a;font-size:15px; transition:all 0.3s; -webkit-transition:all 0.3s;}
#lnb .lnb_link .link2 ul li a > div {position:relative; padding: 20px 0; transition:all 0.3s; -webkit-transition:all 0.3s;}
#lnb .lnb_link .link2 ul li a:hover,
#lnb .lnb_link .link2 ul li a:focus {color:#fff; }
#lnb .lnb_link .link2 ul li a:hover > div,
#lnb .lnb_link .link2 ul li a:focus > div {background:#67a33c;box-shadow: 0 0 13px rgba(103,163,60,.5);transform:translate(-5px,-5px);-webkit-transform:translate(-5px,-5px);}
#lnb .lnb_link .link2 ul li .ico {display:block;width:41px;height:41px;margin: 0 auto 15px;background:url(/images/ipsi/common_new/lnb_ico.png)no-repeat;}
#lnb .lnb_link .link2 ul li .ico2 {background-position:-41px 0;}
#lnb .lnb_link .link2 ul li .ico3 {background-position:-82px 0;}
#lnb .lnb_link .link2 ul li .ico4 {background-position:-123px 0;}



#contentswrap {float:right;width: calc(100% - 320px);margin: 0 0 100px;}
#txt {width:100%;}
#location_box {margin:35px 0 30px;}
#location_box .navi {}
#location_box .navi:after {display:block; clear:both; visibility:hidden; content:''; }
#location_box .navi a {display:block; float:left; position:relative;line-height: 25px;margin: 0 25px 0 0;vertical-align:top;font-size: 15px;color: #666666;}
#location_box .navi a.navi_home {width:20px;height: 25px;background:url(/images/ipsi/common_new/home.png)no-repeat center;font-size:0;vertical-align:top;}
#location_box .navi a:after {display:block;position:absolute;right: -16px;top: 9px;content:'';width:5px;height:5px;border:solid #c2c2c2;border-width:1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#location_box .navi a.last:after {display:none;}

#contents {position:relative;}
#contents .subtit {margin: 0 0 30px;padding: 0 0 20px;border-bottom: 1px solid #ddd;}
#contents h2 {display:block;float:left; line-height: 1;font-size:30px;color:#333333; background:none;}
#contents .navi_btn .print_wrap {position:absolute;top: 10px;right:0;bottom: 25px;height: 30px;}
#contents .navi_btn .print_wrap:before {display:block;position:absolute;top: 16px;right:95px;content:'';width:75px;height:1px;background:#ddd;}
#contents .navi_btn .print_wrap:after{display:block; clear:both; visibility:hidden; content:'';}
#contents .navi_btn .print_wrap > li {float:left;}
#contents .navi_btn .print_wrap > li .tmpl_ir {background: url(/images/kor/common/sns.png)no-repeat;font-size:0;}
#contents .navi_btn .print_wrap > li > button {display:block;width: 30px;height: 30px;border: none;background: none;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
#contents .navi_btn .print_wrap > li.sns {position: relative;}
#contents .navi_btn .print_wrap > li.sns > button {}
#contents .navi_btn .print_wrap > li.sns > button span {display:block;width:100%;height:100%;background: url(/images/ipsi/common_new/sns1.png)no-repeat center;font-size: 0;}
#contents .navi_btn .print_wrap > li.sns > div {display:none;position:absolute;right: -5px;top:0;width: 150px;text-align:right;}
#contents .navi_btn .print_wrap > li.sns.on > div {display:block;}
#contents .navi_btn .print_wrap > li.sns > div button {display: inline-block;width: 30px;height: 30px;margin: 0 5px;background:#fff;border-radius:50%;font-size: 0;vertical-align: top;}
#contents .navi_btn .print_wrap > li.sns > div .fa {background: url(/images/ipsi/common_new/sns3.png)no-repeat center;}
#contents .navi_btn .print_wrap > li.sns > div .tw {background: url(/images/ipsi/common_new/sns2.png)no-repeat center;}
#contents .navi_btn .print_wrap > li.sns > div .clickClose {}
#contents .navi_btn .print_wrap > li.sns > div .clickClose span {display:block;position:relative;width:100%;height:100%;background:#fff;font-size: 0;}
#contents .navi_btn .print_wrap > li.sns > div .clickClose span:before,
#contents .navi_btn .print_wrap > li.sns > div .clickClose span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#contents .navi_btn .print_wrap > li.sns > div .clickClose span:before {width: 14px;height: 2px;background: #aaaaaa;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#contents .navi_btn .print_wrap > li.sns > div .clickClose span:after {width: 2px;height: 14px;background: #aaaaaa;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#contents .navi_btn .print_wrap > li.n3 > button span {display:block;width:100%;height:100%;background: url(/images/ipsi/common_new/print.png)no-repeat center;font-size: 0;}
#contents .navi_btn .print_wrap > li.n3 {position: relative;padding-left:10px;margin-left:10px;}
#contents .navi_btn .print_wrap > li.n3:after {display:block;position:absolute;content:'';left:0;top: 5px;bottom: 5px;width:1px;height: auto;background: #ddd;}

#footersitelink {background: #1f2229;}
#footerwrap {}
#footerwrap .footer {padding: 30px 0 65px;padding-left: 225px;background: url(/images/ipsi/common_new/logo.png)no-repeat left 30px;background: url(/images/ipsi/common_new/logo.svg)no-repeat left 30px;}
#footerwrap .footer .info {}
#footerwrap .footer ul { }
#footerwrap .footer ul li {margin: 0 0 5px;font-size: 15px;color: #858585;}
#footerwrap .footer .copy {margin:20px 0 0;font-size: 15px;color: #858585;}
#footerwrap .footer img {display:none;}
#footerwrap .footer .familysite {position:absolute;right:0;width: 180px;text-align: center;}
#footerwrap .footer .familysite img {display:block;margin: 10px auto 0;}
#footerwrap .footer .familysite .clickOpen {position: relative;width:100%;}
#footerwrap .footer .familysite .clickOpen > button {position:relative; width:100%;height: 50px;line-height: 50px;padding: 0 20px;border-bottom: 3px solid #8f9194;background: none;text-align: left;font-size: 14px;color: #c6c7ca;}
#footerwrap .footer .familysite .clickOpen > button:before {display:block;position:absolute;right:20px;top: 20px;content:'';width: 8px;height: 8px;border:solid #57595f;border-width:2px 0 0 2px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#footerwrap .footer .familysite .clickOpen > div {display:none;}
#footerwrap .footer .familysite .clickOpen.on > div {display:block;position: absolute;left: 0;bottom: 0;width: 100%;}
#footerwrap .footer .familysite .clickOpen > div .inner {overflow-y:auto;width:180px;height:300px;padding: 20px;background: #1f2229;}
#footerwrap .footer .familysite .clickOpen > div .inner > ul {}
#footerwrap .footer .familysite .clickOpen > div .inner > ul > li {margin:0 0 15px; padding:0 0 10px; border-bottom: 1px solid rgba(255,255,255,.2);text-align: left;}
#footerwrap .footer .familysite .clickOpen > div .inner > ul > li:last-child {border:none;}
#footerwrap .footer .familysite .clickOpen > div .inner > ul > li > a {display:block; font-size:16px; margin:0 0 5px;}
#footerwrap .footer .familysite .clickOpen > div .inner > ul > li >ul {}
#footerwrap .footer .familysite .clickOpen > div .inner > ul > li >ul > li {}
#footerwrap .footer .familysite .clickOpen > div .inner > ul > li >ul > li > a {display:block; }
#footerwrap .footer .familysite .clickOpen > div .inner > ul > li >ul > li > a:hover,
#footerwrap .footer .familysite .clickOpen > div .inner > ul > li >ul > li > a:focus {color:#fff;}
#footerwrap .footer .familysite .clickOpen > div .clickClose {position:relative; width:100%;height: 50px;line-height: 50px;padding: 0 20px;border-bottom: 3px solid #8f9194;background: #1f2229;text-align: left;font-size: 14px;color: #c6c7ca;}
#footerwrap .footer .familysite .clickOpen > div .clickClose:before {display:block;position:absolute;right:20px;top: 18px;content:'';width: 8px;height: 8px;border:solid #57595f;border-width:0 2px 2px 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}


#footerwrap .link {border-bottom:1px solid #36383f; }
#footerwrap .link ul {}
#footerwrap .link ul li {display:inline-block; position:relative; margin:0 64px 0 0; }
#footerwrap .link ul li:last-child {margin:0;}
#footerwrap .link ul li:not(:last-child):after {display:block; position:absolute; right:-32px; top:33px;content:''; width:3px; height:3px; border-radius:50%; background:#8f9194; }
#footerwrap .link ul li a {display:block; line-height:70px; font-size:15px; color:#c0c0c0; }
#footerwrap .link ul li:first-child  a{color: #489234;}

@media(max-width:1659px){
    .kyin_layout {padding:0 30px;}
    
    #snb .snb_box .utile_wrap ul li {}
    #snb .snb_box .utile_wrap ul li.home {display:none;}

    #gnb {padding:0 30px;}
    #gnb #gnbwrap #tm {padding-left:180px;}
    #gnb #gnbwrap #tm > li > ul {left:-30px; right:-30px; width:auto;}
    #gnb #gnbwrap #tm > li > a  {font-size:17px;}
    .subvisual {width: auto;margin:0 -30px;}


}

@media(max-width:1459px){
    .layout {max-width:100%; padding:0 30px;}
    #gnb.on:after {left:0;width: 410px;margin:0;}
    #gnb #gnbwrap #tm > li {margin:0 20px;}
    #gnb #gnbwrap #tm > li .item .gnb-title {width:380px;}
    #gnb #gnbwrap #tm > li .item ul {padding: 35px 0 35px 390px;} 

    #footerwrap .footer .familysite {right:30px;}
}

@media(max-width:1279px){
    #wrap {position: relative;overflow:hidden;}
    #gnb {display:none; }
    #snb .snb_box .utile_wrap ul li {display:none;}
    #snb .snb_box .utile_wrap ul li.mo {display:block;margin: 0;}
    #snb .snb_box .utile_wrap ul li.mo a {display:block;width: 80px;height: 80px;background: #67a33c url(/images/ipsi/common_new/menu.png)no-repeat center;font-size:0;}
    
    .subvisual {display:none;}

    #lnb {display:none;}
    #contentswrap {float:none; width:100%;}
    #location_box {margin: 0 -30px 50px;padding: 13px 30px;background:url(/images/ipsi/common_new/subimg01.jpg)no-repeat center / cover;}
    #location_box .navi a {color: rgba(255,255,255,.8);}
    #location_box .navi a:after {border-color:#fff;}
    #location_box .navi a.navi_home {background-image:url(/images/ipsi/common_new/home2.png);}
    
    
    .mgnb_open {}
    .mgnb_open #wrap {position:relative;right: 320px !important;}
    .mgnb_open #shadow_device {display:block; position:fixed; left:0; top:0; z-index:998; width:100%; height:100%; background:rgba(0,0,0,.8);}
    .mobile_close {display:block;position: absolute;right: 15px;top: 24px;width: 30px;height: 30px;background: none;}
    .mobile_close:before,
    .mobile_close:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
    .mobile_close:before {width:100%;height: 2px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
    .mobile_close:after {width: 2px;height:100%;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

    #topmenu{display:block;overflow-y:auto;position:absolute;top:0;right: -320px;z-index: 9999;width: 320px;height: 100vh !important;background: #fff url(/images/ipsi/common_new/gnb_bg.png)no-repeat right bottom;}
    .mobile_global {padding: 0 15px;background: #28783d;}
    .mobile_global .global_top {}
    .mobile_global .global_top ul {}
    .mobile_global .global_top ul li {display:inline-block;position: relative;margin: 0 30px 0 0;}   
    .mobile_global .global_top ul li:after {display:block;position:absolute;content:'';right:-15px;top: 33px;width:1px;height:11px;background:rgba(255,255,255,.2);}
    .mobile_global .global_top ul li:last-child:after {display:none;}
    .mobile_global .global_top ul li a {display:block;line-height:80px;color:#fff;font-size: 15px;}    
    #gnb_device {overflow-x:hidden;overflow-y:auto;height: calc(100% - 180px);padding: 0 0 30px;}
    #gnb_device > li {}
    #gnb_device > li > a {display:block;position: relative;padding: 15px 30px;border-bottom: 1px solid #d7d7d7;font-size:17px;color:#333;}
    #gnb_device > li > a:before {display:block;right: 23px;top: 28px;position:absolute;content:'';width:14px;height:1px;background:#a7a7a7;}
    #gnb_device > li > a:after {display:block;right: 30px;top: 21.5px;position:absolute; content:'';width:1px;height:14px;background:#a7a7a7;}
    #gnb_device > li > a.ov:after {display:none;}
    #gnb_device > li > ul {padding: 15px 30px;background: #eceeef;}
    #gnb_device > li > ul > li {position: relative;margin:8px 0;padding-left: 15px;}
    #gnb_device > li > ul > li:before {display:block;position:absolute;left: 2px;top: 10px;content:'';width:3px;height:3px;border-radius:50%;background: #3e824f;}
    #gnb_device > li > ul > li > a {display:block; font-size:15px; color:#666;}
    #gnb_device > li > ul > li > ul {margin:15px 0 0;}
    #gnb_device > li > ul > li > ul > li {margin: 10px 0 0;}
    #gnb_device > li > ul > li > ul > li > a {display:block;position:relative;padding-left: 20px;font-size:14px;color:#666;}
    #gnb_device > li > ul > li > ul > li > a:before {position:absolute;left: 8px;top: 9px;content:'';width:3px;height:3px;border-radius:50%;background:#127b66;}
    .global_btm {position: relative;padding:20px 30px 0;margin:20px 0 0;}
    .global_btm:before {display:block; position:absolute; content:''; left:30px; right:30px; top:0; width:auto; height:1px; background:#ddd; }
    .global_btm a {display:block;line-height: 26px;font-size:14px;color:#333333;}
    .global_btm a span {display:inline-block;width:26px;height:26px;margin: 0 10px 0 0;background:url(/images/ipsi/common_new/popup.png)no-repeat;vertical-align:middle;}

     
}

@media(max-width:1023px){
    #contents .navi_btn .print_wrap:before,
    #contents .navi_btn .print_wrap > li.n3 {display:none;}
    

    #footerwrap .link ul {text-align:center;}
    #footerwrap .footer {padding:10px 0 50px; background:none; text-align:center; }
    #footerwrap .footer img {display:block; margin:0 auto;}
    #footerwrap .footer ul li {text-align:center;}
    #footerwrap .footer .familysite img {display:none;}
    #footerwrap .footer .familysite {position:static;width: 100%;margin: 0 auto 20px;border:1px solid #36383f;}
    #footerwrap .footer .familysite .clickOpen > button {border:none;}
    #footerwrap .footer .familysite .clickOpen > div .inner {width:100%;}
    #footerwrap .footer .familysite .clickOpen > div .inner > ul > li >ul > li {text-align:left;}
    #footerwrap .footer .familysite .clickOpen > div .clickClose {border:none;}
}

@media(max-width:767px){
    .kyin_layout,
    .layout {padding:0 20px;}
    
    #header {padding:0 0 0 20px;}
    #snb .snb_box .logo h1 span {width: 125px;height: 21px;} 
    #snb .snb_box .logo h1 span:after {top: 2px;}
    #snb .snb_box .logo h1 a {line-height: 70px;font-size:18px;}

    #snb .snb_box .utile_wrap ul {height:70px;}
    #snb .snb_box .utile_wrap ul li {width:70px;}
    #snb .snb_box .utile_wrap ul li a {line-height:70px;}
    #snb .snb_box .utile_wrap ul li.mo a {width:70px;height: 70px;}
    
    #location_box {padding: 10px 20px;}
    #location_box .navi a {margin: 3px 25px 3px 0;}
    

    #footerwrap .link {padding:20px 0;}
    #footerwrap .link ul li {margin:5px 52px 5px 0;}
    #footerwrap .link ul li a {line-height:1.3;}
    #footerwrap .link ul li:not(:last-child):after {right: -30px;top: 8px;}
    #footerwrap .footer img {width:115px;}
}