/* date : 2023-04-24 / name : kwj / contact : niovese10@naver.com */
@charset "utf-8";

.bo-wrap {position:relative;}
.bo-wrap .ico {display:inline-block; vertical-align:middle;}
.bo-wrap .i-noti {width:2.5em; height:2.5em; margin:0 auto; border-radius:100%; background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjUgMjMuNmMtMi44IDIuOC03LjMgMi44LTEwLjEgMCAwIDAgMCAwIDAgME0yMy4yIDE4LjZjMCAxLjgtMS40IDMuMi0zLjIgMy4yLTEuOCAwLTMuMi0xLjQtMy4yLTMuMnYtNS40YzAtMS44IDEuNC0zLjIgMy4yLTMuMiAxLjggMCAzLjIgMS40IDMuMiAzLjJ2NS40ek0yMCAyNi4xVjMwTTE1LjUgMzBoOSIvPjwvc3ZnPg==") center / 2.5em no-repeat var(--secondary-color2);}
.bo-wrap .i-file {width:1.25em; height:1.25em; background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjY2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHBhdGggZD0iTTkuNDc3IDExLjQ2MmEyLjkzMSAyLjkzMSAwIDAgMS0uODYgMi4wNzlsLTEuNjcyIDEuNjctLjkyNy45MjhhMi45MzkgMi45MzkgMCAxIDEtNC4xNTctNC4xNTZsLjkzLS45MjcgMS42NzItMS42NzNhMi45MjQgMi45MjQgMCAwIDEgMi4wNzUtLjg2TTguNTI0IDYuNTM4YTIuOTMxIDIuOTMxIDAgMCAxIC44Ni0yLjA3OGwxLjY3Mi0xLjY3MS45MjctLjkyOGEyLjkzOSAyLjkzOSAwIDEgMSA0LjE1NyA0LjE1NmwtLjkyOC45MjctMS42NzEgMS42NzJhMi45MyAyLjkzIDAgMCAxLTIuMDc4Ljg2MU03LjM2NSAxMC42MzVsMy4yNy0zLjI3MSIvPjwvc3ZnPg==") center / contain no-repeat;}
.bo-wrap .i-lock {width:1em; height:1em; background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Ik0xMi44ODUgMTQuNjE5di0zLjE4N2EzLjM4MSAzLjM4MSAwIDAgMSAzLjYzMy0zLjA1M2gwYTMuMzgxIDMuMzgxIDAgMCAxIDMuNjMzIDMuMDUzdjMuMTg3IiBzdHlsZT0ic3Ryb2tlOiM5Mzk4YTk7ZmlsbDpub25lIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuMDE3IC03LjM3OSkiLz48cGF0aCBkPSJNMTguNTQ3IDE1LjU0aDEuNjQzYTEuOTQzIDEuOTQzIDAgMCAxIDEuMjkzLjQ3OCAxLjU0NSAxLjU0NSAwIDAgMSAuNTM1IDEuMTUzdjUuNTc4YTEuNTQzIDEuNTQzIDAgMCAxLS41MzUgMS4xNTIgMS45MzggMS45MzggMCAwIDEtMS4yOTMuNDc4aC03LjM0NGExLjkzMyAxLjkzMyAwIDAgMS0xLjI5Mi0uNDc4IDEuNTQ0IDEuNTQ0IDAgMCAxLS41MzYtMS4xNTJ2LTUuNTc4YTEuNTQ2IDEuNTQ2IDAgMCAxIC41MzYtMS4xNTMgMS45MzggMS45MzggMCAwIDEgMS4yOTItLjQ3OGg1LjdaIiBzdHlsZT0iZmlsbDojOTM5OGE5O3N0cm9rZTojOTM5OGE5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuMDE3IC03LjM3OSkiLz48L3N2Zz4=") center / contain no-repeat;}
.bo-wrap .state-complete {background-color:var(--secondary-color2);}

/* button */
.bo-btns {margin-top:2em; text-align:right;}
.bo-btns button {padding:1em 3.2em; /* border-radius:.5em 1em 1em; */}
.bo-btns button.gray {margin:0 1em;}
.bo-btns.bo-vc-btns {text-align:center;}
.bo-btns.bo-vc-btns button {padding:1.25em 3.2em;}
.bo-btns.bo-vc-btns .bt-list {width:13em;}
/* button : device */
.device-btns {display:flex; grid-column-gap:.5em;}
.device-btns button {width:100%; padding:1.2em 0; /* border-radius:.5em 1em 1em; */}
.device-btns button svg {margin-right:.5em; animation:none !important;}
.bt-device {border:1px solid var(--primary-color); border-radius:1.111em 1.667em 1.667em; font-weight:500; font-size:var(--ft-size18); color:var(--primary-color); transition:all .3s;}
.bt-device svg {display:inline-block; margin-right:.5em; animation:none !important;}
.bt-device:hover {background-color:var(--primary-color); border-radius:1.667em; color:#fff; box-shadow:0 .556em 1.111em rgba(71,66,187,.1);}
.bt-itube, .bt-zeus {display:inline-block; border:1px solid; text-align:right; background-position:1.2em 50%; background-repeat:no-repeat; background-color:#fff !important;}
.bt-itube:hover, .bt-zeus:hover {border-color:currentColor;}
.bt-itube {border-color:var(--secondary-color1); color:var(--secondary-color1) !important; background-image:url("../../../images/com/dsnt/contents/zeus_logo.png"); box-shadow:.5em .5em 1em rgba(147,152,169,.1) !important;}
.bt-itube:hover {color:#218ea0 !important; box-shadow:.5em .5em 1em rgba(33,142,160,.1) !important;}
.bt-zeus {border-color:var(--pg-tit-color); color:var(--pg-tit-color) !important; background-image:url("../../../images/com/dsnt/contents/itube_logo.png"); box-shadow:.5em .5em 1em rgba(147,152,169,.1) !important;}
.bt-zeus:hover {color:#0aa6ee !important; box-shadow:.5em .5em 1em rgba(10,166,238,.1) !important;}
@media screen and (max-width: 667px) {
	.bo-btns.bo-vc-btns button {padding:1.25em 2em;}
	.bo-btns.bo-vc-btns .bt-list {width:auto;}
}

	/* category */
	.bo-category {width:100%; height:auto;}
	.bo-category ul {width:100%; height:auto;}
	.bo-category ul li {display:inline-block; color:var(--text-color);}
	.bo-category ul li:not(:nth-child(1)):before {content:''; display:inline-block; vertical-align:middle; width:4px; height:4px; margin:0 1.4em; border-radius:100%; background-color:#ccc;}
	.bo-category ul li a {display:inline-block; padding-bottom:4px;}
	.bo-category ul li a:hover {color:var(--primary-color);}
	.bo-category ul li a.active {font-weight:700; color:var(--primary-color); border-bottom:4px solid;}
	@media screen and (max-width: 667px) {
		.bo-category ul li:not(:nth-child(1)):before {margin:0 .4em;}
	}

	/* search */
	.bo-sch {width:100%; height:auto; display:flex; justify-content:flex-end;}
	.bo-sch .inner {width:18em; height:3em; border:1px solid var(--line-color); border-radius:50px; overflow:hidden; position:relative;}
	.bo-sch input {width:100%; border:0;}
	.bo-sch button {width:3em; height:3em; position:absolute; top:0; right:0;}
	.bo-sch button:hover {color:var(--primary-color);}
	/* search : selectbox : input : button */
	.bo-sch.frm-selbox {}
	.bo-sch.frm-selbox .inner {width:auto; height:auto; border:0; border-radius:0; overflow:visible; position:static;}
	.bo-sch.frm-selbox .inner fieldset {display:flex; grid-column-gap:.5em;}
	.bo-sch.frm-selbox .inner .inp-sch {display:block; width:16em; height:3em; border:1px solid var(--line-color); border-radius:50px; overflow:hidden; position:relative;}

	/* list */
	div[class^="bo-list"] {width:100%; height:auto; margin-top:20px; position:relative;}
	div[class^="bo-list"] .total {font-size:var(--ft-size16); color:var(--ct-tit-color); /* padding:1.5em 0 2.5em; */ position:absolute; top:-3.688em; left:0;}
	div[class^="bo-list"] .total mark {font-weight:700; color:var(--primary-color);}
	div[class^="bo-list"] table {width:100%; height:auto;}
	div[class^="bo-list"] tbody tr:hover {background:var(--bkgc1);}
	div[class^="bo-list"] thead th {border-top:3px solid #282828; border-bottom:1px solid #282828; padding:1.333em 0; text-align:center; font-weight:600; font-size:var(--ft-size18);}
	div[class^="bo-list"] tbody th, div[class^="bo-list"] tbody td {border-bottom:1px solid var(--line-color); padding:2.5em 1.2em; text-align:center; color:#666; font-weight:500; font-size:var(--ft-size16); position:relative;}
	div[class^="bo-list"] tbody td:after {content:''; display:block; width:1px; height:16px; margin-left:20px; background-color:var(--line-color); position:absolute; top:50%; left:-20px; transform:translateY(-50%);}
	div[class^="bo-list"] tbody .tt {text-align:left; color:#282828; font-weight:400; font-size:var(--ft-size20); padding:2em 1.2em;}
	div[class^="bo-list"] tbody .tt a:hover {text-decoration:underline; color:var(--primary-color);}
	div[class^="bo-list"] .notice th, div[class^="bo-list"] .notice td {padding:2em 1.2em;}
	div[class^="bo-list"] .notice em {display: block; }
	div[class^="bo-list"] .notice .tt {font-weight:600; padding:1.6em 1.2em;}
	div[class^="bo-list"] thead th:nth-child(1) {width:4.222em;}
	div[class^="bo-list"] tbody td:nth-child(3):after {display:none;}
	/* list : basic */
	.bo-list-basic thead th:not(:nth-child(2)) {width:10%;}
	.bo-list-basic thead th:nth-child(3) {width:5.556em;}
	@media screen and (max-width: 926px) {
		/* list */
		div[class^="bo-list"] thead th:nth-child(1) {width:2em;}
	}
	@media screen and (max-width: 667px) {
		.bo-sch .inner {width:100%;}
		/* list */
		div[class^="bo-list"] {margin-top:1em;}
		div[class^="bo-list"] .total {padding-bottom:1em; position:static;}
		div[class^="bo-list"] table {border-top:3px solid #282828;}
		div[class^="bo-list"] thead th {display:none;}
		div[class^="bo-list"] tbody tr {display:block; width:100%; padding:1em 1em 1em 64px; border-bottom:1px solid var(--line-color); position:relative;}
		div[class^="bo-list"] tbody tr:hover {background:transparent;}
		div[class^="bo-list"] tbody th, div[class^="bo-list"] tbody td {display:block; text-align:left; padding:1.25em 0 0; border:0;}
		div[class^="bo-list"] tbody th {display:inline-block; width:4.222em; height:4.222em; text-align:center; position:absolute; top:0; left:0;}
		div[class^="bo-list"] tbody td:after {display:none;}
		div[class^="bo-list"] tbody .tt {width:100%; padding:0;}
		div[class^="bo-list"] .notice th, div[class^="bo-list"] .notice td {padding:1.25em 0 0;}
		div[class^="bo-list"] .notice .tt {padding:0;}
		/* list : basic */
		.bo-list-basic thead th:nth-last-child(-2n+3), .bo-list-basic tbody td:nth-last-child(-2n+3) {display:none;}
	}
	@media screen and (max-width: 428px) {
		/* search : selectbox : input : button */
		.bo-sch.frm-selbox .inner {width:100%;}
		.bo-sch.frm-selbox .inner fieldset {display:block;}
		.bo-sch.frm-selbox .inner .frm-select {width:100%; margin-bottom:.5em;}
		.bo-sch.frm-selbox .inner .inp-sch {width:100%;}
	}

	/* list : faq */
	.bo-list-faq {margin-top:1em; border-top:3px solid var(--primary-color);}
	.bo-list-faq li {border-bottom:1px solid var(--line-color); }
	.bo-list-faq li .que {padding:1.6em 40px; line-height:1.2; transition:font-size .2s; cursor:pointer; position:relative;}
	.bo-list-faq li .que span {display:inline-block; padding-right:1.333em; font-size:30px; font-family:var(--sba-ft-family); color:var(--primary-color);}
	.bo-list-faq li .que svg {color:var(--primary-color); transition:transform .3s; position:absolute; top:50%; right:40px; transform:translateY(-50%);}
	.bo-list-faq li .ans {background-color:var(--bkgc1); padding:1.6em 6em; color:var(--text-color); line-height:1.4;}
	.bo-list-faq li.open .que {background-color:var(--primary-color); font-weight:600; font-size:var(--ft-size24); color:#fff;}
	.bo-list-faq li.open .que span {font-weight:normal; color:#fff;}
	.bo-list-faq li.open .que svg {transform:translateY(-50%) rotate(-180deg); color:#fff;}
	@media screen and (max-width: 1366px) and (orientation:landscape) {
		.bo-list-faq li .que span {font-size:26px;}
	}
	@media screen and (max-width: 1194px) and (orientation:portrait) {
		.bo-list-faq li .que {padding:20px;}
		.bo-list-faq li .que span {display:block; font-size:24px; padding:0 .5em .5em 0;}
		.bo-list-faq li .que svg {display:none; right:20px;}
		.bo-list-faq li .ans {padding-left:40px; padding-right:40px;}
	}

	/* list : qna */
	.bo-list-qna thead th:not(:nth-child(2)) {width:10%;}
	.bo-list-qna tbody td em[class^="state"] {font-size:.938em;}
	@media screen and (max-width: 926px) {
		.bo-list-qna thead th:nth-child(4), .bo-list-qna tbody td:nth-child(4) {display:none;}
	}

	/* device : list */
	.device-wrap {}
	.bo-list-device {width:100%; height:auto; margin-top:2.5em !important;}
	.bo-list-device .total {position:static !important;}
	.bo-list-device > ul {width:100%; height:auto; display:flex; flex-wrap:wrap;}
	.bo-list-device > ul > li {width:25%; min-height:31.85em; padding:1.25em; margin:1.25em 0; border-radius:2em; position:relative; transition:all .3s;}
	.bo-list-device > ul > li > a {display:block; width:100%; height:100%;}
	.bo-list-device > ul > li > a figure .pic {display:block; border-radius:1em 1.5em 1.5em; overflow:hidden; transition:all .3s; line-height:0;}
	.bo-list-device > ul > li > a figure figcaption {padding-top:1.5em; text-align:center;}
	.bo-list-device > ul > li > a figure figcaption strong {display:inline-block; padding:0 1em; line-height:2.133em; border-radius:50px; font-weight:500; font-size:.75em; color:#fff;}
	.bo-list-device > ul > li > a figure figcaption h4 {font-weight:500; padding:1em 0 1.5em; color:var(--ct-tit-color);}
	.bo-list-device > ul > li > a figure figcaption ul {padding-top:2em; border-top:1px solid #e5e5e5; text-align:left; font-size:.75em;}
	.bo-list-device > ul > li > a figure figcaption ul li {width:100%; height:auto; display:flex;}
	.bo-list-device > ul > li > a figure figcaption ul li:not(:nth-child(1)) {margin-top:1.6em;}
	.bo-list-device > ul > li > a figure figcaption ul li em {width:6em; font-weight:500;}
	.bo-list-device > ul > li > a figure figcaption ul li span {width:calc(100% - 6em); color:var(--text-color); line-height:1.2;}
	.bo-list-device > ul > li > a > .more {display:block; width:calc(100% - 2.5em); padding:1em 0; border:1px solid var(--primary-color); border-radius:.556em 1.111em 1.111em; text-align:center; font-weight:500; font-size:var(--ft-size18); color:var(--primary-color); position:absolute; bottom:1.389em; left:1.389em; transition:all .3s;}
	.bo-list-device > ul > li > .bt-device {width:calc(100% - 2.5em); padding:1em 0; border-radius:.556em 1.111em 1.111em; position:absolute; bottom:1.389em; left:1.389em;}
	/* hover */
	.bo-list-device > ul > li:hover {border:1px solid var(--primary-color); box-shadow:10px 10px 20px rgba(71,66,187,.08);}
	.bo-list-device > ul > li > a:hover figcaption h4 {font-weight:700; color:var(--primary-color);}
	.bo-list-device > ul > li > a:hover > .more {background-color:var(--primary-color); color:#fff; border-radius:1.111em;}
	.bo-list-device > ul > li > .bt-device:hover {border-radius:1.111em;}
	/* category color pic */
	.bo-list-device .dv-cate1 {background-color:#44a4d5;}
	.bo-list-device .dv-cate2 {background-color:#fa9c15;}
	.bo-list-device .dv-cate3 {background-color:#46afae;}
	@media screen and (max-width: 1024px) {
		.bo-list-device > ul > li {width:33.33%;}
	}
	@media screen and (max-width: 667px) {
		.bo-list-device > ul > li {width:50%;}
	}
	@media screen and (max-width: 428px) {
		.bo-list-device > ul > li {width:100%; min-height:100%; border:1px solid var(--line-color);}
		.bo-list-device > ul > li > a {height:auto;}
		.bo-list-device > ul > li > a figure figcaption ul {display:none;}
		.bo-list-device > ul > li > a > .more, .bo-list-device > ul > li > .bt-device {width:100%; position:static;}
	}

	/* device : research : list */
	.device-wrap.re-sch {}
	.device-wrap.re-sch .dsnt-sch-wrap .sch-frm {padding:3em 0 2em; background-color:transparent; border:0; border-bottom:3px solid #939ab0; border-radius:0;}
	.device-wrap.re-sch .bo-category {margin-top:2em;}
	.device-wrap.re-sch .bo-list-device > ul > li > a figure figcaption .more {display:block; width:100%; height:auto; font-weight:500; font-size:var(--ft-size16); color:#fff; position:absolute; top:20%; left:0; transition:all .3s; opacity:0;}
	.device-wrap.re-sch .bo-list-device > ul > li > a figure figcaption .more .ico {width:20px; height:20px; margin:0 auto .5em; position:absolute; top:0; left:50%; transform:translateX(-50%); transition:all .3s;}
	.device-wrap.re-sch .bo-list-device > ul > li > a figure figcaption .more .ico:before {width:20px; height:2px; background-color:currentColor; top:9px; left:0;}
	.device-wrap.re-sch .bo-list-device > ul > li > a figure figcaption .more .ico:after {width:2px; height:20px; background-color:currentColor; top:0; left:9px;}
	/* hover */
	.device-wrap.re-sch .bo-list-device > ul > li > a:hover figure .pic {background-color:#002559; border-radius:30px;}
	.device-wrap.re-sch .bo-list-device > ul > li > a:hover figure img {opacity:.6;}
	.device-wrap.re-sch .bo-list-device > ul > li > a:hover figure figcaption .more {padding:20px 0 0; opacity:1;}
	.device-wrap.re-sch .bo-list-device > ul > li > a:hover figure figcaption .more .ico {top:-20px;}
	@media screen and (max-width: 428px) {
		.device-wrap.re-sch .bo-list-device > ul > li > a figure figcaption .more {display:none;}
	}

	/* view : info */
	div[class^="bo-view-info"] {}
	div[class^="bo-view-info"] p {font-size:var(--ft-size18); color:var(--text-color);}
	div[class^="bo-view-info"] p strong {display:inline-block; padding-right:1.111em; font-weight:600; color:#282828;}
	div[class^="bo-view-info"] p span {font-size:0; display:inline-block; vertical-align:middle; width:4px; height:4px; margin:0 20px; border-radius:4px; background-color:#ccc;}
	div[class^="bo-view-info"] h3 {margin:.667em 0 1.333em; font-size:var(--ft-size30); font-weight:700; line-height:1.2; letter-spacing:-0.04em;}
	div[class^="bo-view-info"] h3 .i-noti {width:1.333em; height:1.333em; margin:0 .5em 0 0; background-size:1.333em;}
	div[class^="bo-view-info"] .hit {text-align:right;}
	div[class^="bo-view-info"] .hit:before {content:''; display:inline-block; vertical-align:middle; width:1.111em; height:1.111em; margin-right:5px; background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjAiPjxwYXRoIGQ9Ik0yIDEwYzItMi40IDQuOS0zLjggOC0zLjkgMy4xLjEgNiAxLjUgOCAzLjktMiAyLjQtNC45IDMuOC04IDMuOS0zLjEtLjEtNi0xLjUtOC0zLjl6IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojOTM5OGE5O3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZCIvPjxjaXJjbGUgY3g9IjEwIiBjeT0iMTAiIHI9IjMiIHN0eWxlPSJmaWxsOiM5Mzk4YTkiLz48L3N2Zz4=") center no-repeat;}
	/* view : info : qna */
	.bo-view-info-qna em[class^="state"] {font-size:.75em;}
	.bo-view-info-qna p {}
	/* view : contents */
	.bo-vc-wrap {width:100%; height:auto; margin-top:2em; border-top:3px solid #282828;}
	.bo-vc-wrap .view-cont {max-width:1200px; padding:3em 0 6em; margin:0 auto;}
	.bo-vc-wrap .view-cont * {color:var(--text-color); line-height:1.6;}
	.bo-vc-wrap .view-cont p > span > strong {font-weight: bold !important;}
	.bo-vc-wrap .view-cont strong {font-weight: bold !important;}
	/* view : file */
	.bo-view-file {width:100%; height:auto; padding:1.667em 2.222em; background-color:#f5f5f5; border-radius:1.667em; font-size:var(--ft-size18);}
	.bo-view-file p {font-weight:600;}
	.bo-view-file p .i-file {width:1em; height:1em;}
	.bo-view-file ul {width:100%; height:auto; margin-top:.75em;}
	.bo-view-file ul li {}
	.bo-view-file ul li a {display:block; padding:8px 0; color:var(--text-color); text-decoration:underline; line-height:1.2;}
	.bo-view-file ul li a:hover {color:var(--primary-color);}
	/* view : post */
	.bo-view-post {width:100%; height:auto; margin-top:3.333em; border-top:1px solid var(--line-color); font-size:var(--ft-size18);}
	.bo-view-post ul {display:flex;}
	.bo-view-post ul li {width:50%; padding-top:2.222em; display:flex; align-items:center; position:relative;}
	.bo-view-post ul li:after {content:''; width:1px; height:3.333em; background-color:var(--line-color); display:block; position:absolute; top:2.222em; right:0;}
	.bo-view-post ul li a {display:block; width:calc(100% - 3.333em); padding:0 10px; color:var(--text-color);}
	.bo-view-post ul li a:hover * {text-decoration:underline; color:var(--primary-color);}
	.bo-view-post ul li strong {display:block; padding-bottom:.5em; font-weight:600; color:#282828;}
	.bo-view-post ul li .ico {width:3.333em; height:3.333em; line-height:3.222em; margin-right:.75em; background-color:var(--bkgc2); border-radius:100%; text-align:center; color:var(--text-color);}
	.bo-view-post ul li.prev-post .ico {transform:rotate(-180deg);}
	.bo-view-post ul li.next-post {text-align:right;}
	.bo-view-post ul li.next-post:after {width:0;}
	.bo-view-post ul li.next-post .ico {order:2; margin-right:0; margin-left:.75em;}
	/* comment */
	.bo-comment {width:100%; height:auto; border:1px solid var(--line-color); border-radius:1.5em; overflow:hidden;}
	.bo-comment > p {padding:1em 1.5em; font-weight:600; background-color:var(--bkgc1); border-bottom:1px solid var(--line-color);}
	.bo-comment > p:before {content:''; display:inline-block; vertical-align:middle; width:1.5em; height:1.5em; margin-right:8px; background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwIDMwIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiMwMDI1NTkiIGQ9Ik02LjUgMjVoMTIuMmMyLjUtLjEgNC41LTIuMiA0LjUtNC44VjE4bDQuOC0zLTQuOC0zVjkuOGMuMS0yLjUtMS45LTQuNy00LjUtNC44SDYuNUMzLjkgNS4xIDEuOSA3LjIgMiA5Ljh2MTAuNWMtLjEgMi41IDEuOSA0LjYgNC41IDQuN3oiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmYWI2MTUiIGQ9Ik0xNC43IDE4aC00LjFtNC4xLTUuN2gtNC4xIi8+PC9zdmc+") center / 1.5em no-repeat;}
	.bo-comment .comment-view {width:100%; height:auto; padding:1.667em; font-size:var(--ft-size18); line-height:1.4; color:#666;}
	.bo-comment .comment-view p:nth-child(1) {font-size:.889em; margin-bottom:1em;}
	.bo-comment .comment-view p strong {color:var(--ct-tit-color); font-weight:700;}
	.bo-comment .comment-view p span {display:inline-block; padding-left:1.25em; color:var(--text-color);}
	@media screen and (max-width: 667px) {
		/* view : info */
		div[class^="bo-view-info"] p span {margin:0 10px;}
		div[class^="bo-view-info"] h3 {font-size:var(--ft-size24);}
		div[class^="bo-view-info"] h3 .i-noti {display:block; margin-bottom:10px;}
		/* view : info : qna */
		.bo-view-info-qna p span {display:block !important; width:0 !important; margin:2px 0 !important;}
		/* view : post */
		.bo-view-post ul {flex-direction:column;}
		.bo-view-post ul li {width:100%; padding-top:0;}
		.bo-view-post ul li:after {display:none;}
		.bo-view-post ul li a {padding:2.222em 0;}
		.bo-view-post ul li.prev-post .ico {transform:rotate(-90deg);}
		.bo-view-post ul li.next-post {text-align:left; border-top:1px solid #eee;}
		.bo-view-post ul li.next-post a {order:2;}
		.bo-view-post ul li.next-post .ico {margin-left:0; margin-right:.75em; transform:rotate(90deg);}
		/* comment */
		.bo-comment .comment-view {padding:1em 1.667em;}
	}

/* device : view */
.device-view {display:flex;}
.device-view .picture {width:50%;}
.device-view .picture figure img {border-radius:1em 1.5em 1.5em; overflow:hidden;}
.device-view .device-info {width:50%; padding-left:3em;}
.device-view .device-info h3 {font-weight:700; font-size:var(--ft-size40); color:var(--primary-color);}
.device-view .device-info h3 span {display:block; padding-top:10px; font-weight:400; font-size:.5em; color:var(--ct-tit-color);}
.device-view .device-info p {color:var(--text-color); line-height:1.4;}
.device-view .device-info > p {padding:2em 0;}
.device-view .device-info .bul-list {padding:2em 0; border:1px solid var(--line-color); border-left:0; border-right:0;}
.device-view .device-info .bul-list > li em:before {top:.333em;}
.device-view .device-info .bul-list > li a {padding:.5em 1em; padding-left:4em; background-size:2em !important; border-radius:50px;}
.device-view .device-info .info {padding:2em 0;}
.device-view .device-info .info h4 {font-weight:700; font-size:var(--ft-size28);}
.device-view .device-info .info .scroll-box {height:23.5em; padding:2em; margin-top:1em; background-color:var(--bkgc1); border-radius:1em 1.5em 1.5em;}
.device-view .device-info .info .scroll-box .tt-box {height:20.5em; overflow-y:auto;}
.device-view .device-info .info .scroll-box .tt-box * {font-size:var(--ft-size18); line-height:1.6;}
.device-view .device-info .device-btns button {width:90%;}
.device-view .device-info .device-btns .bt-itube, .device-view .device-info .device-btns .bt-zeus {width:100%; padding:1.2em; background-size:3.5em !important;}
@media screen and (max-width: 1194px) {
	.device-view .device-info .device-btns {flex-wrap:wrap; justify-content:space-between;}
	.device-view .device-info .device-btns button {width:100%;}
	.device-view .device-info .device-btns .bt-itube, .device-view .device-info .device-btns .bt-zeus {width:48.66%; margin-top:1em;}
}
@media screen and (max-width: 926px) {
	.device-view .picture {width:40%;}
	.device-view .device-info {width:60%;}
}
@media screen and (max-width: 667px) {
	.device-view {flex-direction:column;}
	.device-view .picture {width:100%;}
	.device-view .device-info {width:100%; padding-left:0; padding-top:2em;}
	.device-view .device-info h3 {font-size:var(--ft-size30);}
	.device-view .device-info .info h4 {font-size:var(--ft-size24);}
	.device-view .device-info .info .scroll-box {height:auto; padding:1.5em;}
	.device-view .device-info .info .scroll-box .tt-box {height:auto; overflow-y:visible;}
}

/* device : research : view */
.device-view.re-sch .device-btns {justify-content:space-between;}
.device-view.re-sch .device-btns button {width:48%;}

/* form */
.frm-area {}
.frm-area li {width:100%; display:flex; position:relative;}
.frm-area li:not(:nth-child(1)) {margin-top:1em;}
.frm-area li em[class^="state"] {display:inline-block; width:auto; padding:.4em 1.133em; font-size:.9em;}
.frm-area .btn {width:20%; padding:1em 0; margin-left:1em; background-color:var(--primary-color); border-radius:.5em 1em 1em; color:#fff; font-weight:500;}
.frm-area .line {border-bottom:1px solid var(--line-color); padding-bottom:1em; margin-bottom:1em;}
/* form : form title */
.frm-area .frm-tit {width:10em; padding:1em 0; font-weight:300; font-family:var(--sba-ft-family); letter-spacing:-0.06em; line-height:1;}
.frm-area .frm-tit mark {color:var(--primary-color);}
.frm-area .frm-tit small {color:var(--text-color); font-size:var(--ft-size16);}
/* form : form cont */
.frm-area .frm-cont {width:calc(100% - 10em); display:flex; flex-wrap:wrap; align-items:center; position:relative;}
.frm-area .frm-cont > div:not(.ck) {width:100%; display:flex; align-items:center;}
.frm-area .frm-cont p {width:100%; position:relative;}
/* form : form cont : input, textarea */
.frm-area .frm-cont .check-field {display:none; position:absolute; bottom:-1.875em; left:1.25em; z-index:1; padding:10px; font-size:var(--ft-size16); color:#fff; background-color:#e25a5a; border-radius:10px; box-shadow:4px 4px 8px rgba(226,90,90,.39);}
.frm-area .frm-cont .check-field:before {content:''; display:block; width:10px; height:10px; background-color:#e25a5a; position:absolute; top:-.3em; left:16px; transform:rotate(45deg);}
.frm-area .frm-cont .it, .frm-area .frm-cont .frm-tta {width:100%;}
.frm-area .frm-cont .it.inline {display:inline-block;}
.frm-area .frm-cont .frm-tta {height:7em;}
/* form : form cont : tel */
.frm-area .frm-cont .tel-area .frm-select {width:14.444em; margin-right:1.111em;}
/* form : form cont : email */
.frm-area .frm-cont .email-area .it-check {width:30%; margin-left:1.111em;}
/* form : form cont : address */
.frm-area .frm-cont .addr-area {display:grid !important; grid-template-columns:repeat(2, 1fr); grid-gap:10px;}
.frm-area .frm-cont .addr-area .btn {width:30%; margin-top:0; margin-left:0; background-color:var(--text-color);}
.frm-area .frm-cont .addr-area .btn:hover {background-color:var(--primary-color); box-shadow:0 10px 20px rgba(71,66,187,.3);}
/* form : form cont : row */
.frm-area .row-1 {width:100% !important; max-width:100%;}
.frm-area .row-2 {display:flex;}
.frm-area.row-3 li {width:calc(33.33% - 1em) !important; margin-top:1em !important;}
/* form : form cont : checkbox : column1 */
.frm-area .frm-cont .chk-group-col li {width:100%;}
/* form : form cont : checkbox : column2 */
.frm-area .frm-cont .chk-group-grid {display:grid !important;}
.frm-area .frm-cont .chk-group-grid .chk-items {width:100%; display:flex; flex-wrap:wrap;}
.frm-area .frm-cont .chk-group-grid .chk-items li {margin-top:.5em;}
/* form : form cont : checkbox : column auto */
.frm-area .frm-cont .chk-group .chk-items li {display:inline-block; width:auto; padding-right:1.5em;}
/* form : form cont : radio */
.frm-area .frm-cont .rd-group {display:grid !important;}
/* form : form cont : radio : column auto */
.frm-area .frm-cont .rd-items {width:100%;}
.frm-area .frm-cont .rd-items li {display:inline-block; width:auto; margin-top:0; margin-right:3em;}
/* form : form cont : radio : column3 */
.frm-area .frm-cont .rd-items-grid {display:grid; grid-template-columns:10em 10em 1fr;}
.frm-area .frm-cont .rd-items-grid li {width:100%; margin-top:0;}
.frm-area .frm-cont .rd-items-grid li.etc {display:grid; grid-template-columns:4.6em 1fr; align-items:center;}
/* form : form cont : date */
.frm-area .frm-cont .date-group-grid {display:grid; grid-template-columns:1fr 2em 1fr; align-items:center; text-align:center;}
.frm-area .frm-cont .date-group-grid .it {padding:1em;}
/* form : form cont : file column */
.frm-area.file-col li {display:block;}
.frm-area.file-col li .frm-tit {display:block; width:100%; padding-bottom:.5em; line-height:1.4;}
.frm-area.file-col li .frm-cont {width:100%;}
/* form : form cont : file list */
.frm-area .file_list_add {display:block !important; width:100%; height:auto;}
.frm-area .file_list {width:100%; height:auto; padding:1.25em 2.222em; margin-top:.75em; background-color:var(--bkgc1); border-radius:1.667em; font-size: var(--ft-size18);}
.frm-area .file_list li {width:100% !important; align-items:center !important; margin-top:0 !important;}
.frm-area .file_list li:not(:nth-child(1)) {margin-top:.75em !important;}
.frm-area .file_list li a {display:inline-block; padding:4px 0; color:var(--text-color); text-decoration:underline; line-height:1.2;}
.frm-area .file_list li button {padding:4px; color:#e86f6f;}
.frm-area .file_list li button svg {animation:none;}
.frm-area .file_add {display:block !important; width:100%; height:auto;}
.frm-area .file_name_image {width:100%; height:auto; padding:0 1em; margin-top:.75em;}
.frm-area .file_name_image img {display:inline-block; vertical-align:middle; width:3em; height:3em; line-height:0; border:1px solid #000;}
/* form : form cont : sign */
.frm-area .frm-cont.sign {flex-wrap:nowrap;}
.frm-area .frm-cont.sign .img_box {width:25%; height:100%; align-self:flex-start; margin-right:1em;}
.frm-area .frm-cont.sign .img_box img {width:100%; max-width:auto;}
/* form : form cont : search */
.frm-area .frm-cont .sch-area {}
.frm-area .frm-cont .sch-area .btn {background-color:var(--text-color);}
.frm-area .frm-cont .sch-area .bt-delete {background-color:#e86f6f;}
@media screen and (max-width: 926px) {
	.frm-area li {flex-direction:column;}
	.frm-area .btn {width:100%; margin-left:0; margin-top:1em;}
	/* form : form cont */
	.frm-area .frm-tit, .frm-area .frm-cont {width:100%;}
	/* form : form cont : email */
	.frm-area .frm-cont .email-area {flex-direction:column;}
	.frm-area .frm-cont .email-area .it-check {width:100%; margin-left:0; margin-top:1em;}
	/* form : form cont : row */
	.frm-area .frm-cont .row-2 {flex-direction:column;}
	.frm-area.row-3 li {width:100% !important; margin-top:1em !important;}
	.frm-area.row-3 li:nth-child(1) {margin-top:0 !important;}
	/* form : form cont : address */
	.frm-area .frm-cont .addr-area .btn {width:50%;}
	.frm-area .frm-cont .addr-area .addr {grid-column:1 / 3;}
	/* form : form cont : radio */
	.frm-area .frm-cont .rd-items-grid, .frm-area .frm-cont .rd-items li {display:block;}
	.frm-area .frm-cont [class^="rd-items"] li:not(:nth-child(1)) {margin-top:.5em !important;}
	/* form : form cont : file list */
	.frm-area .file_list {padding:1em 1.25em; border-radius:1em;}
	.frm-area .file_list li {flex-direction:row;}
	/* form : form cont : sign */
	.frm-area .frm-cont.sign .btn {width:auto; padding:1em 1.5em; margin-left:1em;}
	/* form : form cont : search */
	.frm-area .frm-cont .sch-area .btn {width:50%; margin-left:.5em; margin-top:0;}
}
@media screen and (max-width: 667px) {
	.frm-area .frm-cont .chk-group .chk-items li {width:calc(50% - 1em); padding-right:0; padding-bottom:.5em;}
	/* form : form cont : date */
	.frm-area .frm-cont .date-group-grid {grid-template-columns:1fr 1em 1fr;}
	/* form : form cont : sign */
	.frm-area .frm-cont.sign {flex-direction:column;}
	.frm-area .frm-cont.sign .img_box {width:100%;}
	.frm-area .frm-cont.sign .sign-grp {display:block; width:100%;}
	.frm-area .frm-cont.sign .sgn {width:100% !important;}
	.frm-area .frm-cont.sign .btn {width:100%; margin-left:0;}
	/* form : form cont : search */
	.frm-area .frm-cont .sch-area {flex-wrap:wrap; grid-row-gap:1em;}
	.frm-area .frm-cont .sch-area .btn {width:48%; margin:0 1%;}
}

/* write */
.bo-write {}
.bo-write .nonmem-agree {width:100%; height:auto;}
.bo-write .nonmem-agree div {padding:2em; border:1px solid var(--line-color); border-radius:1em 1.5em 1.5em;}
.bo-write .nonmem-agree dl {height:12.5em; overflow-y:auto;}
.bo-write .nonmem-agree dl dt {font-weight:500; font-size:var(--ft-size18); color:var(--ct-tit-color);}
.bo-write .nonmem-agree dl dd {color:var(--text-color); font-size:var(--ft-size16); padding-top:.25em; line-height:1.4;}
.bo-write .nonmem-agree dl dt:not(:nth-child(1)) {margin-top:1.667em;}
.bo-write .nonmem-agree .it-check {text-align:right; margin-top:20px;}
.bo-write .inner {margin-top:5em;}
.bo-write .frm-area .frm-cont .frm-tta {height:17.778em;}
@media screen and (max-width: 926px) {
	.bo-write .nonmem-agree div {padding:1.25em;}
	.bo-write .nonmem-agree dl {height:10em;}
	.bo-write .inner {margin-top:3em;}
	.bo-write .frm-area .frm-cont .frm-tta {height:12em;}
}

/* application form */
.app-frm-wrap {}
.app-frm-wrap [class^="inner"] {width:100%; height:auto; margin-top:2em; position:relative;}
.app-frm-wrap [class^="inner"]:not(:nth-child(2)) {margin-top:5em;}
.app-frm-wrap .cont-tt small {font-weight:300; color:var(--text-color); font-size:16px;}
.app-frm-wrap .frm-area {width:100%; height:auto; padding:1em 0; border-top:3px solid; display:flex; flex-wrap:wrap; justify-content:space-between;}
.app-frm-wrap .frm-area li {width:calc(50% - 1em); margin-top:1em; align-items:center; flex-wrap:wrap;}
.app-frm-wrap .frm-area .result .frm-cont {display:block; width:calc(100% - 11.111em); padding:.944em 0; font-size:var(--ft-size18); border-bottom:1px solid var(--line-color); /* color:var(--ct-tit-color); */ line-height:1.4;}
.app-frm-wrap .inner-2 {margin-top:0 !important;}
.app-frm-wrap .inner-2.hidden-item {margin-top:3em !important;}
.app-frm-wrap [class^="inner"] .grp-tt {padding:1em 1.5em; background-color:var(--bkgc2); font-family:var(--sba-ft-family)}
.app-frm-wrap .inner-2 .frm-tit small {display:block;}
.app-frm-wrap .group .frm-area {border-top:0;}
.app-frm-wrap .group .frm-area.addr li:nth-child(1) {margin-top:0;}
.app-frm-wrap .group .frm-area.line {margin-top:1em; border-top:1px solid var(--line-color);}
.app-frm-wrap .frm-select {width:100%;}
.app-frm-wrap .frm-select.w50 {width:50%;}
/* input add remove */
.app-frm-wrap .add-remove {border-top:1px solid var(--line-color);}
.app-frm-wrap .add-remove div {width:100%; height:auto; position:relative;}
.app-frm-wrap .add-remove div ul {width:100%; display:flex;}
.app-frm-wrap .add-remove div ul li {width:calc(20% - .3em); margin:0 .15em;}
.app-frm-wrap .add-remove div ul li .it {width:100%;}
.app-frm-wrap .add-remove .inp-add {padding:1em 0; border-bottom:1px solid var(--line-color);}
.app-frm-wrap .add-remove .inp-remv {padding:.5em 0;}
.app-frm-wrap .add-remove .inp-remv ul li {padding:1.111em 0; border-bottom:1px solid; font-size:var(--ft-size18);}
.app-frm-wrap .add-remove .sm-btns {text-align:right;}
.app-frm-wrap .add-remove .empty {border-top:0; padding:3em 0;}
/* input add remove : width 100% */
.app-frm-wrap .add-remove.w100 {padding:1em 0 0; border-top:3px solid;}
.app-frm-wrap .add-remove.w100 div ul {width:100%;}
.app-frm-wrap .add-remove.w100 div ul li {margin-top:.5em !important;}
.app-frm-wrap .add-remove.w100 .sm-btns {width:auto; position:absolute; top:-16px; right:0;}
/* input add remove : width 100% : column 3 */
.app-frm-wrap .add-remove.w100.col-3 li {width:calc(33.33% - .3em);}
.app-frm-wrap .add-remove.w100.col-3 li .frm-tta {width:100%;}
/* frm-btns */
.app-frm-wrap .frm-btns {padding-top:3em; text-align:center;}
.app-frm-wrap .frm-btns button {min-width:10em; padding:1.25em 0; border-radius:.5em 1em 1em;}
.app-frm-wrap .frm-btns button.gray {}
.app-frm-wrap .frm-btns button.bt-save {margin:0 .5em;}
/* small button */
.app-frm-wrap .sm-btns button {padding:10px 30px; margin-top:10px; background-color:#fff; box-shadow:none; border:1px solid currentColor; border-radius:1em; font-size:var(--ft-size16);}
.app-frm-wrap .sm-btns button:hover {color:#fff !important;}
.app-frm-wrap .sm-btns .primary {color:var(--secondary-color1);}
.app-frm-wrap .sm-btns .primary:hover {background-color:var(--secondary-color1); border-color:var(--secondary-color1);}
.app-frm-wrap .sm-btns .gray {color:var(--text-color);}
.app-frm-wrap .sm-btns .gray:hover {background-color:var(--text-color); border-color:var(--text-color); box-shadow:none;}
.app-frm-wrap .help-msg {padding:.5em 0 0 12.5em;}
@media screen and (max-width: 1194px) {
	.app-frm-wrap .frm-area .frm-tit, .app-frm-wrap .frm-area .frm-cont {width:100% !important;}
	.app-frm-wrap .frm-area .result .frm-tit {padding-bottom:0;}
	.app-frm-wrap .inner-2 .frm-tit small {display:inline;}
	.app-frm-wrap .help-msg {padding-left:0;}
}
@media screen and (max-width: 926px) {
	.app-frm-wrap [class^="inner"]:not(:nth-child(2)) {margin-top:3em;}
	.app-frm-wrap .frm-area {flex-direction:column;}
	.app-frm-wrap .frm-area li {width:100%; margin-top:0; align-items:flex-start;}
	.app-frm-wrap .frm-select.w50 {width:100%;}
	/* input add remove */
	.app-frm-wrap .add-remove div ul {width:100%; flex-wrap:wrap;}
	.app-frm-wrap .add-remove div ul li {width:calc(33.33% - .5em); margin-bottom:.2em;}
	.app-frm-wrap .add-remove .sm-btns {position:static;}
	/* input add remove : width 100% : column 3 */
	.app-frm-wrap .add-remove.w100.col-3 li:not(:nth-child(1)) {width:calc(50% - .3em);}
	.app-frm-wrap .add-remove.w100.col-3 li:nth-child(1) {width:100%;}
	.app-frm-wrap .add-remove.w100.col-3 li .frm-tta {width:100%;}
	/* frm-btns */
	.app-frm-wrap .frm-btns button {margin:0 .2em;}
	.app-frm-wrap .frm-btns button.bt-save {min-width:auto; padding:1em 2em; position:fixed; bottom:2em; right:16px; z-index:1; }
	.app-frm-wrap .frm-btns button.bt-save {margin:0;}
}
@media screen and (max-width: 667px) {
	/* frm-btns */
	.app-frm-wrap .frm-btns button.bt-save {width:60px; height:60px; padding:1em; bottom:64px; border-radius:100%; font-weight:700; word-break:normal;}
}
@media screen and (max-width: 428px) {
	.app-frm-wrap .frm-area .exam-item .it-check input[type="checkbox"] + label:before {display:block; margin-bottom:4px;}
	.app-frm-wrap .frm-btns {display:flex;}
	.app-frm-wrap .frm-btns button {min-width:48%;}
	/* input add remove / width 100% : column 3 */
	.app-frm-wrap .add-remove div ul li, .app-frm-wrap .add-remove.w100.col-3 li:not(:nth-child(1)) {width:100%; margin-left:0; margin-right:0;}
}

/* empty */
.empty {width:100%; height:auto; padding:6em 0; /* border-top:3px solid; */ border-bottom:1px solid var(--line-color); text-align:center;}

/* exam search */
.exam-sch {width:100%; height:auto; padding:1em 4em; background-color:var(--bkgc1); border:1px solid var(--line-color); border-radius:1.5em; display:flex; flex-wrap:wrap; justify-content:center;}
.exam-sch .sort {width:34.26%; display:flex; padding-left:1em;}
.exam-sch .sort label {width:8em;}
.exam-sch .sort select {width:100%;}
.exam-sch .sort:nth-child(2) {margin-right:.5em;}
.exam-sch .btns {width:26.36%; display:flex;}
.exam-sch button {width:100%; padding:1em 0; margin:0 .5em; border-radius:.556em 1.111em 1.111em; font-size:var(--ft-size18);}
.exam-sch button[type="submit"] {width:40%; background-color:var(--primary-color); color:#fff;}
.exam-sch button[type="submit"]:hover {background-color:var(--secondary-color1);}
.exam-sch button[type="reset"] {width:60%; border:1px solid currentColor; color:var(--text-color); background-color:#fff;}
.exam-sch button[type="reset"]:hover {background-color:var(--text-color); border-color:var(--text-color); color:#fff;}
/* exam search : result */
.exam-sch-result {width:100%; height:auto; padding-top:3em;}
.exam-sch-result .standard-list {width:100%; height:auto; border-top:3px solid;}
.exam-sch-result .standard-list li {border-bottom:1px solid var(--line-color); display:flex; align-items:center; position:relative;}
.exam-sch-result .standard-list li .name {padding:1.667em 2.222em; display:flex; align-items:center; font-size:var(--ft-size18);}
.exam-sch-result .standard-list li .name span {display:block; width:2.222em; height:2.222em; line-height:2.111em; margin-right:1.111em; border:1px solid var(--line-color); border-radius:100%; color:var(--text-color); text-align:center;}
.exam-sch-result .standard-list li .name em {font-size:var(--ft-size22);}
.exam-sch-result .standard-list li a.name:hover em {color:var(--primary-color); text-decoration:underline;}
.exam-sch-result .standard-list li button {width:8.889em; padding:1.111em 0; border:1px solid; border-radius:.556em 1.111em 1.111em; font-size:var(--ft-size18); position:absolute; top:1.111em; right:2.222em;}
.exam-sch-result .standard-list li button svg {margin-left:.5em;}
.exam-sch-result .standard-list li button:hover {color:#fff !important;}
.exam-sch-result .standard-list li button:hover svg {animation:none;}
.exam-sch-result .standard-list li button.active {background-color:var(--secondary-color1); border-color:var(--secondary-color1); color:#fff;}
.exam-sch-result .standard-list li button.inactive {border-color:var(--text-color); color:var(--text-color);}
.exam-sch-result .standard-list li button.inactive:hover {background-color:var(--text-color);}
.exam-sch-result .standard-list li button.bt-danger-line {border-color:#e86f6f; color:#e86f6f;}
.exam-sch-result .standard-list li button.bt-danger-line:hover {background-color:#e86f6f;}
@media screen and (max-width: 1194px) {
	.exam-sch {padding:1em 2em;}
}
@media screen and (max-width: 926px) {
	/* exam search */
	.exam-sch .sort {width:48%;}
	.exam-sch .btns {width:100%; margin-top:1em; justify-content:center;}
	.exam-sch button[type="submit"] {width:7em;}
	.exam-sch button[type="reset"] {width:8em;}
}
@media screen and (max-width: 667px) {
	/* exam search */
	.exam-sch .sort {width:100%;}
	.exam-sch .sort:nth-child(2) {margin-right:0; margin-top:1em;}
	/* exam search : result */
	.exam-sch-result .standard-list li {flex-direction:column; align-items:flex-start; padding-bottom:1.667em;}
	.exam-sch-result .standard-list li .name {padding:1.5em 0 .5em;}
	.exam-sch-result .standard-list li button {position:static; width:7em; padding:1em 0; align-self:flex-end;}
}

/* etc : exam search : result */
.exam-sch-wrap {width:100%; height:auto; padding-bottom:5em; margin-top:3em;}
.exam-sch-wrap .frm-area {padding:1.5em 0; border-top:3px solid var(--text-color); border-bottom:1px solid var(--line-color); display:flex; align-items:center; justify-content:space-between;}
.exam-sch-wrap .frm-area li {width:calc(50% - 1em);}
.exam-sch-wrap .frm-area li:not(:nth-child(1)) {margin-top:0;}
.exam-sch-wrap .result-btns {display:flex; justify-content:center; margin-top:1.5em;}
.exam-sch-wrap .result-btns button {width:17.778em; padding:1.25em 0; border-radius:.556em 1.111em 1.111em; font-size:var(--ft-size18);}
@media screen and (max-width: 926px) {
	.exam-sch-wrap .frm-area {flex-direction:column; padding-top:.5em;}
	.exam-sch-wrap .frm-area li {width:100%;}
}

/* etc : search result */
.dsnt-sch-wrap {}
.dsnt-sch-wrap .sch-frm {padding:2em; background-color:var(--bkgc1); border:1px solid var(--line-color); border-radius:1.5em; display:block;}
.dsnt-sch-wrap .sch-frm .frm-area {width:35em; margin:0 auto;}
.dsnt-sch-wrap .sch-frm .frm-area input {}
.dsnt-sch-wrap .sch-frm .frm-area button {background-color:var(--primary-color);}
.dsnt-sch-wrap .sch-frm .best-keyword {width:35em; padding-top:1.5em; margin:0 auto; display:flex; align-items:center;}
.dsnt-sch-wrap .sch-frm .best-keyword p {width:6.667em; display:inline-block;}
/* etc : search result : list */
.sch-result-wrap {width:100%; height:auto; margin-top:3em;}
.sch-result-wrap .total-result {}
.sch-result-wrap .total-result mark {font-weight:700; color:var(--primary-color);}
.device-result-list {width:100%; height:auto; margin-top:2em;}
.device-result-list > ul {width:inherit; height:inherit; border-top:3px solid;}
.device-result-list > ul > li {padding:3em 1.5em; border-bottom:1px solid var(--line-color); display:flex; flex-wrap:wrap; align-items:center;}
.device-result-list > ul > li picture {width:12em; margin:0 auto; border-radius:1em 1.5em 1.5em; overflow:hidden; line-height:0;}
.device-result-list > ul > li picture img {width:100%;}
.device-result-list > ul > li .tt-box {width:calc(100% - 21em); height:auto; padding:0 2em;}
.device-result-list > ul > li .tt-box h4 {padding-bottom:1em; border-bottom:1px solid var(--line-color); font-weight:500; font-size:var(--ft-size24); white-space:nowrap; text-overflow:ellipsis; word-break:break-all; overflow:hidden;}
.device-result-list > ul > li .tt-box .bul-list {margin-top:1.25em;}
.device-result-list > ul > li .bt-device {width:10em; height:10em; margin:0 auto;}
.device-result-list > ul > li .bt-device svg {display:block; margin:0 auto 1em;}

@media screen and (max-width: 1194px) {
	.device-result-list > ul > li {padding:2em 0;}
}
@media screen and (max-width: 926px) {
	.device-result-list > ul > li picture {width:10em;}
	.device-result-list > ul > li .tt-box {width:calc(100% - 18em)}
	.device-result-list > ul > li .tt-box h4 {font-size:var(--ft-size22);}
	.device-result-list > ul > li .bt-device {width:8em;}
}
@media screen and (max-width: 667px) {
	/* etc : search result */
	.dsnt-sch-wrap .sch-frm {padding:1em;}
	.dsnt-sch-wrap .sch-frm .frm-area, .dsnt-sch-wrap .sch-frm .best-keyword {width:100%; flex-direction:column;}
	.dsnt-sch-wrap .sch-frm .best-keyword p {display:block;}
	/* etc : search result : list */
	.device-result-list > ul > li picture {width:30%;}
	.device-result-list > ul > li .tt-box {width:70%;}
	.device-result-list > ul > li .bt-device {width:100%; height:auto; padding:1.25em 3em; margin:1em 0 0;}
	.device-result-list > ul > li .bt-device svg {display:inline-block; margin:0; margin-right:.5em;}
}
@media screen and (max-width: 414px) {
	.device-result-list > ul > li picture, .device-result-list > ul > li .tt-box {width:100%;}
	.device-result-list > ul > li .tt-box {padding:1em 0;}
}