@charset "UTF-8";


/*-------------------------------------------------------------------
	분류그룹 : 초기화
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
    @ 웹폰트
-------------------------------------------------------------------*/
/* Pretendard */
@import url('https://fonts.cdnfonts.com/css/microsoft-sans-serif');

@font-face {
    font-family: 'Pretendard';
    src: url('/common/fonts/Pretendard-Thin.woff2') format('woff2'),
    url('/common/fonts/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/common/fonts/Pretendard-ExtraLight.woff2') format('woff2'),
    url('/common/fonts/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/common/fonts/Pretendard-Light.woff2') format('woff2'),
    url('/common/fonts/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/common/fonts/Pretendard-Regular.woff2') format('woff2'),
    url('/common/fonts/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/common/fonts/Pretendard-Medium.woff2') format('woff2'),
    url('/common/fonts/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/common/fonts/Pretendard-SemiBold.woff2') format('woff2'),
    url('/common/fonts/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/common/fonts/Pretendard-Bold.woff2') format('woff2'),
    url('/common/fonts/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/common/fonts/Pretendard-ExtraBold.woff2') format('woff2'),
    url('/common/fonts/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/common/fonts/Pretendard-Black.woff2') format('woff2'),
    url('/common/fonts/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}



@font-face {
    font-family: 'Noto Sans KR';
    src: url('/common/fonts/notokr-light.eot');
    src: url('/common/fonts/notokr-light.eot?#iefix') format('embedded-opentype'),
    url('/common/fonts/notokr-light.woff2') format('woff2'),
    url('/common/fonts/notokr-light.woff') format('woff'),
    url('/common/fonts/notokr-light.ttf') format('truetype'),
    url('/common/fonts/notokr-light.svg#notokr-light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url('/common/fonts/notokr-regular.eot');
    src: url('/common/fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
    url('/common/fonts/notokr-regular.woff2') format('woff2'),
    url('/common/fonts/notokr-regular.woff') format('woff'),
    url('/common/fonts/notokr-regular.ttf') format('truetype'),
    url('/common/fonts/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url('/common/fonts/notokr-medium.eot');
    src: url('/common/fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
    url('/common/fonts/notokr-medium.woff2') format('woff2'),
    url('/common/fonts/notokr-medium.woff') format('woff'),
    url('/common/fonts/notokr-medium.ttf') format('truetype'),
    url('/common/fonts/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url('/common/fonts/notokr-bold.eot');
    src: url('/common/fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
    url('/common/fonts/notokr-bold.woff2') format('woff2'),
    url('/common/fonts/notokr-bold.woff') format('woff'),
    url('/common/fonts/notokr-bold.ttf') format('truetype'),
    url('/common/fonts/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: 700;
    font-style: normal;
}


/*-------------------------------------------------------------------
    @ 태그
-------------------------------------------------------------------*/
/* all style */
* {margin:0px; padding:0px;}
* {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
* {-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;}
* {max-height: 1000000px;}
/* html, body #con {color:#000;font-size:16px;font-family: 'Pretendard','Noto Sans KR', sans-serif;} */
html, body #con {color:#000;font-size:16px;font-family: "돋움", dotum ,sans-serif;}

@media screen and (max-width: 1024px) {
    html, body{font-size:15px;}
}
@media screen and (max-width: 600px) {
    html, body{font-size:14px;}
}

body {line-height:1.3;}
form, div, p, span, ul, li, dl, dt, textarea, h1, h2, h3, h4 {margin:0px; padding:0px; word-break:keep-all;}
table legend {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0;}
table, th, td {border-spacing:0px; border-collapse:collapse;}
ul, ol, dl, li, dt, dd {list-style:none;} 
img, fieldset {display:inline; max-width:100%; border:0px; line-height:0;}
figure{display:block; line-height:0;}
header, nav, aside, section, address, article, main, footer, hgroup, div {display:block;}
dfn,em {font-weight: bold; font-style: normal;}
del,s {display: inline-block;}
figcaption {display: block;}
a{text-decoration:none;}

input, textarea, select, button {font-family: inherit;}
input[type="button"], input[type="text"], input[type="submit"], input[type="password"], select{vertical-align:middle;appearance:none;-webkit-appearance: none;-moz-appearance: none;-webkit-border-radius:0; -moz-border-radius:0;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s; }
input[type="text"]::-ms-clear {display: none;}
input[type="number"] {-moz-appearance: textfield;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {margin: 0; appearance: none; -webkit-appearance: none;}

button, input[type="button"] {border:0; cursor: pointer;}

/* IE 10, 11의 네이티브 화살표 숨기기 */
/*select::-ms-expand {
  display: none;
}*/
/* link style */
a:link    {color:#424242; text-decoration:none;}
a:visited {color:#424242; text-decoration:none;}
a:active  {color:#424242; text-decoration:none;}
a:hover   {color:#424242; text-decoration:none;}
a:focus    {}

#con {position:relative;}
#con .inner {width:100%; max-width: 1050px; margin:0 auto; padding:0; box-sizing: border-box;}
@media screen and (max-width: 1050px) {
    #con .inner {padding:0 10px;}
}

/*-------------------------------------------------------------------
	@ sub > con 공통 
-------------------------------------------------------------------*/
/*-- title --*/
#con .con-tit {display: block; margin:0 0 10px; font-weight:400; font-size:1.375rem; color:#9175A1;}
#con .con-sub-tit {display: block; position:relative; margin-bottom:10px; padding-left:15px; font-weight:600; font-size:0.9375rem; line-height:1.3; color:#646464;}
#con .con-sub-tit::before {content:''; display: block; position:absolute; top:calc(0.6094rem - 10.5px); left:0; width:10px; height:15px; background-image:url(/upload_files/facility/i_con_sub_tit.png); background-repeat:no-repeat; background-position:center left;}
#con .txt {display: block; font-size:0.8125rem; color:#666666;}

/*-- download-btn --*/
#con .download-wrap {display:inline-block; min-height:35px; vertical-align:middle;}
#con .download-wrap .download-btn {display:inline-block; background-color:#fff; margin-left:15px; padding:10px 20px; border:1px solid #eeeeee; text-align: center; vertical-align:middle;}
#con .download-wrap .download-btn .txt {display:inline-block; padding-right:25px; background-image:url(/upload_files/facility/i_down.svg); background-repeat:no-repeat; background-position:center right; font-weight:600; line-height:1.1; word-break:break-word;}
/*-------------------------------------------------------------------
    @interaction
-------------------------------------------------------------------*/
#con .download-wrap .download-btn {transition:border .3s;}
#con .download-wrap .download-btn:hover {border-color:#9075A0;}

/*-- link-btn --*/
#con .link-wrap {display:block; width:100%;}
#con .link-wrap .link-btn {display:inline-block; margin-left:15px; padding:10px; border:1px solid #eeeeee; text-align: center; background-color:#fff;}
#con .link-wrap .link-btn .txt {display:inline-block; padding-right:23px; background-image:url(/upload_files/facility/i_link.svg); background-repeat:no-repeat; background-position:center right; font-weight:600; line-height:1.1; word-break:break-word; vertical-align:middle;}
/*-------------------------------------------------------------------
    @interaction
-------------------------------------------------------------------*/
#con .link-wrap .link-btn {transition:border .3s;}
#con .link-wrap .link-btn:hover {border-color:#9075A0;}

/*-- goto-btn --*/
#con .goto-wrap {display:inline-block;}
#con .goto-wrap .goto-btn {display:inline-block; border-radius:50px; text-align: center;}
#con .goto-wrap .goto-btn .txt {display:inline-block; position:relative; padding-right:23px; font-weight:600; word-break:break-word;}
#con .goto-wrap .goto-btn .txt::before {content:''; position:absolute; top:calc(50% - 1px); right:0; width:12px; height:2px; background-color:#fff; background-repeat:no-repeat; background-position:center; border-radius:20px;}
#con .goto-wrap .goto-btn .txt::after {content:''; position:absolute; top:calc(25% - 2px); right:5px; width:2px; height:12px; background-color:#fff; background-repeat:no-repeat; background-position:center; border-radius:20px;}
/*-------------------------------------------------------------------
    @interaction
-------------------------------------------------------------------*/
#con .goto-wrap .goto-btn .txt {transform:translateX(0); transition:transform 0.3s;}
#con .goto-wrap .goto-btn .txt::before {transform:rotate(0deg); transition:transform 0.3s;}
#con .goto-wrap .goto-btn .txt::after {transform:rotate(0deg); transition:transform 0.3s;}

#con .goto-wrap:focus,
#con .goto-wrap:hover .goto-btn .txt {transform:translateX(7px);}
#con .goto-wrap:focus,
#con .goto-wrap:hover .goto-btn .txt::before {transform:scale(0.8) translateY(-2.5px) rotate(210deg);}
#con .goto-wrap:focus,
#con .goto-wrap:hover .goto-btn .txt::after {transform:scale(0.8) translateY(2.5px) rotate(60deg);}

/*-------------------------------------------------------------------
	@ sub > 시설안내
-------------------------------------------------------------------*/

#con .section01 {display:block;}
#con .section01 .guide-wrap {display:block;}
#con .section01 .guide-wrap .guide-con {display:block; margin-bottom:20px;}
#con .section01 .guide-wrap .guide-con:last-child {margin-bottom:0;}
#con .section01 .guide-wrap .guide-con .link-wrap {display:block; width:100%;}
#con .section01 .guide-wrap .guide-con .link-wrap .link-btn {display:inline-block; margin-left:15px; padding:10px; border:1px solid #eeeeee; text-align: center;}
#con .section01 .guide-wrap .guide-con .link-wrap .link-btn .txt {display:inline-block; padding-right:23px; background-image:url(/upload_files/facility/i_link.svg); background-repeat:no-repeat; background-position:center right; font-weight:600; line-height:1.1; word-break:break-word;}

#con .section01 .guide-wrap .guide-con .tab-box {display:block; max-width:185px; width:100%; margin-right:30px; float:left;}
#con .section01 .guide-wrap .guide-con .tab-box .list-wrap {display:block;}
#con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con {display:block; width:100%; margin-bottom:10px; border:1px solid #eeeeee;}
#con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con:last-child {margin-bottom:0;}
#con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con .btn-tab {display:inline-block; width:100%; padding:10px; text-align: center; background-color:#fff;}
#con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con .btn-tab .txt {display:inline-block; font-weight:600; line-height:1.1; word-break:break-word;}

#con .section01 .guide-wrap .guide-con .tab-box-con {display:block; overflow:hidden;}
#con .section01 .guide-wrap .guide-con .tab-box-con::after {content:''; display:block; clear:both;}
#con .section01 .guide-wrap .guide-con .tab-box-con .tab-con-wrap {display:block; position:relative; min-height:930px;}
#con .section01 .guide-wrap .guide-con .tab-box-con .tab-con-wrap .tab-con {display:none; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #eeeeee; background-color:#fff;}
#con .section01 .guide-wrap .guide-con .tab-box-con .tab-con-wrap .tab-con .img-wrap {display:block; height:100%; margin:0 auto; padding:0 20px;}
#con .section01 .guide-wrap .guide-con .tab-box-con .tab-con-wrap .tab-con .img-wrap .img{display:block; width:100%; height:100%;}

#con .section01 .guide-wrap .guide-con .tab-box-con .tab-con-wrap .tab-con.active {display: block;}

/* 이미지 스크롤 */
#con .section01 .guide-wrap .guide-con .tab-box-con .scr-wrap {display:block; position:relative;}
#con .section01 .guide-wrap .guide-con .tab-box-con .scr-wrap:before {content: ""; display:none; position: absolute; bottom: 5px; right: -5px; z-index: 999; width: 40px; height: 40px; border-radius: 50%; background: #9175A1 url(/upload_files/facility/i_swipe.png) no-repeat center;}
#con .section01 .guide-wrap .guide-con .tab-box-con .scr-wrap .scr-box {display:block; overflow-x:auto;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:400px) {
    #con .section01 .guide-wrap .guide-con .tab-box-con .scr-wrap:before {display:block;}
    #con .section01 .guide-wrap .guide-con .tab-box-con .scr-wrap .scr-box .tab-con-wrap {width:400px;}
}

#con .section01 .guide-wrap .guide-con .tab-box-con .guide-info {display:block; margin-top:20px; background-color:#F7F9FB;}
#con .section01 .guide-wrap .guide-con .tab-box-con .guide-info .l-con {display:block; float:left;}
#con .section01 .guide-wrap .guide-con .tab-box-con .guide-info .l-con .con-wrap {display:inline-block; margin:10px 30px; width:60px; height:60px; border-radius:50%; background-color:#fff; text-align:center;}
#con .section01 .guide-wrap .guide-con .tab-box-con .guide-info .l-con .con-wrap .part{display:inline-block; line-height:60px; vertical-align:middle;}
#con .section01 .guide-wrap .guide-con .tab-box-con .guide-info .l-con .con-wrap .part .txt{display:inline-block; font-weight:700; font-size:0.8125rem; line-height:1.1; color:#9075A0; text-align:center; vertical-align:middle;}

#con .section01 .guide-wrap .guide-con .tab-box-con .guide-info .r-con {display:block; overflow:hidden;}
#con .section01 .guide-wrap .guide-con .tab-box-con .guide-info .r-con::after {content:''; display:block; clear:both;}
#con .section01 .guide-wrap .guide-con .tab-box-con .guide-info .r-con .txt {display:block; margin-right:15px; float:left; line-height:80px;}
#con .section01 .guide-wrap .guide-con .tab-box-con .guide-info .r-con .info-list {display:block; overflow:hidden;}
#con .section01 .guide-wrap .guide-con .tab-box-con .guide-info .r-con .info-list .txt {display:inline-block; margin-right:15px; line-height:80px; vertical-align: middle;}
#con .section01 .guide-wrap .guide-con .tab-box-con .guide-info .r-con .info-list .txt:last-child {margin-right:0;}
#con .section01 .guide-wrap .guide-con .tab-box-con .guide-info .r-con .info-list .txt > span {display:inline-block; font-weight:700; line-height:1.1; word-break:break-word;}

#con .section02 {display:block;}
#con .section02 .etc-wrap {display:block;}
#con .section02 .etc-wrap .etc-con {display:block; margin-bottom:30px;}
#con .section02 .etc-wrap .etc-con:last-child {margin-bottom:0;}
#con .section02 .etc-wrap .etc-con .qna-list {display:block;}
#con .section02 .etc-wrap .etc-con .qna-list .qna-con {display:block;}
#con .section02 .etc-wrap .etc-con .qna-list .qna-con .q-box {display:block; padding:20px 30px; border-bottom:1px solid #eee; background-image:url(/upload_files/facility/i_qna_down.svg); background-repeat:no-repeat; background-position:center right 20px;}
#con .section02 .etc-wrap .etc-con .qna-list .qna-con .q-box::after {content:''; display:block; clear:both;}
#con .section02 .etc-wrap .etc-con .qna-list .qna-con .q-box .l-con {display:block; float:left; padding-right:20px;}
#con .section02 .etc-wrap .etc-con .qna-list .qna-con .q-box .l-con .item-q {display:block; width:30px; height:30px; border-radius:50%; background-color:#ccc; text-align:center; line-height:30px; font-weight:800; font-size:0.8125rem; color:#fff;}
#con .section02 .etc-wrap .etc-con .qna-list .qna-con .q-box .r-con {display:block; overflow:hidden; padding-right:30px; line-height:30px;}
#con .section02 .etc-wrap .etc-con .qna-list .qna-con .q-box .r-con .txt {display:inline-block; font-weight:600; line-height:1.1; word-break:break-word; vertical-align:middle;}

#con .section02 .etc-wrap .etc-con .qna-list .qna-con .a-box {display:none; padding:20px 10px 25px 80px; border-bottom:1px solid #eee; background-color:#F7F9FB;}
#con .section02 .etc-wrap .etc-con .qna-list .qna-con .a-box .text-box {display:block;}
#con .section02 .etc-wrap .etc-con .qna-list .qna-con .a-box .text-box .txt {display:block; margin-bottom:10px; font-weight:600;}
#con .section02 .etc-wrap .etc-con .qna-list .qna-con .a-box .text-box .download-wrap .download-btn {margin-left:0;}
#con .section02 .etc-wrap .etc-con .qna-list .qna-con .a-box .text-box .download-wrap .download-btn .txt {margin:0;}
#con .section02 .etc-wrap .etc-con .qna-list .qna-con .a-box .text-box .txt.v2 {margin:10px 0 0;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:900px) {
    #con .section01 .guide-wrap .guide-con .tab-box-con .tab-con-wrap {min-height:800px;}
    #con .section01 .guide-wrap .guide-con .tab-box-con .tab-con-wrap .tab-con .img-wrap {padding:0 30px;}
}
@media screen and (max-width:800px) {
    #con .section01 .guide-wrap .guide-con .tab-box {float:none; max-width:100%; min-height:140px; margin-right:0;}
    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con {float:left; width:25%;}
    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con::after {content:''; display:block; clear:both;}
    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con {margin-bottom:0; border-left:none; border-bottom:none;}

    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con:nth-child(8),
    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con:nth-child(9),
    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con:nth-child(10),
    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con:nth-child(11) {border-bottom:1px solid #eee;}
    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con:nth-child(4n+1) {border-left:1px solid #eee;}
    #con .section01 .guide-wrap .guide-con .tab-box-con {overflow:inherit;}

    #con .section02 .con-tit {margin-top:50px;}
}
@media screen and (max-width:700px) {
    #con .section01 .guide-wrap .guide-con .tab-box-con .tab-con-wrap {min-height:650px;}
    #con .section01 .guide-wrap .guide-con .tab-box-con .tab-con-wrap .tab-con .img-wrap {padding:0 20px;}

    #con .section02 .etc-wrap .etc-con .qna-list .qna-con .q-box {padding:20px 15px;}
    #con .section02 .etc-wrap .etc-con .qna-list .qna-con .q-box .l-con {padding-right:15px;}
    #con .section02 .etc-wrap .etc-con .qna-list .qna-con .a-box {padding:20px 10px 20px 60px;}
}
@media screen and (max-width:600px) {
    #con .section01 .guide-wrap .guide-con .tab-box {min-height:135px;}
    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con {width:25%;}
    #con .section01 .guide-wrap .guide-con .tab-box-con .guide-info .l-con .con-wrap {margin:10px 20px;}

    #con .section02 .con-tit {margin-top:30px;}
    #con .section02 .etc-wrap .etc-con .qna-list .qna-con .a-box .text-box .download-wrap .download-btn {margin-left:0; margin-bottom:5px;}
}
@media screen and (max-width:500px) {
    #con .section01 .guide-wrap .guide-con .tab-box-con .guide-info .l-con .con-wrap {margin:10px 20px;}
    #con .section01 .guide-wrap .guide-con .tab-box-con .guide-info .r-con {padding:25px 0;}
    #con .section01 .guide-wrap .guide-con .tab-box-con .guide-info .r-con .txt {line-height:1.3;}
    #con .section01 .guide-wrap .guide-con .tab-box-con .guide-info .r-con .info-list .txt {line-height:1.3; vertical-align:auto;}
}
@media screen and (max-width:475px) {
    #con .download-wrap {width:100%;}
    #con .download-wrap .download-btn {width:100%; margin-left:0; margin-bottom:10px;}
    #con .download-wrap .download-btn:last-child {margin-bottom:0;}
    #con .section01 .guide-wrap .guide-con .link-wrap .link-btn {max-width:100%; margin-left:0;}

    #con .section01 .guide-wrap .guide-con .tab-box {min-height:150px;}
    #con .section01 .guide-wrap .guide-con .tab-box {border:1px solid #eee;}
    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con {width:33.333%; border-top:0; border-bottom:1px solid #eee;}
    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con:nth-child(3n) {border-right:0;}
    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con:nth-child(4n+1) {border-left:0;}
    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con:nth-child(10),
    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con:nth-child(11) {border-bottom:none;}
    #con .section01 .guide-wrap .guide-con .tab-box-con .tab-con-wrap .tab-con {border-top:none;}   
}
@media screen and (max-width:400px) {
    #con .section01 .guide-wrap .guide-con .tab-box {display:block; overflow: hidden; position:relative; z-index:1; min-height:auto; height:45px; border:none;}
	#con .section01 .guide-wrap .guide-con .tab-box::after {content: ''; position: absolute; top:20px; right:20px; z-index:1000; border-top:5px solid #fff; border-right: 5px solid transparent; border-left: 5px solid transparent;}
    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap {display:block; overflow:hidden; position:absolute; top:0; left:0; z-index:999; width:100%; margin-right:0; padding-top:45px;}
    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con {display: block; visibility: hidden; float:none; width:100%;}
	#con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con .btn-tab {margin-right:0; padding:0; line-height:44px; border-top: 0; border-left: 1px solid #eee;} 
    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con .btn-tab.active {position:absolute; visibility: visible; top:0; left:0; width:100%; height:45px;}
    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con:nth-child(3n) {border-right:1px solid #eee;}
    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con:nth-child(4n+1) {border-left:1px solid #eee;}
    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con:nth-child(10),
    #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con:nth-child(11) {border-bottom:1px solid #eee;}
    
    #con .section01 .guide-wrap .guide-con .tab-box-con .tab-con-wrap .tab-con .img-wrap {padding:0 10px;}

    #con .section01 .guide-wrap .guide-con .tab-box-con .guide-info .r-con {padding:15px 0;}
    #con .section01 .guide-wrap .guide-con .tab-box-con .guide-info .r-con .txt {float:none; margin-bottom:5px;}
    #con .section01 .guide-wrap .guide-con .tab-box-con .guide-info .r-con .info-list .txt {margin-bottom:5px;}

    #con .section02 .etc-wrap .etc-con .qna-list .qna-con .q-box {padding:15px 10px;}
    #con .section02 .etc-wrap .etc-con .qna-list .qna-con .q-box .l-con .item-q {width:25px; height:25px; line-height:25px;}
    #con .section02 .etc-wrap .etc-con .qna-list .qna-con .q-box .r-con .txt {line-height:1.3;}

    #con .section02 .etc-wrap .etc-con .qna-list .qna-con .a-box {padding:15px 10px 15px 50px;}   

    /*-------------------------------------------------------------------
    @interaction
-------------------------------------------------------------------*/
    #con .section01 .guide-wrap .guide-con .tab-box.on {overflow: visible;}
    #con .section01 .guide-wrap .guide-con .tab-box.on .list-wrap .list-con {visibility: visible; box-shadow: 3px 2px 8px rgba(0,0,0,0.2);}
}



/*-------------------------------------------------------------------
    @interaction
-------------------------------------------------------------------*/
#con .section01 .guide-wrap .guide-con .download-wrap .download-btn {transition:border .3s;}
#con .section01 .guide-wrap .guide-con .download-wrap .download-btn:hover {border-color:#9075A0;}
#con .section01 .guide-wrap .guide-con .link-wrap .link-btn {transition:border .3s;}
#con .section01 .guide-wrap .guide-con .link-wrap .link-btn:hover {border-color:#9075A0;}

#con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con .btn-tab {transition:border .3s, background .3s;}
#con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con .btn-tab .txt {transition:color .3s;}
#con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con .btn-tab.active {border-color:#9075A0; background-color:#9075A0;}
#con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con .btn-tab.active .txt {color:#fff;}

#con .section01 .guide-wrap .guide-con .tab-box-con .tab-con-wrap .tab-con.active .img-wrap {display:block;}

#con .section02 .etc-wrap .etc-con .qna-list .qna-con .q-box.active {background-image:url(/upload_files/facility/i_qna_up.svg);}
#con .section02 .etc-wrap .etc-con .qna-list .qna-con .q-box.active .l-con .item-q {background-color:#9075A0;}
#con .section02 .etc-wrap .etc-con .qna-list .qna-con .q-box.active .r-con .txt {color:#000;}

#con .section02 .etc-wrap .etc-con .download-wrap .download-btn {transition:border .3s;}
#con .section02 .etc-wrap .etc-con .download-wrap .download-btn:hover {border-color:#9075A0;}
#con .section02 .etc-wrap .etc-con .qna-list .qna-con .a-box .text-box .download-wrap .download-btn {transition:border .3s;}
#con .section02 .etc-wrap .etc-con .qna-list .qna-con .a-box .text-box .download-wrap .download-btn:hover {border-color:#9075A0;}

@media screen and (max-width:400px) {
	/* #con .section01 .guide-wrap .guide-con .tab-box .list-wrap .list-con .btn-tab.active {position:absolute; visibility: visible; top:0; left:0; width: 100%; border:1px solid red;} */

	/* #con .section01 .guide-wrap .guide-con .tab-box.active {overflow: initial;}
	#con .section01 .guide-wrap .guide-con .tab-box.active .list-wrap {height: auto;}
	#con .section01 .guide-wrap .guide-con .tab-box.active .list-wrap .list-con {visibility: visible;} */
}


/* 영문 */

#con .inner.eng .section01 .txt.v2 {margin-bottom:10px;}
#con .inner.eng .section01 .guide-wrap .guide-con .link-wrap .link-btn {max-width:350px;}
#con .inner.eng .section01 .guide-wrap .guide-con .tab-box-con .guide-info .l-con .con-wrap {width:90px; height:90px;}
#con .inner.eng .section01 .guide-wrap .guide-con .tab-box-con .guide-info .l-con .con-wrap .part {line-height:90px;}

#con .inner.eng .section01 .guide-wrap .guide-con .tab-box-con .guide-info .r-con {padding:40px 0; line-height:100px;}
#con .inner.eng .section01 .guide-wrap .guide-con .tab-box-con .guide-info .r-con .txt {line-height:1.3;}
#con .inner.eng .section01 .guide-wrap .guide-con .tab-box-con .guide-info .r-con .info-list .txt {line-height:1.3; padding-bottom:5px;}

#con .inner.eng .section02 .etc-wrap .etc-con .qna-list .qna-con .a-box {padding:15px 10px 15px 80px;}
/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:700px) {
    #con .inner.eng .section01 .guide-wrap .guide-con .tab-box-con .guide-info .r-con {padding:25px 0;}
    #con .inner.eng .section01 .guide-wrap .guide-con .tab-box-con .guide-info .r-con .txt {display:block; float:none; margin-bottom:5px;}

    #con .inner.eng .section02 .etc-wrap .etc-con .qna-list .qna-con .a-box {padding:15px 10px 15px 60px;}
}
@media screen and (max-width:400px) {
    #con .inner.eng .section01 .guide-wrap .guide-con .tab-box-con .guide-info .r-con {padding:15px 0;}

    #con .inner.eng .section02 .etc-wrap .etc-con .qna-list .qna-con .a-box {padding:15px 10px 15px 50px;}
    
}

/* 230726 채민주 */
/*-------------------------------------------------------------------
	분류그룹 : 포용성
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
    @ 포용성 공통화면
-------------------------------------------------------------------*/
#con.inclu {display:block; font-weight:500; font-family: "돋움", dotum ,sans-serif;}
#con.inclu .inclu-wrap {display:block;}
#con.inclu .inclu-wrap .inclu-con {display:block; margin-bottom:15px;}
#con.inclu .inclu-wrap .inclu-con:last-child {margin-bottom:0;}
#con.inclu .inclu-wrap .inclu-con .sc-list {display:flex; margin:30px -10px 0; padding-bottom:0; flex-wrap:wrap; align-items:baseline;}
#con.inclu .inclu-wrap .inclu-con .sc-list .sc-box {display:block; width:33.33%; margin-bottom:20px; padding:0 10px;}
#con.inclu .inclu-wrap .inclu-con .sc-list .sc-box + .sc-box {margin-top:0;}
#con.inclu .inclu-wrap .inclu-con .sc-list .sc-box:last-child {margin-bottom:0;}
#con.inclu .inclu-wrap .inclu-con .sc-list .sc-box .sc-con-wrap {display:block;}
#con.inclu .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {display:block; position:relative; min-height:200px; padding:15px; box-sizing:border-box;}
#con.inclu .inclu-wrap .inclu-con .sc-list .sc-box .sc-con .sc-tit {display:block; margin-bottom:20px; font-size:0.9375rem; font-weight:800; color:#000;}

#con.inclu .inclu-wrap .inclu-con .info-list {display:block; margin-bottom:20px; padding-bottom: 0;}
#con.inclu .inclu-wrap .inclu-con .info-list.v2{display:block; margin-bottom:0;}
#con.inclu .inclu-wrap .inclu-con .info-list > li {position:relative; margin-bottom:5px; padding-left:10px; font-weight:500; font-size:0.875rem; color:#666666;}
#con.inclu .inclu-wrap .inclu-con .info-list > li:last-child {margin-bottom:0;}
#con.inclu .inclu-wrap .inclu-con .info-list > li::before {content:''; display:block; position:absolute; top:calc(0.56875rem - 1.5px); left:0; width:3px; height:3px; background-color:#666; border-radius:50%;}

#con.inclu .txt {padding-bottom:0;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:800px) {
    #con.inclu .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:200px;}
}
@media screen and (max-width:700px) {
    #con.inclu .inclu-wrap .inclu-con .sc-list {margin:20px -10px 0;}
    #con.inclu .inclu-wrap .inclu-con .sc-list .sc-box {width:50%; margin-bottom:15px;}
}
@media screen and (max-width:450px) {
    #con.inclu .inclu-wrap .inclu-con .sc-list {display:block; margin:15px 0 0;}
    #con.inclu .inclu-wrap .inclu-con .sc-list .sc-box {width:100%; margin-bottom:10px; padding:0;}
}
/*-------------------------------------------------------------------
    @interaction
-------------------------------------------------------------------*/
#con.inclu .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {border:1px solid #dfdfdf; transition:border 0.3s;}

#con.inclu .inclu-wrap .inclu-con .sc-list .sc-box:hover .sc-con {border:1px solid #24A859;}


/*-------------------------------------------------------------------
	@ 포용성 서브 공통요소
-------------------------------------------------------------------*/
/* download-btn */
/*-------------------------------------------------------------------
    @interaction
-------------------------------------------------------------------*/
#con.inclu .download-wrap .download-btn:hover {border-color:#24A859;}

/* link-btn */
/*-------------------------------------------------------------------
    @interaction
-------------------------------------------------------------------*/
#con.inclu .link-wrap .link-btn:hover {border-color:#24A859;}

/* goto-btn */
/*-------------------------------------------------------------------
    @interaction
-------------------------------------------------------------------*/
/* #con.inclu .goto-wrap .goto-btn:hover {border-color:#24A859;} */

/* txt-wrap */
#con.inclu .txt-wrap {display:block; padding:15px 30px; background-color:#F7F9FB;}
#con.inclu .txt-wrap .tit {display:block; margin-bottom:20px; background-color:#F7F9FB; font-weight:bold; font-size:1rem;}
#con.inclu .txt-wrap .txt-con {display:block;}
#con.inclu .txt-wrap .txt-con .txt {display:block; padding-bottom:15px; font-weight:500; font-size:0.9375rem; line-height:1.4;}
#con.inclu .txt-wrap .txt-con .txt:last-child {padding-bottom:0px;}
#con.inclu .txt-wrap .txt-con .txt.v2 {padding-bottom:15px;}
/*-------------------------------------------------------------------
    @media
-------------------------------------------------------------------*/
@media screen and (max-width:900px){
    #con.inclu .txt-wrap {padding:15px 20px;}
    #con.inclu .txt-wrap .tit {margin-bottom:15px;}
    #con.inclu .txt-wrap .txt-con .txt {padding-bottom:10px;}
    #con.inclu .txt-wrap .txt-con .txt.v2 {padding-bottom:10px;}
}
@media screen and (max-width:480px){
    #con.inclu .txt-wrap {padding:15px;}
    #con.inclu .txt-wrap .tit {margin-bottom:10px;}
}

/* con-tit */
#con.inclu .con-tit {display: block; margin:0 0 10px; font-weight:normal; font-size:1.375rem; color:#24A859;}
/*-------------------------------------------------------------------
    @media
-------------------------------------------------------------------*/
@media screen and (max-width:700px){
    #con.inclu .con-tit {font-size:1.25rem;}
}

/* sub-tit */
#con.inclu .sub-tit {display: block; position:relative; margin-bottom:15px; padding-left:15px; padding-bottom:0; font-weight:700; font-size:1.0625rem; line-height:1.3; color:#000; z-index:1;}
#con.inclu .sub-tit::before {content:''; display: block; position:absolute; top:calc(0.6906rem - 4px); left:0; width:8px; height:8px; background-color:#24A859; background-repeat:no-repeat; background-position:top left;;}
/*-------------------------------------------------------------------
    @media
-------------------------------------------------------------------*/
@media screen and (max-width:900px){
    #con.inclu .sub-tit {font-size:1rem;}
    #con.inclu .sub-tit::before {top:calc(0.65rem - 4px);}
}
@media screen and (max-width:480px){
    #con.inclu .sub-tit {margin-bottom:10px;}
}

/* sub-txt */
#con.inclu .sub-txt {display: block; position:relative; margin-bottom:15px; padding-left:15px; font-size:1rem; font-weight:500; line-height:1.3; z-index:1;}
#con.inclu .sub-txt::before {content:''; display: block; position:absolute; top:calc(0.65rem - 4px); left:0; width:8px; height:8px; background-color:#24A859; background-repeat:no-repeat; background-position:top left;;}
/*-------------------------------------------------------------------
    @media
-------------------------------------------------------------------*/
@media screen and (max-width:800px){
    #con.inclu .sub-txt.en {font-size:0.9375rem;}
    #con.inclu .sub-txt.en::before {top:calc(0.6093rem - 4px);}
    #con.inclu .sub-txt.en > br {display:none;}
}
@media screen and (max-width:700px){
    #con.inclu .sub-txt {font-size:0.9375rem;}
    #con.inclu .sub-txt::before {top:calc(0.6093rem - 4px);}
    #con.inclu .sub-txt > br {display:none;}
}
@media screen and (max-width:480px){
    #con.inclu .sub-txt {margin-bottom:10px;}
}

/* con-sub-tit */
/* #con.inclu .con-sub-tit {display: block; position:relative; margin-bottom:15px; padding-left:15px; padding-bottom:0; font-weight:600; font-size:1rem; line-height:1.3; color:#646464;}
#con.inclu .con-sub-tit::before {content:''; display: block; position:absolute; top:calc(0.65rem - 10.5px); left:0; width:10px; height:15px; background-image:url(/upload_files/facility/i_con_sub_tit.png); background-repeat:no-repeat; background-position:center left;} */

/* sub-tit */
/* #con.inclu .sub-tit {display: block; position:relative; margin-bottom:15px; padding-left:15px; font-weight:800; font-size:1rem; line-height:1.3; color:#000; z-index:1;}
#con.inclu .sub-tit::before {content:''; display: block; position:absolute; top:-7px; left:5px; width:20px; height:20px; background-color:#24A859; background-repeat:no-repeat; background-position:top left; border-radius:50%; z-index:-1;} */

/* 임시 */                                                                          /* <---- 요기!!!! 올리기 전 삭제 */
/* #con.inclu .con-sub-tit::before {background-image:url(../images/inclusion/i_con_sub_tit.png);}
#con.inclu .download-wrap .download-btn .txt {background-image:url(../images/inclusion/i_down.svg);}
#con.inclu .link-wrap .link-btn .txt {background-image:url(../images/inclusion/i_link.svg);} */

/*-------------------------------------------------------------------
	분류그룹 : 포용성 > s01 전산학부
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list {display:flex; margin:0 -15px; padding-bottom:0; align-items:baseline;}
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con {display:block; float:left; width:33.3333%; padding:0 15px;}
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con + .gallery-con {margin-top:0;}
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con .img-con {display:block; margin-bottom:15px;}
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con .img-txt {display:block; min-height:60px; font-weight:500; font-size:0.875rem; color:#666;}

#con.inclu.s01 .inclu-wrap .inclu-con .access-wrap {display:block; padding:20px 15px; background-color:#F7F9FB;}
#con.inclu.s01 .inclu-wrap .inclu-con .access-wrap .access-box {display:block; margin-bottom:20px;}
#con.inclu.s01 .inclu-wrap .inclu-con .access-wrap .access-box:last-child {margin-bottom:0;}
#con.inclu.s01 .inclu-wrap .inclu-con .access-wrap .access-box .access-con {display:block; margin-bottom:10px;}
#con.inclu.s01 .inclu-wrap .inclu-con .access-wrap .access-box .access-con .txt {display:block; padding-bottom:10px; font-weight:500; font-size:0.875rem; color:#666;}  
#con.inclu.s01 .inclu-wrap .inclu-con .access-wrap .access-box .access-con .txt:last-child {padding-bottom:0px;}  
#con.inclu.s01 .inclu-wrap .inclu-con .access-wrap .access-box .link-wrap .link-btn {max-width:175px; width:100%; margin-left:0; padding:10px 0;}
#con.inclu.s01 .inclu-wrap .inclu-con .access-wrap .access-box .link-wrap .link-btn .txt {font-size:0.875rem;}
/*-------------------------------------------------------------------
    @media
-------------------------------------------------------------------*/
@media screen and (max-width:1024px){
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list {margin:0 -10px;}
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con {padding:0 10px;}
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con .img-txt {min-height:55px;}

    #con.inclu.s01 .inclu-wrap .inclu-con .access-wrap .access-box .link-wrap .link-btn {max-width:160px; padding:8px 0;}
}
@media screen and (max-width:700px){
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list {margin:0 -5px;}
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con {padding:0 5px;}
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con .img-txt {min-height:80px;}
}
@media screen and (max-width:480px){
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list {display:inline-block; margin:0; padding-bottom:0;}
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con {width:100%;}
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con {padding:0;}
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con .img-con {display:none; margin-bottom:15px;}
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con .img-txt {min-height:auto; padding:10px 0;}
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con .img-txt:first-child {padding:0 0 10px;}

    #con.inclu.s01 .inclu-wrap .inclu-con .access-wrap .access-box .link-wrap .link-btn {max-width:none; width:100%; padding:10px 0;}
}
/*-------------------------------------------------------------------
    @interaction
-------------------------------------------------------------------*/
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con .img-con {overflow:hidden;}
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con .img-con .img {transform:scale(1); transition:transform 0.5s;}
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con .img-txt {border-bottom:1px solid #E9E9E9; transition:border 0.5s;}

#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con:focus,
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con:hover .img-txt {border-bottom:1px solid #24A859;}
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con:focus,
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con:hover .img-con .img {transform:scale(1.15);}
/*-------------------------------------------------------------------
     @interaction > @media
-------------------------------------------------------------------*/
@media screen and (max-width:1024px){
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con .img-con {overflow:inherit;}
}


/*-------------------------------------------------------------------
	분류그룹 : 포용성 > s01 전산학부 en (영문)
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#con.inclu.s01.en .inclu-wrap .inclu-con .access-wrap .access-box .link-wrap .link-btn {max-width:270px;}



/*-------------------------------------------------------------------
	분류그룹 : 포용성 > s02 KAIST
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#con.inclu.s02 .inclu-wrap .inclu-con .iframe-wrap {display:block; padding:20px 0;}
#con.inclu.s02 .inclu-wrap .inclu-con .iframe-wrap .iframe-box {display: flex; position: relative; max-width:767px; width: 100%; min-height: 100px; height: 1140px; margin:0 auto; justify-content: center;} /* max-width:950px; */
#con.inclu.s02 .inclu-wrap .inclu-con .iframe-wrap .iframe-box.v02 {height: 1500px;}
#con.inclu.s02 .inclu-wrap .inclu-con .iframe-wrap .iframe-box.v03 {height: 1313px;}
#con.inclu.s02 .inclu-wrap .inclu-con .iframe-wrap .iframe-box .iframe-con {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 1px; pointer-events: auto;}
#con.inclu.s02 .inclu-wrap .inclu-con .iframe-wrap .iframe-box .iframe-con > iframe {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 1px; pointer-events: auto; background-color: white;}
/* #con.inclu.s02 .inclu-wrap .inclu-con .youtube-wrap {display:block; width:100%; height:100%;}
#con.inclu.s02 .inclu-wrap .inclu-con .youtube-wrap > iframe {display:block;} */
#con.inclu.s02 .inclu-wrap .inclu-con .txt-wrap .tit {font-size:0.9375rem;}
#con.inclu.s02 .inclu-wrap .inclu-con .link-wrap {margin-top:10px;}
#con.inclu.s02 .inclu-wrap .inclu-con .link-wrap .link-btn {margin-left:0;}
#con.inclu.s02 .inclu-wrap .inclu-con .link-wrap .link-btn .txt {font-size:0.875rem;}

#con.inclu.s02 .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:200px;}
#con.inclu.s02 .inclu-wrap .inclu-con .access-wrap .access-con + .txt-wrap {margin:0 0 20px; padding:20px 30px;}
/* #con.inclu.s02 .inclu-wrap .inclu-con .access-wrap .access-con + .txt-wrap .txt-con {margin-bottom:15px;} */
#con.inclu.s02 .inclu-wrap .inclu-con .access-wrap .txt-wrap .goto-wrap {bottom:15px;}

/*-------------------------------------------------------------------
    @media
-------------------------------------------------------------------*/
@media screen and (max-width:800px){
    #con.inclu.s02 .inclu-wrap .inclu-con {margin-bottom:30px;}
    #con.inclu.s02 .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:230px;}
}
@media screen and (max-width:700px){
    #con.inclu.s02 .inclu-wrap .inclu-con {margin-bottom:20px;}
    #con.inclu.s02 .inclu-wrap .inclu-con .txt-wrap .tit {margin-bottom:10px;}

    #con.inclu.s02 .inclu-wrap .inclu-con .access-wrap .access-con + .txt-wrap {padding:15px 20px;}
}
@media screen and (max-width:450px){
    #con.inclu.s02 .inclu-wrap .inclu-con {margin-bottom:15px;}
    #con.inclu.s02 .inclu-wrap .inclu-con .link-wrap {margin-bottom:10px;}
}
@media screen and (max-width:400px){
    #con.inclu.s02 .inclu-wrap .inclu-con .access-wrap .access-con + .txt-wrap {margin:10px 0; padding:15px;}
}
/*-------------------------------------------------------------------
    @interaction
-------------------------------------------------------------------*/
#con.inclu.s02 .inclu-wrap .inclu-con .iframe-wrap {background-color:#EEF1F4; transition:background 0.5s;}
#con.inclu.s02 .inclu-wrap .inclu-con .iframe-wrap:hover {background-color:#e4e8eb;}


/*-------------------------------------------------------------------
	분류그룹 : 포용성 > s02 KAIST > 학내 인권기구 en (영문)
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#con.inclu.s02.en .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:220px;}
/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:1000px) {
    #con.inclu.s02.en .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:230px;}
}
@media screen and (max-width:800px) {
    #con.inclu.s02.en .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:220px;}
    #con.inclu.s02.en .inclu-wrap .inclu-con .sc-list {margin:20px -10px 0;}
    #con.inclu.s02.en .inclu-wrap .inclu-con .sc-list .sc-box {width:50%; margin-bottom:15px;}
}
@media screen and (max-width:550px) {
    #con.inclu.s02.en .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:180px;}
    #con.inclu.s02.en  .inclu-wrap .inclu-con .sc-list {margin:15px 0 0;}
    #con.inclu.s02.en .inclu-wrap .inclu-con .sc-list .sc-box {float:none; width:100%; margin-bottom:10px; padding:0;}
}


/*-------------------------------------------------------------------
	분류그룹 : 포용성 > s03 타대학
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#con.inclu.s03 .inclu-wrap .inclu-con {margin-bottom:30px;}
#con.inclu.s03 .inclu-wrap .inclu-con:last-child {margin-bottom:0;}
#con.inclu.s03 .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:150px; background:#fff;}
#con.inclu.s03 .inclu-wrap .inclu-con .sc-list .sc-box .sc-con .img-con {margin-bottom:20px;}
/* #con.inclu.s03 .goto-wrap .goto-btn .txt::after {top:calc(25% - 1px);} */

#con.inclu.s03 .inclu-wrap .inclu-con::after {content:''; display:block; overflow:hidden; clear:both;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-btn {display: block; position:relative; background: none; line-height: 1;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-btn > .con-tit {display:inline-block; position: relative;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-btn > .con-tit::after {content:''; position:absolute; top:calc(50% - 4px); right: -30px; width:0; height:0; border-top:8px solid #24A859; border-right:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid transparent;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-btn.on > .con-tit {position: relative;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-btn.on > .con-tit::after {content:''; position:absolute; top:calc(50% - 9px); right: -30px; width:0; height:0; border-top:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #24A859; border-left:8px solid transparent;}

#con.inclu.s03 .inclu-wrap .inclu-con .extra-wrap {display:none; margin:0; padding:0 25px; border-top:1px solid #E9E9E9; background:#F7F9FB;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-wrap .extra-con {display:block;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-wrap .extra-con .sc-list {margin:0 -10px; padding:30px 0 10px;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-wrap .extra-con .sc-list .sc-box {margin-bottom:20px;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-wrap .extra-con .sub-tit {z-index:100;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-wrap .extra-con .txt-con {display:block;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-wrap .extra-con .txt-con .txt {display:block; font-size:0.9375rem;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-wrap .extra-con .txt-con .txt.v2 {margin-bottom:20px;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-wrap .extra-con .txt-con .info-list {display:block; margin:20px 0 20px 10px; font-size:0.9375rem;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-wrap .extra-con .txt-con .info-list > li {font-weight:400;}
/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:950px) {
    #con.inclu.s03 .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:180px;}
}
@media screen and (max-width:700px) {
    #con.inclu.s03 .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:160px;}
}
@media screen and (max-width:450px) {
    #con.inclu.s03 .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:100px;}
}




/*-------------------------------------------------------------------
	분류그룹 : 연구 > 산학협력프로그램 > 회원사 가입 안내
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#join-guide {display:block; font-family:'Pretendard', "돋움", 'dotum' ,sans-serif;}
#join-guide > h3 {display:block; padding:30px 0 0; font-weight:500; font-size:1.375rem; color:#7E9600;}
#join-guide .g-wrap {display:block; padding-top:30px;}
#join-guide .g-wrap .g-tit {display:inline-block; position:relative; padding-left:22px; font-weight:600; font-size:1.0625rem; color:#222243;}
#join-guide .g-wrap .g-tit::before {content:''; display:block; position:absolute; top:calc(0.6906rem - 7.5px); left:0; width:15px; height:15px; background-image:url(../images/040501/i_con-tit.svg); background-position:center; background-repeat:no-repeat;}
#join-guide .g-wrap .con {display:block; padding-top:15px;}
#join-guide .g-wrap .con .txt {display:block; font-weight:300; font-size:0.9375rem; line-height:1.4; color:#646464; word-break:break-all;}
#join-guide .g-wrap .btn-apply {display:inline-block; overflow:hidden; position:relative; margin-top:15px; padding:10px 20px; background:linear-gradient(to right, #3059a5 , #6691e2);}
#join-guide .g-wrap .btn-apply::before {content:''; display:block; position:absolute; top:50%; right:0; width:100%; height:100%; background:linear-gradient(to right, #4770BD, #668ED8); transform:translateY(-50%);}
#join-guide .g-wrap .btn-apply span {display:inline-block; position:relative; padding-right:28px; font-weight:500; font-size:0.9375rem; color:#fff; line-height:1.25rem;}
#join-guide .g-wrap .btn-apply span::after {content:''; display:block; position:absolute; top:50%; right:0; width:20px; height:20px; background-image:url(../images/040501/i_link.svg); background-repeat:no-repeat; background-position:center; transform:translateY(-50%);}
#join-guide .g-wrap .con .tit {display:block; font-weight:500; font-size:1rem; color:#222243;}
#join-guide .g-wrap .g-list {display:block; padding-top:10px;}
#join-guide .g-wrap .g-list li:not(:last-child) {padding-bottom:5px;}
#join-guide .g-wrap .g-list .txt {position:relative; padding-left:15px;}
#join-guide .g-wrap .g-list .txt::before {content:''; display:block; position:absolute; top:calc(0.609rem - 2px); left:0; width:4px; height:4px; border-radius:50%; background-color:#6F90CE;}
#join-guide .g-wrap .box {display:block; margin-top:15px; padding:30px; background-color:#F6FBFF;}
#join-guide .g-wrap .box .item:not(:last-child) {display:block; padding-bottom:30px;}
#join-guide .g-wrap .box .item .tit {display:block; padding-bottom:10px; font-weight:600; font-size:1rem; color:#222243;}
#join-guide .g-wrap .box .item .txt {font-size:0.9375rem; line-height:1.4;}
#join-guide .g-wrap .box2 {display:block; padding:30px; background-color:#F3F3F3;}
#join-guide .g-wrap .box2 .text {display:block; position:relative; padding-left:15px; font-weight:400; font-size:0.9375rem; color:#000;} 
#join-guide .g-wrap .box2 .text::before {content:'※'; display:block; position:absolute; top:calc(0.609rem - 10px); left:0;}
#join-guide .g-wrap .info-con {display:block; position:relative; margin-top:15px; padding-left:28px; font-weight:400; font-size:1rem; color:#222243;}
#join-guide .g-wrap .info-con::before {content:''; display:block; position:absolute; top:50%; left:0; width:20px; height:20px; background-image:url(../images/040501/i_mail.svg); background-position:center; background-repeat:no-repeat; transform:translateY(-50%);}
#join-guide .g-wrap .info-con > a {display:inline-block; color:#222243;}
#join-guide .btn-prev {display:block; position:relative; padding:12px 15px; border:1px solid #DFDFDF; font-weight:400; font-size:0.875rem; color:#666666;}
#join-guide .btn-prev::after {content:''; display:block; position:absolute; top:calc(50% + 3px); right:20px; width:0; height:0; border-top:6px solid #666; border-right:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid transparent; transform:translateY(-50%) rotate(0deg);}
#join-guide .section.prev {display:none; padding:30px 20px; background-color:#eceef344; border:1px solid #e6e6e6; border-top:0;}
 
/*-------------------------------------------------------------------
	interaction
-------------------------------------------------------------------*/
#join-guide .g-wrap {transition:padding 0.3s;}
#join-guide .g-wrap .btn-apply {transition:width 0.3s, border 0.3s;}
#join-guide .g-wrap .btn-apply::before {transition:right 0.3s;}
#join-guide .g-wrap .box {transition:padding 0.3s;}
#join-guide .g-wrap .box .item {transition:padding 0.3s;}
#join-guide .g-wrap .box2 {transition:padding 0.3s;}
#join-guide .btn-prev::after {transition:transform 0.3s;}

#join-guide .g-wrap .btn-apply:focus::before,
#join-guide .g-wrap .btn-apply:hover::before,
#join-guide .g-wrap .btn-apply.active::before {right:-100%;}

#join-guide .btn-prev.on::after {transform:translateY(-50%) rotate(180deg); transform-origin: 50% 25%;}
#join-guide .btn-prev.on + .section.prev {display:block;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:950px) {
    #join-guide > h3 {font-size:1.25rem;}
    #join-guide .g-wrap .con {padding-top:12px;}
    #join-guide .g-wrap .box {margin-top:12px; padding:25px;}
    #join-guide .g-wrap .box .item:not(:last-child) {padding-bottom:20px;}
    #join-guide .g-wrap .box .item .tit {padding-bottom:5px;}
    #join-guide .g-wrap .box2 {padding:25px;}
}
@media screen and (max-width:600px) {
    #join-guide > h3 {font-size:1.125rem;}
    #join-guide .g-wrap {padding-top:25px;}
    #join-guide .g-wrap .con {padding-top:10px;}
    #join-guide .g-wrap .g-list .txt {padding-left:10px;}
    #join-guide .g-wrap .box {margin-top:10px; padding:20px 15px;}
    #join-guide .g-wrap .box .item:not(:last-child) {padding-bottom:15px;}
    #join-guide .g-wrap .box .item .tit {padding-bottom:3px;}
    #join-guide .g-wrap .box2 {padding:20px 15px;}
    #join-guide .g-wrap .box2 .text {padding-left:12px;}
}
@media screen and (max-width:425px) {
    #join-guide .g-wrap {padding-top:20px;}
    #join-guide .g-wrap .con {padding-top:7px;}
    #join-guide .g-wrap .btn-apply {width:100%; margin-top:10px; padding:7px 15px; border-radius:5px; background:linear-gradient(to right, #1856c7, #729ae6); text-align:center;}
    #join-guide .g-wrap .btn-apply::before {right:-100%;}
    #join-guide .g-wrap .btn-apply span::after {background-size:17px;}
    #join-guide .g-wrap .box {margin-top:7px; padding:15px 12px;}
    #join-guide .g-wrap .box2 {padding:15px 12px;}
    #join-guide .g-wrap .info-con {padding-left:25px;}
    #join-guide .g-wrap .info-con::before {background-size:17px;}
    #join-guide .btn-prev {padding:15px;}
    #join-guide .btn-prev::after {right:15px;}
}