@charset "utf-8";

/* ���� */
/*///////////////////// header /////////////////////*/
#header .header-top{background: #075f9f}
#header .header-top > div{height: 37px}
#header .top-menu{position: absolute;top: 12px;right: 0;}
#header .top-menu li{position: relative;float: left;margin-left: 24px;}
#header .top-menu li:after{display: block;content: "";position: absolute;top: 3px;right: -12px;width: 1px;height: 9px;background-color: #83afcf;}
#header .top-menu li:last-child:after{display: none;}
#header .top-menu li a{color: #fff;font-family: 'Myriad Pro Regular', sans-serif;font-size: 13px}
#header .top-menu li a:hover{text-decoration: underline;}
#header .header-bottom > div{height: 90px;}
#header .header-bottom .logo{position: absolute;top: 30px;left: 0;}
#gnb{position: absolute;top: 37px;right: 80px;}
#gnb .od-item{position: relative;float: left;margin-left: 72px;padding-bottom: 20px;}
#gnb .od-btn{display: block;height: 17px;background-image: url('../img/main/gnb_txt.png');text-indent: -9999em;transition: 0.3s}
#gnb .od-btn01{width: 63px;background-position: 0 0;}
#gnb .od-btn02{width: 63px;background-position: -63px 0;}
#gnb .od-btn03{width: 64px;background-position: -126px 0;}
#gnb .od-btn04{width: 91px;background-position: -190px 0;}
#gnb .od-btn05{width: 96px;background-position: -281px 0;}
#gnb .od-item:hover .od-btn01{background-position: 0 -17px;}
#gnb .od-item:hover .od-btn02{background-position: -63px -17px;}
#gnb .od-item:hover .od-btn03{background-position: -126px -17px;}
#gnb .od-item:hover .od-btn04{background-position: -190px -17px;}
#gnb .od-item:hover .od-btn05{background-position: -281px -17px;}
#gnb .od-item .od-btn01.active{background-position: 0 -17px;}
#gnb .od-item .od-btn02.active{background-position: -63px -17px;}
#gnb .od-item .od-btn03.active{background-position: -126px -17px;}
#gnb .od-item .od-btn04.active{background-position: -190px -17px;}
#gnb .od-item .od-btn05.active{background-position: -281px -17px;}
#gnb .two-depth{display: none;position: absolute;top: 35px;left: 50%;width: 152px;margin-left: -76px;background-color: #fff;border-top: 7px solid #075f9f;border-bottom: 1px solid #c9c9c9;z-index: 50;}
#gnb .two-depth li{border-left: 1px solid #c9c9c9;border-right: 1px solid #c9c9c9;}
#gnb .two-depth li a{display: block;padding-left: 20px;color: #636363;font: 14px/40px 'nr', sans-serif;transition: 0.2s}
#gnb .two-depth li a:hover{color: #fff;background: #92caf3;}
#all-menu-btn{position: absolute;top: 26px;right: 0;}
#modal-layer{display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000;opacity: 0.73;filter: alpha(opacity = 73);z-index: 100;}
#all-menu{display: none;position: fixed;top: 243px;left: 50%;width: 980px;height: 450px;margin-left: -490px;background: #fff;border: 15px solid #075f9f;	box-shadow: 5px 5px 5px #000;box-sizing: border-box;z-index: 110;text-align: center;}
#all-menu div{position: relative;}
#all-menu .all-menu-close-btn{position: absolute;top: -75px;right: -15px;}
#all-menu dl{display: inline-block;width: 122px;margin: 0 31px;padding-top: 34px;font-size: 0;vertical-align: top;}
#all-menu dl dt{padding-bottom: 22px;color: #1f2021;font: 18px/17px 'nr', sans-serif;border-bottom: 1px solid #404040;}
#all-menu dl dd{padding: 25px 0 0 13px;text-align: left;}
#all-menu dl dd a{color: #636363;font: 16px/1em 'nr', sans-serif;}
#all-menu dl dd a:hover{color: #1f7ec3;font: 16px/1em 'nb', sans-serif;}

/*///////////////////// header End /////////////////////*/

/*///////////////////// container /////////////////////*/

#main-visual{position: relative;height: 398px;margin-bottom: 37px;background: url('../img/main/main_visual.jpg') no-repeat center 0;text-indent: -9999em;}
#main-visual .visual_txt01{display: none;position: absolute;top: 90px;left: 50%;margin-left: -453px;text-indent: 0}
#main-visual .visual_txt02{display: none;position: absolute;top: 123px;left: 50%;margin-left: -453px;text-indent: 0}
#main-visual .visual_txt03{display: none;position: absolute;top: 187px;left: 50%;margin-left: -453px;text-indent: 0}
#main-visual .dr-btn{display: none;position: absolute;top: 239px;left: 50%;margin-left: -453px;text-indent: 0}
#main-visual .dr-btn:hover{opacity: 0.7;}
#container.main{padding-bottom: 58px;background-color: #e9f2f6;}
#content-a .tab_content_wrap{float: left;width: 475px;height: 275px;background: #fff;box-sizing: border-box}
#content-a .tab_content_wrap .tab_box{overflow: hidden;}
#content-a .tab_content_wrap .tab_box a{display: block;float: left;width: 50%;color: #434343;font: 18px/47px 'nm', sans-serif;text-align: center;background: #ccd9df;border-top: 3px solid #ccd9df;}
#content-a .tab_content_wrap .tab_box a.active{color: #1877cc;background: #fff;border-color: #1877cc;}
#content-a .tab_content_wrap h2{color: #262626;font: 18px/26px 'nr', sans-serif;}
#content-a .tab_content_wrap .txt02{margin-top: 4px;color: #636363;font: 15px/22px 'nr', sans-serif;}
#content-a .tab_content_wrap .view-detail{display: inline-block;padding-right: 14px;margin-top: 28px;color: #f56c22;font: 14px/1em 'nm', sans-serif;background: url('../img/main/view_detail_arrow.png') no-repeat right center;}
#content-a .tab_content_wrap .tab_content{padding: 32px 0 0 30px;height: 225px;box-sizing: border-box}
#content-a .tab_content_wrap #tab_content01{background: url('../img/main/tab_content_company.png') no-repeat right 0;}
#content-a .tab_content_wrap #tab_content02{display: none;background: url('../img/main/tab_content_business.png') no-repeat right 26px;}
#content-a .side-content{float: right;width: 475px;}
#content-a .side-content .performance{height: 128px;background-color: #fff;}
#content-a .side-content .performance h2{float: left;width: 168px;height: 128px;padding-top: 40px;color: #fff;font: 20px/1em 'nm', sans-serif;text-align: center;	background-image: url('../img/main/performance.png');box-sizing: border-box}
#content-a .side-content .performance h2 span{display: block;margin-top: 10px;color: #94b3e8;font: 16px/1em 'nr', sans-serif;}
#content-a .side-content .performance div{float: left;position: relative;width: 307px;height: 128px;padding: 34px 0 0 28px;box-sizing: border-box}
#content-a .side-content .performance p{color: #434343;font: 14px/20px 'nr', sans-serif;letter-spacing: -0.01em;}
#content-a .side-content .performance p em{color: #397dda;font: 14px/20px 'nr', sans-serif;letter-spacing: -0.01em;}
#content-a .side-content .performance .more-btn{position: absolute;top: 15px;right: 15px;}
#content-a .side-content .executive{height: 128px;margin-top: 19px;background-color: #fff;}
#content-a .side-content .executive h2{float: left;width: 168px;height: 128px;padding-top: 40px;color: #fff;font: 20px/1em 'nm', sans-serif;text-align: center;	background-image: url('../img/main/executive.png');box-sizing: border-box}
#content-a .side-content .executive h2 span{display: block;margin-top: 10px;color: #8c90a7;font: 16px/1em 'nr', sans-serif;}
#content-a .side-content .executive div{float: left;position: relative;width: 307px;height: 128px;padding: 34px 0 0 28px;box-sizing: border-box}
#content-a .side-content .executive p{color: #434343;font: 14px/20px 'nr', sans-serif;letter-spacing: -0.01em;}
#content-a .side-content .executive p em{color: #1b3086;font: 14px/20px 'nr', sans-serif;letter-spacing: -0.01em;}
#content-a .side-content .executive .more-btn{position: absolute;top: 15px;right: 15px;}
#content-b{margin-top: 20px;}
#content-b .main-notice{position: relative;float: left;width: 308px;height: 275px;padding: 22px 14px 0;background-color: #fff;box-sizing: border-box}
#content-b .main-notice h2{margin-left: 11px;color: #2667b4;font: 20px/19px 'nm', sans-serif;}
#content-b .main-notice ul{margin-top: 8px;}
#content-b .main-notice ul li a{display: block;height: 55px;padding: 10px 11px;color: #636363;font: 14px/13px 'nm', sans-serif;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px dotted #d2d2d2;	transition: 0.3s;box-sizing: border-box}
#content-b .main-notice ul li:last-child a{border-bottom: none;}
#content-b .main-notice ul li a:hover{background-color: #fafafa;}
#content-b .main-notice ul li .date{display: block;margin-top: 9px;color: #949494;font: 14px/13px 'nm', sans-serif;}
#content-b .main-notice .more-btn{position: absolute;top: 15px;right: 15px;}
#content-b .rough-map{position: relative;float: left;width: 308px;height: 275px;margin: 0 28px;padding-top: 22px;background-color: #fff;box-sizing: border-box}
#content-b .rough-map h2{margin-left: 17px;color: #2667b4;font: 20px/19px 'nm', sans-serif;}
#content-b .rough-map .more-btn{position: absolute;top: 15px;right: 15px;}
#content-b .rough-map #map{height: 213px;margin-top: 21px;}
#content-b .counsel{position: relative;float: left;width: 308px;height: 275px;padding: 22px 21px 0;background-color: #fff;box-sizing: border-box}
#content-b .counsel h2{margin-left: 4px;color: #2667b4;font: 20px/19px 'nm', sans-serif;}
#content-b .counsel .guide{margin: 24px 0 0 6px;color: #434343;font: 16px/1em 'nm', sans-serif;letter-spacing: -0.01em;}
#content-b .counsel .tel{margin-top: 29px;padding-left: 52px;color: #e39727;font: 30px/42px 'nm', sans-serif;background: url('../img/main/call_ico.jpg') no-repeat 8px 0;letter-spacing: -0.01em;}
#content-b .counsel .fax-email{margin-top: 26px;padding: 29px 0 0 12px;border-top: 1px solid #d2d2d2;}
#content-b .counsel .fax-email li{margin-bottom: 11px;color: #9d9da0;font: 16px/12px 'nr', sans-serif;}
#content-b .counsel .fax-email li em{padding-right: 5px;color: #0069b7;font: 16px/12px 'nr', sans-serif;}
#content-b .counsel .more-btn{position: absolute;top: 15px;right: 15px;}
#main-relation{margin-top: 20px;overflow: hidden;}
#main-relation h2{float: left;width: 142px;color: #484848;font: 18px/78px 'nm', sans-serif;background-color: #fff;text-align: center;}
#main-relation .rel-banner{float: right;width: 832px;height: 78px;padding: 0 20px;background-color: #fff;box-sizing: border-box}
#main-relation .rel-banner .owl-item{line-height: 78px;}
#main-relation .rel-banner a{display: inline-block;vertical-align: middle;}

/*///////////////////// container End /////////////////////*/

/*///////////////////// footer /////////////////////*/

#footer.sub{border-top: 1px solid #dfdfdf;}
#footer > div{height: 132px;}
#footer address{padding-top: 33px;}
#footer address p{color: #9d9da0;font-family: 'nr', sans-serif;font-size: 14px;line-height: 18px;}
#footer address a{margin-left: 5px;}
#footer address em{color: #0069b7;font-family: 'nr', sans-serif;font-size: 14px;line-height: 18px;}
#footer .copy{margin-top: 13px;color: #9d9da0;font-family: 'nr', sans-serif;font-size: 14px;line-height: 18px;}
#footer .side-banner{position: absolute;top: 34px;right: 0;}
#footer .side-banner li{float: left;margin-left: 6px;}

/*///////////////////// footer End /////////////////////*/

@media screen and (max-width: 768px){
	#header .header-top{display: none;}
	#header .header-bottom > div{height: 60px;border-bottom: 1px solid #ddd;}
	#header .header-bottom .logo{top: 13px;left: 50%;height: 40px;margin-left: -95px;}
	#header .header-bottom .logo img{/*height: 100%;*/}
	#gnb{display: none;position: fixed;top: 0;left: 0;right: auto;width: 250px;height: 100%;background: #fff;z-index: 1000;}
	#gnb h2{color: #fff;background: gray;font: 22px/50px 'nm', sans-serif;text-align: center;}
	#gnb .od-item{float: none;margin-left: 0;padding-bottom: 0;border-bottom: 1px solid #ddd;}
	#gnb .od-btn{width: auto;height: auto;padding-left: 20px;font: 16px/40px 'nm', sans-serif;background-image: none;text-indent: 0;transition: 0s}
	#gnb .two-depth{display: none;position: static;width: 100%;margin-left: 0;border-top: 1px solid #ddd;border-bottom: none;}
	#gnb .two-depth li{border: none;border-bottom: 1px solid #ddd;}
	#gnb .two-depth li:last-child{border: none;}
	#gnb .two-depth li a{padding-left: 30px;color: #636363;font: 14px/40px 'nr', sans-serif;transition: 0s}
	#gnb .two-depth li a:hover{color: #fff;background: #0253AE;}
	#gnb-menu-btn{position: absolute;top: 11px;left: 10px;}
	#gnb-close{position: absolute;top: 10px;left: 260px;width: 30px;height: 30px;}
	#gnb-close img{width: 100%;}

	#main-visual{position: relative;height: auto;margin-bottom: 15px;background: none;text-indent: -9999em;}
	#main-visual .visual_txt01{display: none !important}
	#main-visual .visual_txt02{display: none !important}
	#main-visual .visual_txt03{display: none !important}
	#main-visual p{display: none;}
	#main-visual img{width: 100%;}
	#container.main{padding-bottom: 20px}
	#content-a{padding: 0 10px;}
	#content-a .tab_content_wrap{float: none;width: 100%;height: auto;margin-bottom: 10px;}
	#content-a .tab_content_wrap .tab_box a{width: 50%;font: 16px/35px 'nm', sans-serif}
	#content-a .tab_content_wrap h2{font: 16px/22px 'nr', sans-serif;}
	#content-a .tab_content_wrap .txt02{margin-top: 4px;color: #636363;font: 15px/22px 'nr', sans-serif;}
	#content-a .tab_content_wrap .tab_content{padding: 20px 0 0 15px;height: 205px}
	#content-a .tab_content_wrap #tab_content01{background-position: right bottom;background-size: 35%}
	#content-a .tab_content_wrap #tab_content02{background-position: right bottom;background-size: 40%}
	#content-a .side-content{float: none;width: auto}
	#content-a .side-content .performance{height: auto}
	#content-a .side-content .performance h2{float: none;width: auto;height: auto;padding-top: 15px;font: 20px/1em 'nm', sans-serif;}
	#content-a .side-content .performance h2 span{margin: 0;padding: 10px 0 15px;font: 16px/1em 'nr', sans-serif;}
	#content-a .side-content .performance div{float: none;width: auto;height: auto;padding: 20px}
	#content-a .side-content .executive{height: auto;margin-top: 10px}
	#content-a .side-content .executive h2{float: none;width: auto;height: auto;padding-top: 15px;font: 20px/1em 'nm', sans-serif;}
	#content-a .side-content .executive h2 span{margin: 0;padding: 10px 0 15px;font: 16px/1em 'nr', sans-serif;}
	#content-a .side-content .executive div{float: none;width: auto;height: auto;padding: 20px}
	#content-b{margin-top: 10px;padding: 0 10px;}
	#content-b .main-notice{float: none;width: auto;height: 275px;}
	#content-b .rough-map{float: none;width: auto;height: 275px;margin: 10px 0 0;padding-top: 22px}
	#content-b .rough-map h2{margin-left: 17px;color: #2667b4;font: 20px/19px 'nm', sans-serif;}
	#content-b .rough-map .more-btn{position: absolute;top: 15px;right: 15px;}
	#content-b .rough-map #map{height: 213px;margin-top: 21px;}
	#content-b .counsel{float: none;width: auto;height: 275px;margin-top: 10px;}
	#content-b .counsel .tel a{color: #e39727;font: 30px/42px 'nm', sans-serif}
	#content-b .counsel .fax-email li a{color: #9d9da0;font: 16px/12px 'nr', sans-serif;}
	#main-relation{display: none;}

	#footer{border-top: 1px solid #ddd;}
	#footer > div{height: auto;padding: 0 15px 15px;}
	#footer address{padding-top: 20px;}
	#footer address p{font-size: 12px;}
	#footer address a{margin-left: 5px;}
	#footer address em{font-size: 12px;}
	#footer .copy{font-size: 12px;}
	#footer .side-banner{display: none;}
	#footer .go_top{position: fixed;bottom: 30px;right: 10px;padding: 7px;font: 12px 'nl', sans-serif;text-align: center;background: #fff;border: 1px solid #aaa;border-radius: 3px}
}

  .pdf_zone_cus { width:100%; overflow:hidden; }
  .pdf_zone_cus iframe,
  .pdf_zone_cus object {
    width:100%;
    height:100%;
	max-height: 800px;
    border:none;
  }

@media (max-width: 768px) {
  /* .pdf_zone_cus 를 화면 전체 너비로 확장 */
  .pdf_zone_cus {
    position: relative;
    /* 부모 컨테이너의 padding/margin 무시하고 뷰포트에 딱 맞추기 */
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    overflow-x: hidden;  /* 가로 스크롤 차단 */
    /* 상단 헤더+서브비주얼 높이를 뺀 값으로 설정하세요 */
    height: calc(100vh - 200px) !important;
  }
  /* iframe 은 컨테이너에 딱 맞춰 꽉 채우기 */
  .pdf_zone_cus iframe {
    width: 100%;
    height: 100% !important;
    border: none;
    display: block;
  }
}