@charset "UTF-8"; 

/*
*   name : content
*	content와 관련된 요소들을 모아놓습니다. (sub layout 제외)
*/


/*--------------------- popup ---------------------*/
#pop-container {padding:2rem;}


/*--------------------- 공통 ---------------------*/
.sc-tit {margin-bottom:2rem;}
.sc-tit,
.sc-tit span {font-family: 'TitilliumWeb';font-weight:500;font-size:6rem;color:var(--point-color);line-height:110%;letter-spacing:-0.03em;}
.sc-tit .sm-txt {display:block;font-size:3rem;margin-bottom:0;}
.sc-stit {font-family: 'TitilliumWeb';font-weight:500;font-size:4rem;color:var(--point-color);margin-bottom:2rem;line-height:110%;}
.sc-stit2 {font-family: 'TitilliumWeb';font-weight:500;font-size:4rem;color:var(--point-color);margin-bottom:0.5rem;line-height:110%;}
.sc-stxt {font-family: 'TitilliumWeb';font-weight:500;font-size:2rem;margin-bottom:4rem;line-height:160%;}
.ct-tit {font-family: 'TitilliumWeb';font-weight:500;font-size:3rem;}

.cont-txt {line-height:160%;font-size:2rem;margin-bottom:3rem;}

.filedownload-btn {min-width:22rem;min-height:4.2rem;padding:1.2rem 2rem;border:1px solid var(--border-gray);border-radius:3px;display:inline-flex;align-items:center;}
.filedownload-btn span {position:relative;padding-right:3rem;}
.filedownload-btn:after {content:"";margin-left:auto;display:block;width:1.6rem;height:1.6rem;background:url(../img/content/filedownload_btn.svg) no-repeat center center /100% 100%;}

.input-lst {display:flex;flex-wrap:wrap;justify-content:space-between;gap:4rem 0;}
.input-lst li {width:calc(50% - 2rem);}
.input-lst li input[type="text"] {width:100%;}
.input-lst li textarea {width:100%;height:20rem;resize:none;}
.input-lst li .label {line-height:160%;margin-bottom:1rem;font-size:1.4rem;}
.input-lst li .label + .chkbox-group {margin-top:2rem;}
.input-lst li.l-one {width:100%;max-width:none;}

.input-group {background:var(--bg-gray);border-radius:10px;padding:3rem;display:flex;flex-wrap:wrap;gap:4rem 2rem;}
.input-group.sm-gap {gap:4rem 1rem;}
.input-group__tit {width:100%;margin-bottom:-2rem;font-weight:600;font-size:1.4rem;}
.input-group__item {width:calc(25% - 1.5rem);}
.input-group__item.l-one {width:100%;}
.input-group__item.l-three {width:calc(33.33% - 1.3333rem);}
.input-group.sm-gap .input-group__item {width:calc(25% - 0.75rem);}
.input-group.sm-gap .input-group__item.l-one {width:100%;}
.input-group.sm-gap .input-group__item.l-three {width:calc(33.33% - 0.6666rem);}
.input-group__item .label {font-size:1.4rem;margin-bottom:1rem;}
.input-group__item input[type="text"] {width:100%;max-width:100%;}
.input-group__item select {max-width:100%;background-color:#fff;}
.input-group__item textarea {width:100%;max-width:100%;height:20rem;background:#fff;resize:none;}
.input-group__item tr td {background:#fff;}
.input-group__item div {line-height:160%;}
.file-downbtn {vertical-align: middle;margin-left:5px;width:4.6rem;height:3.6rem;background:url(../img/content/file-downbtn.svg) no-repeat center center var(--bg-gray);border:1px solid var(--border-gray);border-radius:3px;cursor:pointer;}
.input-group__item input[type="text"]:disabled,
.input-group__item select:disabled {background:none;}


.input-group__divide {width:100%;height:0px;}
.input-group__divide + .input-group__item {margin-top:-4rem;}
.input-group__divide + .input-group__item + .input-group__item {margin-top:-4rem;}
.input-group__divide + .input-group__item + .input-group__item + .input-group__item {margin-top:-4rem;}

.input-lst + .input-group {margin-top:4rem;}
.input-group + .input-group {margin-top:1rem;}
.input-group + .input-group.mt-big {margin-top:4rem;}
.input-group.wrap + .input-group.wrap {margin-top:4rem;}
.input-group + .input-lst {margin-top:4rem;}
.input-lst + .graybox {margin-top:4rem;}

.input-group .whitebox {background:#fff;border-radius:10px;padding:3rem;}
.input-group .whitebox.chkradio-flex-big {display:flex;flex-wrap:wrap;gap:2rem 5rem;align-items:center;justify-content:center;}
.input-group .das-list li {font-size:1.4rem;}
.input-group .das-list li + li {margin-top:0.5rem;}
.input-group .numtxt-list > li {font-size:1.4rem;}

.nec {color:var(--point-color);padding-left:0.2em;font-size:1.4rem;}


.addbtn,
.removebtn {width:2rem;height:2rem;border-radius:4px;background:var(--black-color);position:relative;}
.addbtn:before,
.addbtn:after,
.removebtn:before {content:"";display:block;position:absolute;top:50%;left:50%;margin:-0.1rem 0 0 -0.4rem;width:0.8rem;height:0.2rem;background:#fff;}
.addbtn:after {transform:rotate(90deg);}
.tr-controls {display:flex;gap:0.4rem;}
.input-group__tit:has(.tr-controls) {display:flex;flex-wrap:wrap;align-items:center;}
.input-group__tit .tr-controls {margin-left:auto;}


	/* animation */
	.filedownload-btn {transition:all .3s;}
	.filedownload-btn span {transition:all .3s;}
	.filedownload-btn:after {transition:all .3s;}

	@media screen and (min-width:1200px)
	{
		.filedownload-btn:hover,
		.filedownload-btn:focus {background:var(--point-color);border-color:var(--point-color);}
		.filedownload-btn:hover span,
		.filedownload-btn:focus span {color:#fff;}
		.filedownload-btn:hover:after,
		.filedownload-btn:focus:after {filter: brightness(0) invert(1);}
	}
	
	@media screen and (max-width:1200px)
	{
		.input-group__item {width:calc(50% - 1.5rem);}
		.input-group.sm-gap .input-group__item {width:calc(50% - 0.5rem);}
		.input-group.sm-gap .input-group__item.l-one {width:100%;}
		.input-group.sm-gap .input-group__item.l-three {width:calc(50% - 0.5rem);}
		.input-group__divide + .input-group__item + .input-group__item + .input-group__item {margin-top:0;}
	}

	@media screen and (max-width:860px)
	{
		.input-lst li {width:100%;max-width:none;}
		.input-group {padding:3rem 2rem;}
	}

	@media screen and (max-width:480px)
	{
		.input-group__item {width:100%;}
		.input-group.sm-gap .input-group__item {width:100%;}
		.input-group.sm-gap .input-group__item.l-three {width:100%;}
		.input-group__divide + .input-group__item + .input-group__item {margin-top:0;}
	}


/*--------------------- popup ---------------------*/
.pop-tbltop {background:var(--bg-gray);border-radius:3px 3px 0 0;padding:2rem;display:flex;flex-wrap:wrap;align-items:center;}
.pop-tbltop__tit {font-size:1.4rem;font-weight:600;margin-right:1rem;}
.pop-tbltop + .input-file-wrap {margin-top:0.5rem;}
.pop-tbltop .board-search {margin-left:auto;padding-bottom:0;}


/*--------------------- PR video ---------------------*/
.prvideo {display:flex;gap:4rem;align-items:flex-start;}
.prvideo video {width:70rem;max-width:100%;background:var(--bg-gray);position:relative;overflow:hidden;}
.prvideo__txt {flex:1;}
.prvideo__txt .stxt {line-height:200%;}
.prvideo__txt .stxt strong {display:block;line-height:200%;margin-bottom:3rem;}

	@media screen and (max-width:1400px)
	{
		.prvideo {flex-wrap:wrap;}
		.prvideo video {width:100%;max-width:70rem;margin-bottom:4rem;}
		.prvideo__txt {flex:none;width:100%;}
	}


/*--------------------- brochure ---------------------*/
.brochure {display:flex;gap:0 4rem;align-items:flex-start;}
.brochure__txt {width:calc(50% - 2rem);}
.brochure__txt .btxt {font-size:2.2rem;line-height:140%;margin-bottom:2rem;}
.brochure__txt .stxt {line-height:200%;margin-bottom:6rem;}
.brochure__img {width:calc(50% - 2rem);text-align:right;}
.brochure__img figure {display:inline-block;width:38rem;max-width:100%;position:relative;box-shadow:-7px 15px 30px rgba(0, 0, 0, 0.05);}
.brochure__img figure:after {content:"";display:block;height:0;width:100%;padding-bottom:141.5789%;}
.brochure__img figure:before {content:"";display:block;position:absolute;top:-2rem;left:-2rem;width:100%;height:100%;background:var(--point-color);}
.brochure__img figure img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}

	@media screen and (max-width:1200px)
	{
		.brochure {flex-wrap:wrap;}
		.brochure__txt {width:100%;margin-bottom:10rem;}
		.brochure__img {width:100%;text-align:center;padding-left:2rem;}
	}


/*--------------------- CI / BI ---------------------*/
.ci {display:flex;gap:0 10rem;align-items:flex-start;}
.ci + .ci {margin-top:10rem;}
.ci__txt {width:calc(46% - 5rem);}
.ci__txt .stxt {line-height:200%;margin-bottom:5rem;}
.ci__img {width:calc(54% - 5rem);}
.ci__img .imgbox {border:1px solid var(--border-gray);padding:4rem;}
.ci__img .imgbox {min-height:34rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.ci__img .imgbox + .imgbox {margin-top:2rem;}
.ci__img figure {max-width:100%;}
.ci__img figure img {max-width:100%;}
.ci__img .CI_Signature figure {max-width:100%;text-align:center;}
.ci__img .CI_Signature figure img {max-width:60%;}
.ci__img .tit + figure {margin-bottom:auto;}
.ci__img .tit {align-self:flex-start;width:100%;margin-bottom:auto;}
.ci__img .inner-wrap {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4rem;}
.ci__img .tit + .inner-wrap {margin-bottom:auto;}
.ci__img .imgwrap {text-align:center;align-self:stretch;display:flex;flex-wrap:wrap;justify-content:center;width:calc(50% - 2rem);height:16rem;}
.ci__img .imgwrap figure {align-self:center;}
.ci__img .imgwrap .tit {width:100%;margin:0;align-self:flex-end;}
.ci__img .imgwrap:first-child figure {margin-top:4rem;}

	@media screen and (max-width:1000px)
	{
		.ci {flex-wrap:wrap;}
		.ci__txt {width:100%;}
		.ci__img {width:100%;margin-top:6rem;}
	}

	@media screen and (max-width:700px)
	{
		.ci__img .tit {margin-bottom:4rem;}
	}

	@media screen and (max-width:480px)
	{
		.ci__img .imgwrap:first-child figure {margin-top:0;}
		.ci__img .imgwrap {width:100%;height:auto;}
		.ci__img .imgwrap .tit {margin-top:4rem;}
	}


/*--------------------- qna ---------------------*/
.qna-write-link {width:100rem;}
.qna-write-name {width:60rem;}
.input-editor {height:36rem;border:1px solid var(--border-gray);border-radius:3px;background:var(--bg-gray);}



/*--------------------- faq ---------------------*/
.faq-list {border-top:2px solid var(--black-color);}
.faq-list .folding-btn {display:flex;gap:0 1.7rem;width:100%;padding:2.5rem 1rem;border-bottom:1px solid var(--border-gray);text-align:left;}
.faq-list .folding-btn:before {flex:none;content:"Q";display:block;width:3rem;height:3rem;margin-top:0.3rem;color:#fff;font-weight:600;border-radius:3px;background:var(--black-color);text-align:center;font-size:1.6rem;}
.faq-list .folding-btn span {font-size:2.2rem;font-weight:600;line-height:160%;}
.faq-list .folding-contents {display:none;padding:2.5rem 3rem;background:var(--bg-gray);text-align:left;}
.faq-list .folding-contents .inner-accordion-contents {line-height:160%;display:flex;gap:0 1.7rem;}
.faq-list .folding-contents .inner-accordion-contents:before {flex:none;content:"A";display:block;width:3rem;height:3rem;margin-top:-0.2rem;color:#fff;font-weight:600;border-radius:3px;background:var(--point-color);text-align:center;font-size:1.6rem;}
.faq-list .nodata {padding:4rem 1rem;text-align:center;border-bottom: 1px solid var(--border-gray);}

/*--------------------- login ---------------------*/
.login {background:#f0f1f5;padding:12rem 4rem;}
.login__inwrap {width:31rem;max-width:100%;margin:0 auto;}
.login__title {margin-bottom:3rem;padding-left:6rem;position:relative;}
.login__title:before {content:"";display:block;width:5rem;height:5rem;background:url(../img/content/login_title_deco.svg) no-repeat center center /100% 100%;position:absolute;top:0.5rem;left:0;}
.login__title .stxt {margin-bottom:0.5rem;}
.login__title h3 {color:var(--point-color);font-family: 'TitilliumWeb';font-weight:500;font-size:4rem;}
.login__input input {width:100%;height:5rem;padding:0 2rem;border-radius:3px;margin-bottom:0.5rem;}
.login__input input::placeholder {color:var(--black-color);}
.login-btn {display:block;width:100%;height:5rem;background:var(--point-color);border-radius:3px;color:#fff;text-align:center;margin-top:1rem;}

	@media screen and (max-width:480px)
	{
		.login {padding:8rem 3rem;}
		.login__title .stxt {font-size:1.4rem;}
		.login__title h3 {font-size:3.2rem;}
		.login__title:before {width:4.2rem;height:4.2rem;top:0.3rem;}
	}


/*--------------------- mycert list ---------------------*/
.mycertlst-tbl .rsps-label {display:none;}
.mycertlst-tbl .icon-btn-group {flex-wrap:none;}

	@media screen and (max-width:1200px)
	{
		.mycertlst-tbl colgroup {display:none;}
		.mycertlst-tbl thead {display:none;}
		.mycertlst-tbl tbody,
		.mycertlst-tbl tbody tr {display:block;}
		.mycertlst-tbl tbody + tbody {margin-top:1.5rem;border-top:1px solid var(--border-gray)}
		.mycertlst-tbl tbody td {display:block;width:100%;position:relative;text-align:left;padding-left:16rem;}
		.mycertlst-tbl .rsps-label {display:block;}
		.mycertlst-tbl .rsps-label {position:absolute;top:0;left:0;bottom:0;width:14rem;display:flex;align-items:center;padding:0 2rem;background:var(--bg-gray2);}
		.mycertlst-tbl .icon-btn-group {justify-content:flex-start;}
		.mycertlst-tbl.evenbody-bg tbody:nth-of-type(even) td {background:none;}
		.mycertlst-tbl tbody td.nodata {padding-left:1.5rem;text-align:center;}
		.mycertlst-tbl tbody td.nodata .rsps-label {display:none;}
	}


/*--------------------- mycert edit ---------------------*/
.mycert-graybox-bttxt {margin-top:1rem;font-size:1.4rem;font-weight:600;padding:0 3rem;line-height:200%;}

.signimg {display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:4rem;}
.signimg__item {width:calc(25% - 1.5rem);background:var(--bg-gray);border-radius:10px;padding:3rem 1rem 1rem;text-align:center;}
.signimg__item dt {margin-bottom:2rem;font-size:1.4rem;}
.signimg__item dd {background:#fff;border-radius:10px;min-height:15rem;padding:1rem;display:flex;align-items:center;justify-content:center;}
.signimg__item dd img {max-width:100%;}

	
	@media screen and (max-width:1000px)
	{
		.signimg__item {width:calc(50% - 1rem);}
	}

	@media screen and (max-width:380px)
	{
		.signimg__item {width:100%;}
	}


/*--------------------- overview ---------------------*/
.overview {display:flex;flex-wrap:wrap;gap:5rem 3rem;}
.overview__txt {width:50%;}
.overview__txt .sc-tit {margin-bottom:4rem;}
.overview__txt .stxt {line-height:200%;font-size:2rem;}
.overview__img {width:calc(50% - 3rem);max-width:68.4rem;}
.overview__img img {max-width:100%;}

	@media screen and (max-width:1000px)
	{
		.overview__txt {width:100%;}
		.overview__img {width:100%;}
	}


/*--------------------- mainwork ---------------------*/
.mainwork {position:relative;padding:17rem 8rem 0;}
.mainwork:before {content:"";position:absolute;top:0;left:0;display:block;height:65.6rem;width:100%;border-radius:10px 10px 0 0;background:url(../img/content/mainwork_bg.png) no-repeat center top /auto 100%;}
.mainwork__rel {position:relative;z-index:1;}
.mainwork__logo {max-width:31.3rem;margin:0 auto 17rem;}
.mainwork__logo img {max-width:100%;}
.mainwork__lst {display:flex;gap:2rem;}
.mainwork__lst li {flex:1;border-radius:10px;background:#fff;box-shadow:0px 15px 30px rgba(0, 0, 0, 0.15);padding:8rem 4rem 12rem;}
.mainwork__lst .img {width:13rem;height:13rem;margin:0 auto 4rem;border-radius:50%;background:var(--bg-gray2);background-position:center center;background-repeat:no-repeat;}
.mainwork__lst li:nth-child(1) .img {background-image:url(../img/content/mainwork__lst_ico01.svg)}
.mainwork__lst li:nth-child(2) .img {background-image:url(../img/content/mainwork__lst_ico02.svg)}
.mainwork__lst li:nth-child(3) .img {background-image:url(../img/content/mainwork__lst_ico03.svg)}
.mainwork__lst .btxt {font-size:3.6rem;color:var(--point-color);text-align:center;margin-bottom:2rem;line-height:120%;font-family: 'TitilliumWeb';font-weight:500;letter-spacing:-0.03em;}
.mainwork__lst .stxt {line-height:200%;}

	@media screen and (max-width:1200px)
	{
		.mainwork {padding-left:4rem;padding-right:4rem;}
		.mainwork__lst {flex-wrap:wrap;}
		.mainwork__lst li {width:100%;flex:auto;padding:4rem 3rem 4rem;}
		.mainwork__lst .img {margin-bottom:2rem;}
		.mainwork__lst .btxt {margin-bottom:0;}
	}
	@media screen and (max-width:360px)
	{
		.mainwork {padding-left:3rem;padding-right:3rem;padding-top:14rem;}
		.mainwork__logo {margin-bottom:14rem;}
	}


/*--------------------- CEO greetings ---------------------*/
.ceo-greetings__tibox {display:flex;flex-wrap:wrap;margin-top:5rem;}
.ceo-greetings__tibox .stxt {flex:1;}
.ceo-greetings .stxt {line-height:200%;}
.ceo-greetings .stxt strong {letter-spacing:-0.03em;}
.ceo-greetings .img img {max-width:100%;}


	@media screen and (max-width:1200px)
	{
		.ceo-greetings .stxt {width:100%;flex:auto;}
		.ceo-greetings .img {margin:6rem auto 0;}
	}



/*--------------------- training ---------------------*/
.training__lst {margin-top:5rem;}
.training__lst li {display:flex;gap:4rem 10rem;}
.training__lst li + li {margin-top:10rem;}
.training__lst .img {width:calc(50% - 5rem);border-radius:20px 0 0 0;overflow:hidden;}
.training__lst li:nth-child(even) .img {border-radius:0 20px 0 0;}
.training__lst .img img {max-width:100%;}
.training__lst .txt {width:calc(50% - 5rem);line-height:200%;margin-top:-0.5em;}

.schedule-info dt {font-weight:600;}
.schedule-info dt,
.schedule-info dd {line-height:160%;}
.schedule-info .das-list li + li {margin-top:0.5rem;}

.schedule-checked {display:inline-block;width:2rem;height:2rem;border-radius:50%;background:var(--black-color);}

.inspection-report-lst li {background:var(--bg-gray2);padding:3rem 2rem;border-radius:10px;}
.inspection-report-lst li + li {margin-top:3rem;}
.inspection-report-lst .title {margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:2rem;padding:0 2rem;}
.inspection-report-lst .title h4 {color:var(--point-color);font-weight:600;font-family: 'TitilliumWeb';font-size:1.8rem;}
.inspection-report-lst .title .stxt {margin-left:auto;line-height:160%;}
.inspection-report-lst .btns {display:flex;gap:2rem;flex-wrap:wrap;}
.inspection-report-lst .btns a {width:calc(50% - 1rem);display:block;background:#fff;border-radius:10px;padding:3.5rem 10rem 3.5rem 4rem;position:relative;}
.inspection-report-lst .btns a .stxt {display:block;line-height:160%;}
.inspection-report-lst .btns a .btxt {display:block;font-size:1.8rem;font-weight:600;line-height:160%;}
.inspection-report-lst .btns a.link:after {content:"";display:block;width:4rem;height:4rem;border-radius:50%;border:2px solid #333;position:absolute;top:50%;right:4rem;margin-top:-2rem;background:url(../img/content/inspection_report_lst_btnlink.svg) no-repeat center center;}
.inspection-report-lst .btns a.file:after {content:"";display:block;width:4rem;height:4rem;position:absolute;top:50%;right:4rem;margin-top:-2rem;background:url(../img/content/inspection_report_lst_btnfile.svg) no-repeat center center;}

.app-view-state {text-align:right;margin-bottom:2rem;}
.app-view-state__txt {display:inline-block;position:relative;padding-left:22px;}
.app-view-state__txt:before {content:"";display:block;width:14px;height:14px;background:url(../img/default/board_list_state.svg) no-repeat center center;position:absolute;top:50%;left:0;margin-top:-7px;}
.app-view-state span {font-weight:600;color:var(--point-color);}

	@media screen and (max-width:1200px)
	{
		.training__lst li {gap:4rem 5rem;}
	}

	@media screen and (max-width:700px)
	{
		.training__lst li {flex-wrap:wrap;}
		.training__lst li + li {margin-top:6rem;}
		.training__lst .txt {width:100%;}
		.training__lst .img {width:100%;}
		.training__lst li:nth-child(even) .img {order:1;}
		.training__lst li:nth-child(even) .txt {order:2;}

		.inspection-report-lst .btns a {width:100%;}
	}


/*--------------------- history ---------------------*/
.history {display:flex;gap:0 8rem;align-items:flex-start;}
.history__tab {flex:none;width:calc(53% - 8rem);min-height:100rem;padding:14rem 12rem;border-radius:20px 0 0 20px;background:url(../img/content/history_bg.png) no-repeat center top /cover;}
.history__tab .tab-nav a span {font-size:4rem;font-family: 'TitilliumWeb';font-weight:500;color:#fff;}
.history__tab .tab-nav a[aria-selected="true"] span {color:var(--point-color);}
.history__tab li + li {margin-top:3rem;}
.history__tab__txt {color:#fff;font-size:1.8rem;margin-top:5rem;line-height:160%;font-weight:600;}
.history .tab-content {margin-top:4rem;}
.history__lst > li + li {margin-top:9rem;}
.history__lst .year {margin-bottom:3rem;font-size:4rem;font-family: 'TitilliumWeb';font-weight:500;color:var(--point-color);}
.history__lst__datebox > li {display:flex;gap:0 3rem;}
.history__lst__datebox > li + li {margin-top:3rem;}
.history__lst__datebox > li .date {flex:none;font-weight:600;line-height:200%;}
.history__lst__datebox > li .cont {line-height:200%;}

	@media screen and (max-width:1200px)
	{
		.history {gap:0 6rem;}
		.history__tab {padding:6rem;}
	}
	@media screen and (max-width:870px)
	{
		.history {flex-wrap:wrap;}
		.history__tab {width:100%;padding:6rem 4rem;min-height:50rem;}
		.history__tab .tab-nav a span {font-size:3.6rem;}
		.history .tab-content {margin-top:9rem;}
	}


/*--------------------- organization ---------------------*/
.organization__title {height:24rem;background:url(../img/content/organization_bg.png) no-repeat center top /cover;display:flex;align-items:center;justify-content:center;border-radius:20px 20px 0 0;}
.organization__title h3 {color:#fff;font-family: 'TitilliumWeb';font-weight:500;font-size:3rem;}
.organization__lst .ceo {margin:-6.5rem auto 4rem;width:13rem;height:13rem;position:relative;display:flex;align-items:center;justify-content:center;}
.organization__lst .ceo:after {content:"";display:block;position:absolute;top:0;left:0;width:13rem;height:13rem;border-radius:50%;background:rgba(216, 29, 36, 0.2);}
.organization__lst .ceo:before {content:"";display:block;position:absolute;bottom:-6rem;left:50%;width:1px;height:8rem;background:var(--bg-gray2);}
.organization__lst .ceo__inbox {position:relative;z-index:1;width:10rem;height:10rem;border-radius:50%;background:var(--point-color);color:#fff;font-family: 'TitilliumWeb';font-size:2rem;display:flex;align-items:center;justify-content:center;}
.organization__sublst {display:flex;flex-wrap:wrap;gap:0 3rem;position:relative;}
.organization__sublst > dd {width:calc(20% - 2.4rem);position:relative;}
.organization__sublst > dd:before {content:"";position:absolute;top:-4rem;left:50%;display:block;width:1px;height:4rem;background:var(--bg-gray2);}
.organization__sublst .total-affairs {width:100%;margin-bottom:8rem;position:relative;}
.organization__sublst .total-affairs:before {content:"";position:absolute;bottom:-4rem;left:50%;display:block;width:1px;height:4rem;background:var(--bg-gray2);}
.organization__sublst .total-affairs:after {content:"";position:absolute;bottom:-4rem;left:50%;display:block;width:calc(100% - (20% - 2.4rem));height:1px;background:var(--bg-gray2);transform:translateX(-50%);}
.organization__sublst .total-affairs__inbox {max-width:25.6rem;padding:1.5rem;margin:0 auto;background:var(--bg-gray2);font-family: 'TitilliumWeb';font-weight:500;font-size:2rem;text-align:center;border-radius:5px;}
.organization__sublst .appairs-lst dt {padding:1.5rem 2rem;min-height:7rem;display:flex;align-items:center;justify-content:center;background:var(--black-color);color:#fff;font-family: 'TitilliumWeb';font-weight:500;font-size:2rem;text-align:center;border-radius:5px;}
.organization__sublst .appairs-lst dd {padding:3rem 2rem;line-height:200%;}

	@media screen and (max-width:1200px)
	{
		.organization__sublst .total-affairs {margin-bottom:4rem;}
		.organization__sublst {gap:0 2rem;}
		.organization__sublst > dd {width:100%;margin-bottom:4rem;}
		.organization__sublst .appairs-lst dt {min-height:5rem;}
		.organization__sublst .total-affairs:after {display:none;}
	}

/*--------------------- location ---------------------*/
.location iframe {width:100%;height:54rem;margin-bottom:3rem;}
.location__infolst li {display:flex;gap:2rem;}
.location__infolst li + li {margin-top:3rem;}
.location__infolst .tit {flex:none;width:10rem;height:4rem;border-radius:3px;background:var(--point-color);color:#fff;display:flex;align-items:Center;justify-content:center;font-family: 'TitilliumWeb';font-weight:500;font-size:2rem;}
.location__infolst .txt {margin-top:0.5em;line-height:160%;}


/*--------------------- videos ---------------------*/
.training-graybox {background:var(--bg-gray2);border-radius:10px;padding:4rem;}
.training-video {display:flex;gap:6rem;align-items:flex-start;}
.training-video .videobox {width:calc(50% - 3rem);position:relative;}
.training-video .videobox:after {content:"";display:block;width:100%;height:0;padding-bottom:56.25%;}
.training-video .videobox video {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}
.training-video__lst {width:calc(50% - 3rem);}
.training-video__lst .tit {font-size:2rem;font-weight:600;margin-bottom:1rem;}
.training-video__lst li {border-bottom:1px solid var(--border-gray);padding:2rem 0;}
.training-video__lst li button {display:flex;align-items:flex-start;line-height:160%;}
.training-video__lst li button:before {content:"";flex:none;display:block;width:2rem;height:2rem;margin-right:1rem;margin-top:0.2em;background:url(../img/content/training_video_icon.svg) no-repeat center center /100% 100%;}
.training-video__lst li button.on {color:var(--point-color);}
.training-video__lst li button.on:before {background-image:url(../img/content/training_video_icon_on.svg)}

	/* animation */
	.training-video__lst li button {transition:all .3s;text-align:left;}
	.training-video__lst li button:before{transition:all .3s;}

	@media screen and (min-width:1200px)
	{
		.training-video__lst li button:hover,
		.training-video__lst li button:focus {color:var(--point-color);}
		.training-video__lst li button:hover:before,
		.training-video__lst li button:focus:before {background-image:url(../img/content/training_video_icon_on.svg)}
	}

	@media screen and (max-width:1000px)
	{
		.training-video {flex-wrap:wrap;}
		.training-video .videobox {width:100%;}
		.training-video__lst {width:100%;}
	}
	@media screen and (max-width:600px)
	{
		.training-graybox {padding:3rem 2rem;}
	}


/*--------------------- manuals ---------------------*/
.training-manuals {display:flex;flex-wrap:wrap;}
.training-manuals-download {position:relative;padding-right:3rem;padding-left:3rem;margin-left:auto;display:inline-block;margin-bottom:3rem;}
.training-manuals-download:before {content:"";display:block;width:2rem;height:2rem;position:absolute;top:50%;left:0;margin-top:-1rem;background:url(../img/default/pdf_icon.svg) no-repeat center center;}
.training-manuals-download:after {content:"";display:block;width:2rem;height:2rem;position:absolute;top:50%;right:0;margin-top:-1rem;background:url(../img/content/inspection_report_lst_btnfile.svg) no-repeat center center;}
.training-manuals-download i {font-style:normal;color:var(--point-color);}
.training-manuals-treebox {display:flex;width:100%;height:46rem;background:#fff;}
.training-manuals-treebox .tree {width:45.2rem;position:relative;}
.training-manuals-treebox .document {flex:1;position:relative;}
.training-manuals-treebox iframe {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}

	@media screen and (max-width:1200px)
	{
		.training-manuals-treebox {flex-wrap:wrap;height:auto;}
		.training-manuals-treebox .tree {width:100%;height:30rem;}
		.training-manuals-treebox .document {flex:none;width:100%;height:50rem;}
	}


/*--------------------- Certificate of authenticity ---------------------*/
.certificate {display:flex;gap:6rem;align-items:flex-start;}
.certificate__txt .stxt {line-height:200%;}
.certificate__img {display:flex;padding:2.5rem;gap:1rem;background:var(--bg-gray2);border-radius:10px;}
.certificate__img figure {width:32.5rem;}
.certificate__img figure img {max-width:100%;}

	@media screen and (max-width:1400px)
	{
		.certificate {flex-wrap:wrap;}
		.certificate__txt {width:100%;}
		.certificate__img {flex-wrap:wrap;justify-content:center;min-width:0;}
	}


/*--------------------- Agent list ---------------------*/
.agent-list-tbl {width:100%;border-top:1px solid var(--border-gray);border-right:1px solid var(--border-gray);border-left:1px solid var(--border-gray);}
.agent-list-tbl th, 
.agent-list-tbl td {text-align:center;font-size:1.4rem;padding:1.5rem;border-bottom:1px solid var(--border-gray);line-height:160%;}
.agent-list-tbl thead th {background:#e7e8ee;font-weight:600;}

.agent-list-tbl__trprt {cursor:pointer;}
.agent-list-tbl__trprt .title {text-align:left;}
.agent-list-tbl__trchd {display:none;}
.agent-list-tbl__trchd td {background:#f7f8fa;}
.agent-list-tbl__chd {padding:3rem;background:#fff;}
.agent-list-tbl__toptxt {padding-bottom:3rem;border-bottom:1px solid var(--border-gray);display:flex;flex-wrap:wrap;gap:1.5rem;}
.agent-list-tbl__toptxt__tbox {width:100%;text-align:left;display:flex;gap:0 0.5rem;}
.agent-list-tbl__toptxt__tbox .tit {font-weight:600;font-size:1.4rem;flex:none;line-height:160%;text-align:left;word-break:break-all;}
.agent-list-tbl__toptxt__tbox .txt {font-size:1.4rem;line-height:160%;text-align:left;word-break:break-all;}
.agent-list-tbl__toptxt .agent-list-tbl__lt {gap:1.5rem 0;flex-wrap:wrap;}
.agent-list-tbl__peoplelst li {display:flex;flex-wrap:wrap;padding:3rem 0 0;gap:1rem;}
.agent-list-tbl__peoplelst li + li {border-top:1px solid var(--border-gray);}
.agent-list-tbl__peoplelst li:has(+ li) {padding-bottom:3rem;}
.agent-list-tbl__peoplelst figure {width:5.4rem;flex:none;}
.agent-list-tbl__peoplelst figure img {max-width:100%;}
.agent-list-tbl__lt {width:60%;display:flex;align-items:center;gap:3rem;}
.agent-list-tbl__toptxt .agent-list-tbl__lt  {width:calc(60% + 8.4rem);}
.agent-list-tbl__toptxt .agent-list-tbl__rt {padding-left:0;}
.agent-list-tbl__tbox + .agent-list-tbl__tbox {margin-top:1rem;}
.agent-list-tbl__tbox {display:flex;gap:0 1.5rem;}
.agent-list-tbl__tbox .tit {font-size:1.4rem;font-weight:600;line-height:160%;text-align:left;word-break:break-all;flex:none;}
.agent-list-tbl__tbox .txt {font-size:1.4rem;line-height:160%;text-align:left;word-break:break-all;}
.agent-list-tbl__rt {padding-left:8.4rem;}
.agent-list-tbl .as-btns .slash,
.agent-list-tbl .as-btns button {color:#767676;font-size:1.2rem;}
.agent-list-tbl .as-btns .slash {margin:0 0.3rem;}

.agent-region {display:flex;gap:1rem;margin-bottom:3rem;}
.agent-region__map {flex:1;background:var(--bg-gray2);border-radius:10px;padding:4rem 5rem 5rem;text-align:center;}
.agent-region__map .title {text-align:left;font-size:2rem;font-weight:600;margin-bottom:1.5rem;}
.agent-region__map .map {position:relative;display:inline-block;}
.agent-region__map .map__area {min-width:8rem;height:3.2rem;padding:0 1.5rem;position:absolute;background:var(--black-color);border-radius:50px;color:#fff;font-size:1.2rem;box-shadow:0 10px 10px rgba(0, 0, 0, 0.1);}
.agent-region__map .map__area.europe {top:87px;left:130px;}
.agent-region__map .map__area.me {top:157px;left:100px;}
.agent-region__map .map__area.africa {top:213px;left:38px;}
.agent-region__map .map__area.asia {top:175px;left:232px;}
.agent-region__map .map__area.oceania {top:267px;left:240px;}
.agent-region__map .map__area.na {top:112px;right:180px;}
.agent-region__map .map__area.sa {top:224px;right:77px;}
.agent-region__sel {width:28%;background:var(--bg-gray2);border-radius:10px;padding:6rem 3rem;}
.agent-region__sel select {width:100%;height:4.2rem;border-radius:4px;background-color:#fff;margin-bottom:0.5rem;}
.agent-region__sel button {width:100%;height:4.2rem;border-radius:4px;background:var(--black-color);color:#fff;}

	/* animation */
	.agent-list-tbl__trprt .title {transition:all .3s;}
	.agent-region__map .map__area {transition:all .3s;}

	@media screen and (min-width:1200px)
	{
		.agent-list-tbl__trprt:hover .title,
		.agent-list-tbl__trprt:focus .title {color:var(--point-color);}

		.agent-region__map .map__area:hover,
		.agent-region__map .map__area:focus {background:var(--point-color);}
	}

	@media screen and (max-width:1400px){
	
		.agent-region__map {padding:4rem 3rem 5rem;}
		.agent-region__map .map img {width:700px;}
		.agent-region__map .map__area.europe {top:75px;left:113px;}
		.agent-region__map .map__area.me {top:136px;left:96px;}
		.agent-region__map .map__area.africa {top:184px;left:38px;}
		.agent-region__map .map__area.asia {top:148px;left:209px;}
		.agent-region__map .map__area.oceania {top:248px;left:214px;}
		.agent-region__map .map__area.na {top:93px;right:147px;}
		.agent-region__map .map__area.sa {top:196px;right:67px;}
	}

	@media screen and (max-width:1200px){
	
		.agent-region__map {display:none;}
		.agent-region__sel {width:100%;padding:3rem;}
	}

	@media screen and (max-width:1000px){
	
		.agent-list-tbl__lt {width:100%;}
	}

	@media screen and (max-width:768px){
	
		.agent-list-tbl {border:none;}
		.agent-list-tbl tbody {display:block;border:1px solid var(--border-gray);border-bottom:none;}
		.agent-list-tbl tbody + tbody {margin-top:1rem;}
		.agent-list-tbl__trchd td {padding-left:1.5rem !important;}
		.agent-list-tbl__trchd td[data-cell-header]:before {display:none !important;}
		.agent-list-tbl__trchd td[data-cell-header]:after {display:none !important;}
		.agent-list-tbl tbody tr + tr {margin-top:0 !important;border-top:1px solid var(--border-gray);}
		.agent-list-tbl td + td {border-top:none;}
		.agent-list-tbl__trchd {border-top:none !important;}
		.rspvn_table tbody tr + tr.agent-list-tbl__trchd {display:none;}

		.agent-list .border-top__l {width:100%;flex-wrap:wrap;gap:2rem;}
		.agent-list .board-search.mr1rem {margin-right:0;}
	}

	@media screen and (max-width:400px){
	
		.agent-list-tbl__lt {align-items:flex-start;flex-wrap:wrap;gap:2rem;}
		.agent-list-tbl__rt {padding-left:0;}

		.agent-region__sel {width:100%;padding:3rem 2rem;}
	}


/*--------------------- AS ---------------------*/
.afterservice__tbox {display:flex;gap:0 7.8%;margin-top:6rem;}
.afterservice__tbox2 {display:flex;gap:0 7.8%;}
.afterservice__img {flex:none;width:65rem;border-radius:0 30px 0 0;overflow:hidden;}
.afterservice__img img {max-width:100%;}
.afterservice__txt .ct-tit {margin-bottom:2rem;}
.afterservice__txt .stxt {line-height:200%;margin-bottom:4rem;}
.afterservice__procedure {background:var(--bg-gray2);border-radius:10px;padding:2rem;margin-top:3rem;}
.afterservice__procedure li {background:#fff;border-radius:10px;padding:4rem;position:relative;}
.afterservice__procedure li + li {margin-top:0.5rem;}
.afterservice__procedure li + li:after {content:"";position:absolute;top:-2rem;left:35%;display:block;width:4rem;height:4rem;border-radius:50%;border:3px solid var(--bg-gray2);z-index:1;background:url(../img/content/afterservice_procedure_arrow.svg) no-repeat center center #fff;}
.afterservice__procedure .stap-tit {color:var(--point-color);margin-bottom:1rem;}
.afterservice__procedure .stap-txt {display:flex;gap:2rem 4rem;}
.afterservice__procedure .stap-txt__tit {width:42%;font-size:1.8rem;font-weight:600;line-height:160%;}
.afterservice__procedure .stap-txt__txt {width:58%;line-height:160%;}

	@media screen and (max-width:1200px){
		
		.afterservice__tbox {flex-wrap:wrap;}
		.afterservice__txt {width:100%;}
		.afterservice__img {margin-bottom:6rem;max-width:100%;}

	}

	@media screen and (max-width:700px){
		.afterservice__procedure .stap-txt {flex-wrap:wrap;}
		.afterservice__procedure .stap-txt__tit {width:100%;}
		.afterservice__procedure .stap-txt__txt {width:100%;}
	}


/*--------------------- AS app status ---------------------*/
.as-app-status {background:var(--bg-gray2);padding:13.5rem 2rem 13rem 2rem;}
.as-app-status__inwrap {width:50rem;max-width:100%;margin:0 auto;}
.as-app-status__title {font-family: 'TitilliumWeb';font-size:4rem;font-weight:500;color:var(--point-color);margin-bottom:5rem;text-align:center;}
.as-app-status__email {display:block;width:100%;height:5rem;border:1px solid var(--border-gray);border-radius:3px;background:#fff;}
.as-app-status__password {display:block;width:100%;height:5rem;margin-top:0.5rem;border:1px solid var(--border-gray);border-radius:3px;background:#fff;}
.as-app-status__okbtn {display:block;width:100%;height:5rem;margin-top:1rem;background:var(--point-color);border-radius:3px;color:#fff;}

	@media screen and (max-width:700px){
		.as-app-status {padding:6rem 2rem 6rem 2rem;}
		.as-app-status__title {margin-bottom:3rem;}
	}


/*--------------------- AS crane mod ---------------------*/
.crane-mod-lst > li {background:var(--bg-gray2);padding:3rem 2rem;border-radius:10px;}
.crane-mod-lst > li + li {margin-top:3rem;}
.crane-mod-lst .title {margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:2rem;padding:0 2rem;}
.crane-mod-lst .title h4 {font-weight:600;font-family: 'TitilliumWeb';font-size:1.8rem;}
.crane-mod-lst .title .stxt {margin-left:auto;line-height:160%;}
.crane-mod-lst .crane-mod-bg > .stxt {width: 280px; margin-top: 5px;}
.crane-mod-lst .crane-mod-bg {width:100%;background:#fff;border-radius:10px;padding:3.5rem 4rem;position:relative;display:flex;gap:6rem;}
.crane-mod-lst .stxt {display:block;line-height:160%; color: #333;}
.crane-mod-lst .crane-mod-img ol {display: flex; gap: 2rem;}
.crane-mod-lst .crane-mod-img img {border-radius: 10px; width: 100%;}
.crane-mod-lst .crane-mod-img .stxt {text-align: center; margin-top: 15px;}
.crane-mod-lst .crane-last-li {max-width: 700px;}
.crane-mod-lst .crane-last-li .crane-mod-img img {border-radius: 0;}

	@media screen and (max-width:1440px){
		.crane-mod-lst .crane-mod-bg, .crane-mod-lst .crane-mod-img ol {flex-wrap: wrap;}
		.crane-mod-lst .crane-mod-bg > .stxt {width: auto;}
		.crane-mod-lst .crane-mod-bg { gap: 3.5rem;}
	}

	@media screen and (max-width:420px){
		.crane-mod-lst .crane-mod-bg {padding: 3.5rem 2rem;}
	}


/*--------------------- 경고문구 ---------------------*/
.alert-box {background:var(--bg-gray);border-radius:10px;padding:12rem 3rem;text-align:center;}
.alert-box .icon {display:block;margin:0 auto 1.5rem;background-position:center center;background-size:100% 100%;background-repaet:no-repeat;}
.alert-box .icon.period {width:6.2rem;height:5.5rem;background-image:url(../img/content/alert-box_icon_period.svg);}
.alert-box .icon.ok {width:5.5rem;height:5.5rem;background-image:url(../img/content/alert-box_icon_ok.svg);}
.alert-box .img {width:7rem;height:7rem;}
.alert-box .btxt {font-size:4rem;font-weight:500;color:var(--point-color);font-family: 'TitilliumWeb';line-height:120%;margin-bottom:2rem;}
.alert-box .stxt {line-height:160%;}


/*--------------------- Application ---------------------*/
.addcont-title {display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem 0.5rem;border-bottom:2px solid #222;padding-bottom:2rem;margin-bottom:2rem;}
.addcont-title .tit {font-size:1.4rem;font-weight:600;margin-right:0.5rem;}
.addcont-wrap .input-file {width:100%;}
.addcont-wrap > li {width:100%;padding:2rem 0;display:flex;align-items:center;gap:1rem 4px;}
.addcont-wrap > li:first-child {padding-top:0;}
.addcont-wrap > li .tit {flex:none;margin-right:1rem;}
.addcont-wrap > li + li {border-top:1px solid var(--border-gray);}
.addcont-wrap > li input {min-width:0;}
.addcont-wrap > li input::placeholder {color:rgba(34, 34, 34, 0.2);}
.addcont-wrap > li .input-file {min-width:17%;}
.addcont-wrap > li .basis-small {flex-basis:80%;}
.addcont-wrap > li .basis-email {flex-basis:150%;}

	@media screen and (max-width:1200px)
	{
		.addcont-wrap > li {flex-wrap:wrap;}
		.addcont-wrap > li .tit {width:100%;}
		.addcont-wrap > li input[type="text"] {width:calc(33.33% - 2.6666px);}
		.addcont-wrap > li .input-file  {width:calc(33.33% - 2.6666px);}
		.addcont-wrap > li input[type="text"]:first-child:nth-last-child(5),
		.addcont-wrap > li input[type="text"]:first-child:nth-last-child(5) ~ input[type="text"]:nth-child(4) {width:calc(33.33% - 2px)}
		.addcont-wrap > li input[type="text"]:first-child:nth-last-child(5),
		.addcont-wrap > li input[type="text"]:first-child:nth-last-child(5) ~ input[type="text"]:nth-child(5) {width:calc(33.33% - 2px)}
		.addcont-wrap > li .basis-small,
		.addcont-wrap > li .basis-email {flex-basis:auto;}
	}
	@media screen and (max-width:600px)
	{
		.addcont-wrap > li input[type="text"] {width:100%;}
		.addcont-wrap > li .input-file {width:100%;}
	}