@charset "utf-8";
body{width:100%;}

.container {min-height: calc(100vh - 500px);}                  

/* 바로가기 */
.accessibility li{z-index:10;position:absolute;top:-60px;width:250px;z-index: 1000;}
.accessibility a {border:2px solid red;width:200px;height:30px;background-color:#ffffff;line-height:30px;text-align:center;}
.accessibility a:focus, .accessibility a:active{position:absolute;top:60px;}


/* Header */
.header{position:fixed;left:0;top:0;width:100%;height:71px;min-width: 1700px;z-index: 100;}
.header .header_wrap {position:relative;display: flex;justify-content: space-between;min-width:1600px;height:70px;margin:0 auto;}
.header .header_wrap .header_hbg {position:fixed;left:0;top:72px;width:100%;height:679px;background-color:#fff;border-bottom:1px solid #e5e5e5;display: none;}
.header .header_wrap .header_hbg2 {position:absolute;left:0;top:72px;width:100%;min-width:1600px;height:130px;background-color:#fafafa;display: none;}
.header .header_wrap .header_hbg.on, .header .header_wrap .header_hbg2.on {display: block;}
.header .header_wrap h1{position: absolute;left: 0;top: 0;height:100%; padding:0 0 0 48px; z-index:1;}
.header .header_wrap h1 > a {width:105px;height:100%;background:url('../img/logo_yesco.png') left center no-repeat;display: inline-block;}
.header .header_wrap .header_hbg2 .top_sh_box button {width:63px;height: 100%;background: #0a1e5a url('../img/ico_search.png') center center no-repeat; border:0;font-size: 0;line-height: 0;}
.header.active,.header.on {background-color:#fff;border-bottom:1px solid #e5e5e5;}
.header.active .header_wrap h1 > a, .header.on .header_wrap h1 > a {background:url('../img/logo_yesco_on.png') left center no-repeat;}
.header.active .gnb a,.header.active .gnb_member a, .header.on .gnb a,.header.on .gnb_member a{color:#222;}
.header.active .gnb_member a.gnb_sh, .header.on .gnb_member a.gnb_sh {background:url('../img/ico_search_on.png') center top no-repeat;}
.header.active .gnb_member a.gnb_sh.active, .header.on .gnb_member a.gnb_sh.active {background:url('../img/ico_close.png') center top no-repeat;}
.header.active .gnb_member a.gnb_allmenu, .header.on .gnb_member a.gnb_allmenu {background:url('../img/ico_allmenu_on.png') center top no-repeat;}
.header.on + .container{margin-top:72px;}
.header .top_wrap {width: 100%;text-align: right; overflow:hidden;}
.header.active .top_wrap {overflow:visible;}
.header.active .header_wrap .btn_family,
.header.on .header_wrap .btn_family{background:#e31d3c;}
.header.active .header_wrap .btn_family:before,
.header.on .header_wrap .btn_family:before{ background:#0a1e5a;}
.header .top_wrap::after {content:'';display:block;clear:both;}
.header .top_wrap .logo2 {float:right;}

.header .gnb_wrap {width:100%;}
.header .gnb{display:flex !important; justify-content:center; width:100%; position:relative;}
.header .gnb.active{background:#fff; border-bottom:solid 1px #e5e5e5;}
.header .gnb.active:before{content:''; display:block; position:absolute; left:0; top:70px; width:100%; background:#e5e5e5; height:1px;}
.header .gnb > li {position:relative;display:flex; flex-direction:column; height:70px;text-align: center; justify-content:center; min-width:160px;}
.header .gnb > li > a {color:#fff;display: block;font-size:20px; height:100%; line-height:70px; padding:0 40px;}
.header .gnb > li:hover > a{background:#e31d3c;/* margin-left:1px;*/}
.header .gnb > li:last-child:hover > a{/*margin:0 1px;*/}
.header .gnb > li:hover a{color:#fff;}
.header .gnb > li:hover ul{background:#e31d3c;}
.header .gnb > li.active{position:relative;}
.header .gnb > li.active > a {color:#e31d3c;font-weight: bold;}
.header .gnb.active ul {display: block;}
.header .gnb > li:first-child > a::before {display:none;}
.header .gnb > li:first-child > ul {margin-left:0;}
.header .gnb > li:last-child  > ul {/*border-right:1px solid #e5e5e5;*/}
.header .gnb > li > ul {position:absolute;left:0;top:71px;width:100%;height: 340px;/*box-sizing:border-box;border-left:1px solid #e5e5e5;*/display: none;}
.header .gnb > li > ul > li {font-size:16px; text-align: center;}
.header .gnb > li > ul > li > a {margin-top:26px; color:#222;display:inline-block; position:relative;}
.header .gnb > li ul li:hover a:after{width:100%;}
.header .gnb > li ul a:after{content:''; display:block; position:absolute; left:0; bottom:-5px; background:#fff; width:0; height:1px; transition:all .3s;}
.header .gnb > li > ul > li > ul > li:first-child {border-top:0;}
.header .gnb_member {position:absolute;right:0;top:0;margin: 25px 80px 0 0;vertical-align: top;display: inline-block;}
.header .gnb_member a {margin-right:30px;color:#fff;;display:inline-block;vertical-align: middle;}
.header .gnb_member a.gnb_sh {width:26px;height:26px;background:url('../img/ico_search.png') center top no-repeat;font-size:0;line-height: 0;}
.header .gnb_member a.gnb_allmenu {width:26px;height:26px;background:url('../img/ico_allmenu.png') center top no-repeat;font-size:0;line-height: 0;}


.header_wrap .btn_family{position:absolute; right:0; top:0; display:block; width:70px; height:70px; z-index:100; background:none;}
.header_wrap .btn_family:before{content:''; position:absolute; width:100%; height:100%; left:0; top:0; background:none; border-radius:30px 0;}
.header_wrap .btn_family .petal{display:block; position:absolute; left:50%; top:50%; margin-left:-7px; margin-top:-7px; width:13px; height:13px; border:solid 2px #fff; box-sizing:border-box; transform-origin:50% 50%; transition:all .5s;}
.header_wrap .btn_family .petal:nth-of-type(1){transform:translate(-8px, -8px); border-radius:0 5px;}
.header_wrap .btn_family .petal:nth-of-type(2){transform:translate(8px, -8px); border-radius:5px 0;}
.header_wrap .btn_family .petal:nth-of-type(3){transform:translate(-8px, 8px); border-radius:5px 0;}
.header_wrap .btn_family .petal:nth-of-type(4){transform:translate(8px, 8px); border-radius:0 5px;}
.header_wrap .btn_family .petal_wrap{position:absolute; width:100%; height:100%; transition:all .5s; transform-origin:50% 50%;}
.header_wrap.open2 .btn_family .petal_wrap{transform:rotate(360deg);}
.header_wrap.open2 .btn_family .petal{width:2px; height:40px; border-radius:0; border-width:0; background:#fff; margin-left:0; margin-top:-18px;}
.header_wrap.open2 .btn_family .petal:nth-of-type(1){transform:translate(0) rotate(45deg);}
.header_wrap.open2 .btn_family .petal:nth-of-type(2){transform:translate(0) rotate(-45deg);}
.header_wrap.open2 .btn_family .petal:nth-of-type(3){transform:translate(0) rotate(45deg);}
.header_wrap.open2 .btn_family .petal:nth-of-type(4){transform:translate(0) rotate(-45deg);}
.header_wrap .family_wrap{display:none; position:fixed; left:100%; top:70px; width:100%; height:calc(100% - 70px); box-sizing:border-box;border-top: solid 1px #ddd; padding:0; background:rgba(0,0,0,0.5);}
.header_wrap .family_wrap:before{content:''; position:absolute; left:0; top:0; display:block; width:100%; height:450px; background:#fff;}
.header_wrap .family_wrap .family_inner{position:absolute; left:50%; top:0; height:100%; transform:translate(-50%,0);}
.header_wrap .family_wrap em{display:block; margin:0 auto; font-size:26px; text-align:left; font-weight:bold; padding:50px 0;}
.header_wrap .family_wrap ul{display:flex; justify-content:flex-start; margin:0 auto; font-size:26px; text-align:left; padding-bottom:50px;}
.header_wrap.open2 .family_wrap{display:block; left:0; animation:familyopen .3s 0s;}
.header_wrap.open2 .family_wrap{display:block; left:0; animation:familyopen .3s 0s;}
@keyframes familyopen {
    0%{transform:translate(100%,0)}
    100%{transform:translate(0,0)}
}
.header_wrap .family_wrap li{margin-right:50px;}
.header_wrap .family_wrap li a{display:block;}
.header_wrap .family_wrap li strong{display:block; position:relative; padding-top:0; font-size:20px; margin-bottom:10px; padding-top:65px;}
.header_wrap .family_wrap li p{font-size:16px; color:#777;}
.header_wrap .family_wrap li:first-of-type strong{background:url("../img/img_family01_logo.png") 0 18px no-repeat; background-size:auto 30px;}
.header_wrap .family_wrap li:nth-of-type(2) strong{background:url("../img/img_family02_logo.png") 0 20px no-repeat; background-size:auto 29px;}
.header_wrap .family_wrap li strong{display:block;}
/* footer */
.footer {background-color:#FFF;
    border-top: 1px solid #e5e5e5;}
.footer .footer_cont {width:1440px;margin:0 auto;padding:50px;}
.footer .footer_cont .footer_top {position:relative;border-bottom:1px solid #2d2d2d;}
.footer_flex{display:flex; justify-content:space-between; align-items: center;}
.footer_flex .selectbox{display:flex; align-items:center; background:#393939; width:200px;}
.footer .footer_cont .footer_top .btn_blue {position:absolute;right:0;top:48px;}
.footer .footer_logo {margin:0px 0 25px;display:inline-block;}
.footer .footer_link {padding-bottom:20px;display:table;}
/*.footer .footer_link a:first-child::before {display:none;}*/
.footer .footer_link span{color:#777;font-size: 17px; display:inline-block;padding-right:19px;}
.footer .footer_link a{color:#777;font-size: 17px; display:inline-block;}
.footer .footer_link a + a {padding-left:19px;}
.footer .footer_link a::before {content:'';width:1px;height:17px;margin-right:19px;background-color:#777;vertical-align: middle;display:inline-block;}
.footer .footer_link.small {position:relative;padding:30px 0 20px;}
.footer .footer_link.small a{font-size: 16px;}
.footer .footer_link.small a::before {height:16px;}
.footer .copyright {color:#777;font-size: 14px;line-height: 20px;}
.footer .copyright span {padding-left:15px;color:inherit;font-size: inherit;}

.sub_title {position:relative;width:100%;height:400px;overflow: hidden;display:flex; flex-direction: column; justify-content:center; align-items:center;}
.sub_title > img {position: absolute;left: 50%;top: 50%; min-width: 100%;min-height: 100%;height: auto;width: auto;transform: translate(-50%, -50%);display:block; z-index:-1;}
.sub_title p {color:#fff;font-size:50px;font-weight:bold; text-align: center;}
.sub_title p:first-of-type {margin-bottom:20px;}
.sub_title p + p {font-size:22px; font-weight: normal; line-height:35px;}
.sub_title.ty01 {height:auto; padding-bottom:400px; justify-content:flex-end;}
.sub_title.ty01 p {color:#222;}
.sub_title.ty01 p:first-of-type {margin-top:150px;}
.sub_title.ty01 p + p {padding-bottom:50px;}
.sub_title.ty01 > img{bottom:0; top:auto; min-height:400px; transform:translate(-50%, 0);}
.sub_contents + .sub_title.ty01 p:first-of-type {margin-top:40px;}
.sub_title.ty02 {height:auto;}
.sub_title.ty02 p {color:#222;}
.sub_title.ty02 p:first-of-type {margin-top:150px;}
.sub_title.ty02 p + p{padding-bottom:50px;}

.sub_title.ty02 + .sub_contents.bg_gray{margin-top:0;}

.sub_contents {width:1200px;margin:100px auto;}
.sub_contents:last-of-type {margin:100px auto 180px;}
.sub_contents.bg_gray {background:#f4f4f4; padding:100px 0 100px; width:100%;}
.sub_contents.bg_gray.brd{border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5;}
.sub_contents.bg_gray .inner{width:1200px; margin:0 auto;}
.sub_contents h3 {font-size:48px;font-weight: bold;}
.sub_contents h4 {font-size:36px;font-weight: bold; margin-top:80px; line-height:1.5em;}
.sub_contents h4:first-of-type {margin-top:0;}
.sub_contents h4 + .h4_sub_txt {margin-top:20px; line-height:24px;}
.sub_contents h3 > span {font-size:inherit;}
.sub_contents h3 + .sub_h3txt {margin-top:-35px;}
.sub_h3txt {font-size: 18px;line-height:1.6;}
.sub_contents.tab_cont{margin-top:0;}

.full_pop {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100vh;min-width:1440px;background-color: #fff;z-index: 100;}
.full_pop .full_top {position:fixed;left:0;top:0;width:100%;height:80px;background-color:#fff;border-bottom: 1px solid #e5e5e5;z-index: 1;}
.full_pop .full_top h1 {width:105px;height:30px;margin:25px 0 0 50px;background:url('../img/logo_yesco_on.png') left top no-repeat;display: inline-block;}
.full_pop .full_top .btn_pop_close {position:absolute;right:130px;top:25px;width:28px;height:27px;background:url('../img/ico_close.png') left top no-repeat;font-size:0;line-height:0;display: inline-block;}
.full_pop .full_top .rht_logo {position:absolute;right:0;top:0;width:80px;height:80px;background:url('../img/all_menu.png') left top no-repeat;font-size:0;line-height:0;display: inline-block;}
.full_pop .pop_cont_wrap {width: 1440px;margin: 0 auto;}
.full_pop .pop_container {padding: 180px 0;}

/*layer popup*/
.modal_overlay {position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 11;background-color: rgba(0,0,0,.2);z-index: 1000;}

.layer_popup {position:fixed; left:0; top:0; width:100%; height:100%; margin-top:0 !important; display:flex; flex-direction:column; justify-content:center; align-items:center;z-index: 1001;}
.layer_popup .layer_header {position:relative;width:1000px;min-height:70px;background-color: #FFF;padding: 30px 0px 0 0px;}
.layer_popup .layer_header > h1 {margin:40px 80px 0px 80px;padding:0 0 30px 0;color:#222;font-size: 28px;font-weight: bold;    border-bottom: solid 1px #0a1e5a;text-align:center;}
.layer_popup .layer_header > .btn_layer_close {position:absolute;right:90px;top:80px;width:28px;height:27px;background:url('/resources/company/img/ico_close_b.png') left top no-repeat;color:#fff;font-size: 24px;font-weight: bold;font-size: 0;line-height: 0;}
.layer_popup .layer_cont {width:1000px;min-height:530px;max-height:calc(100vh - 170px);padding:40px 80px;box-sizing: border-box;overflow: auto; background-color: #fff;}
.layer_popup .layer_cont_area {min-height:530px;max-height:calc(100vh - 170px);box-sizing: border-box;overflow: auto;padding: 0px 0px 30px 0px;background-color:#fff;}
.layer_popup .layer_cont_area .layer_cont {min-height:100%;max-height:100%;overflow:unset;}
.layer_popup.pop_w700 .layer_header,
.layer_popup.pop_w700 .layer_cont {width:700px;}
.layer_popup.pop_w700 .layer_cont {padding-top:30px!important;}
.layer_popup .layer_cont .guide_box {margin-top:30px;padding:30px 50px;}
.layer_popup .layer_cont .guide_box .guide_tit{padding:0 0 20px;font-size:16px;}
.layer_popup .layer_cont .guide_box .guide_tit::after {background:url('../img/bg_line_layer.png') left top repeat-x;}
.layer_popup .layer_cont .btn_cnt_wrap {margin-top:50px;}
.layer_popup.ty02 .layer_header,
.layer_popup.ty02 .layer_cont {width:1200px !important;}
.layer_popup .ipt_item.wid,
.layer_popup .tel_item.wid, .layer_popup .num_item.wid {width:100%;}
.layer_tit {padding-bottom:30px;font-size: 20px;font-weight:bold;text-align: center;}
.tab_area {border-bottom:solid 1px #e5e5e5; margin-bottom:50px;}
.tab_item{display:flex; justify-content:center;}
.tab_item > a{position:relative; width:400px; height:90px; background-color:#fff; display:flex; justify-content:center; align-items:center; font-size:20px;}
.tab_item > a:after{content:''; display:block; position:absolute; left:0; bottom:-1px; width:0; height:3px; background:#e31d3c;}
.tab_item > a.active{font-weight:bold;}
.tab_item > a.active:after{width:100%;}

.tab_area.ty01{border-bottom:none;}
.tab_area.ty01 .tab_item{width:100%;}
.tab_area.ty01 .tab_item > a{position:relative; flex:1; width:auto; color:#222; font-size:22px; background:#f4f4f4; border-top:solid 1px #ccc;}
.tab_area.ty01 .tab_item > a:after{content:''; display:block; position:absolute; left:auto; bottom:-1px; right:0; width:100%; height:2px; background:#0a1e5a;}
.tab_area.ty01 .tab_item > a:before{content:''; display:block; position:absolute; left:auto; bottom:0; right:0; width:1px; height:100%; background:#ccc;}
.tab_area.ty01 .tab_item > a.active{background:#fff; border-top:solid 2px #0a1e5a; border-bottom:solid 1px #fff; border-right:none;}
.tab_area.ty01 .tab_item > a.active:before{content:''; display:block; position:absolute; left:0; width:2px; height:100%; background:#0a1e5a;}
.tab_area.ty01 .tab_item > a.active:after{content:''; display:block; position:absolute; left:auto; bottom:auto; top:0; right:0; width:2px; height:100%; background:#0a1e5a;}

.tab_area.ty02{border-bottom:none;}
.tab_area.ty02 .tab_item{width:100%;}
.tab_area.ty02 .tab_item > a{position:relative; height:70px; flex:1; width:auto; color:#222; font-size:22px; background:#f4f4f4; border-top:solid 1px #ccc;}
.tab_area.ty02 .tab_item > a:first-child{border-left:solid 1px #ccc;}
.tab_area.ty02 .tab_item > a:after{content:''; display:block; position:absolute; left:auto; bottom:-1px; right:0; width:100%; height:2px; background:#0a1e5a;}
.tab_area.ty02 .tab_item > a:before{content:''; display:block; position:absolute; left:auto; bottom:0; right:0; width:1px; height:100%; background:#ccc;}
.tab_area.ty02 .tab_item > a.active{background:#fff; border-top:solid 2px #0a1e5a; border-bottom:solid 1px #fff; border-right:none;}
.tab_area.ty02 .tab_item > a.active:before{content:''; display:block; position:absolute; left:-1px; top:-1px; width:2px; height:100%; background:#0a1e5a;}
.tab_area.ty02 .tab_item > a.active:after{content:''; display:block; position:absolute; left:auto; bottom:auto; top:0; right:0; width:2px; height:100%; background:#0a1e5a;}

.tab_area.ty02.br_black{margin-bottom:30px;}
.tab_area.ty02.br_black .tab_item > a.active{border-top:solid 2px #222;}
.tab_area.ty02.br_black .tab_item > a:after,
.tab_area.ty02.br_black .tab_item > a:before,
.tab_area.ty02.br_black .tab_item > a.active:after{background:#222}
.conbox {display: none;}
.conbox.active {display: block;}


/*calender*/
.full .ui-widget.ui-widget-content {width:100%;padding:0 44px 44px;background-color:#fafafa;box-sizing: border-box;}
.full .ui-datepicker {padding:0;}
.full .ui-datepicker .ui-datepicker-header {width: calc(100% + 88px);height:66px;margin-left:-44px;padding:0;box-sizing: border-box;border:0;}
.full .ui-datepicker .ui-datepicker-prev, .full .ui-datepicker .ui-datepicker-next {top:0;width:66px;height:66px;}
.full .ui-datepicker .ui-datepicker-prev {left:16px;}
.full .ui-datepicker .ui-datepicker-next {right:16px;}
.full .ui-datepicker .ui-datepicker-title {line-height:66px;}
.full .ui-datepicker .ui-datepicker-week-end span {color:#e31d3c;}
.full .ui-widget.ui-widget-content {border-color:#e5e5e5;}
.full .ui-datepicker th{height:56px;padding:0 .3em;}
.full .ui-datepicker td {height:56px;padding:0;border:1px solid #e5e5e5;}
.full .ui-datepicker table{margin:0;}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {border: 0 !important;background:none!important;}

.full .ui-datepicker table tbody tr td a{background-color:#fff;}
.full .ui-datepicker table tbody tr td:first-child a, .full .ui-datepicker table tbody tr td:last-child a {background-color:#fafafa;color:#e31d3c;}
.full .ui-state-default, 
.full .ui-widget-content .ui-state-default, 
.full .ui-widget-header .ui-state-default, 
.full .ui-button {width:100%;height:100%;padding:0;border:0;line-height:56px;text-align:center;}
.full .ui-state-highlight, 
.full .ui-widget-content .ui-state-highlight, 
.full .ui-widget-header .ui-state-highlight {background-color:#0a1e5a;color:#fff;}
.full .ui-datepicker table tbody tr td .ui-state-active {background-color:#0a1e5a;}
.full .ui-datepicker table tbody tr td .ui-state-active:hover {color:#454545;}
.full .ui-corner-all, .full .ui-corner-bottom, .full .ui-corner-right, .full .ui-corner-br {border-radius: 0;}
.full .ui-datepicker .ui-datepicker-prev span, .full .ui-datepicker .ui-datepicker-next span {width:10px;height:18px;}
.full .ui-icon-circle-triangle-w {background:url('../img/calender-lft.png') no-repeat !important;background-position:0;}
.full .ui-icon-circle-triangle-e {background:url('../img/calender-rht.png') no-repeat !important;background-position:0;}
.date_txt {padding:20px 0;}
.customer_txt {min-height:50px;background-color: #0a1e5a;color:#fff;text-align: center;line-height:50px;}
/*calender*/


.paging_item {margin-top:30px;text-align:center;}
.paging_item .btn_area  {height:40px;border:1px solid #e5e5e5;box-sizing:border-box;font-size: 0;line-height: 0;vertical-align:top;display:inline-block;}
.paging_item .btn_area a {width:38px;height:38px;font-size: 0;line-height: 0;display:inline-block;}
.paging_item .btn_area .btn_first, .paging_item .btn_area .btn_first.inactive:hover {background:url('../img/ico_arrow_01.png') center center no-repeat;}
.paging_item .btn_area .btn_prev, .paging_item .btn_area .btn_prev.inactive:hover {background:url('../img/ico_arrow_02.png') center center no-repeat;border-left:1px solid #e5e5e5;}
.paging_item .btn_area .btn_next, .paging_item .btn_area .btn_next.inactive:hover {background:url('../img/ico_arrow_03.png') center center no-repeat;}
.paging_item .btn_area .btn_last, .paging_item .btn_area .btn_last.inactive:hover {background:url('../img/ico_arrow_04.png') center center no-repeat;border-left:1px solid #e5e5e5;}
.paging_item .paging:after {content:''; display:block; clear:both;}
.paging_item .paging {display:inline-block; margin:0 5px;font-size: 0;line-height: 0;text-align:center;}
.paging_item .paging a{display:inline-block; width:40px; height:40px; line-height:40px; font-size:18px;color:#222;}
.paging_item .paging a.active{font-weight:bold; color:#0066e5; background:#fafafa;}
.paging_item .paging a:hover{color:#0066e5; font-weight: bold;}

.inactive {opacity:.3; cursor:default;}
.img_cnt_wrap{text-align: center;}