@charset "utf-8";

*{margin: 0; padding: 0; box-sizing: border-box;}
a{text-decoration: none; color: inherit;}
/* a:focus{outline: 2px solid black;outline-offset: -2px;} */
ul, li, ol{list-style: none;}
body{color: #666; font-family: "Pretendard", "NotoSansKR"; line-height: 1.4;}
button{cursor: pointer; border-radius: 0; border: 0; font-size: 1em; font-family: inherit; background: none;}
h1, h2, h3, h4, h5, h6{font-size: 1em; font-weight: inherit;}
.hide,caption,legend,.hidden{position:absolute !important; left:-300px; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; background:none; line-height:0; overflow: hidden}
table{border-collapse: collapse; border-spacing: 0; width: 100%;}
select::-ms-expand {display:none}
img{max-width: 100%;vertical-align: middle;}
/* select{border-radius: 0px; appearance: none; -webkit-appearance:none; -moz-appearance:none; font-size: 1em; border: 0; font-family: inherit; color: inherit;} */
select {border: 1px solid #e0e0e0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font: inherit; font-size: 1em; background: #fff url('/resources/snu/img/common/icon_select.png') right 1.250rem center no-repeat ; color: inherit; cursor: pointer; font-family: 'Pretendard', "NotoSansKR"; padding: 0 1.875rem 0 1.250em; height: 2.5rem;}
select::-ms-expand {display:none}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="file"], textarea {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #e0e0e0; padding: 0.5em 1em; width: 100%; height: 3.750rem; border-radius: 3px; overflow: auto; font-size: 1rem;}
textarea{resize: none;}
input::-ms-input-placeholder { color: #777; }
input::-webkit-input-placeholder { color: #777; }
input::-moz-placeholder { color: #777; }
label{vertical-align: middle; cursor: pointer;}
#wrap{position: relative; overflow: hidden;}
.accessibilityWrap a{display:block;position:absolute;top:-10000px;left:0;z-index:500;width:100%;font-size:1.3em;text-align:center}
.accessibilityWrap a:hover,.accessibilityWrap a:focus,.accessibilityWrap a:active{position:absolute;top:0;z-index:500;padding:15px 0;background:#1d60a7;font-weight:bold;color:#fff}
table{border-collapse: collapse; border-spacing: 0; width: 100%;}
.inner{max-width:1400px; margin:0 auto;}
.block_tab{display: block}
.block_mo{display: block}
.tablet{display: none}
.mobile{display: none;}
.flexbox{display: flex; flex-wrap: wrap;}
.more_st2{background: #fff; width: 170px; height: 56px; line-height: 56px; border-radius: 3px; color: #555; display: block; text-align: center; font-weight: 600;}

/* btn style */
.btn_bk{padding: 18px 1rem; background: #333; border-radius: 3px; color: #fff; font-weight: 600}
.btn_wh{padding: 18px 1rem; border-radius: 3px; border: 1px solid #333; font-weight: 600}
a.btn_wh{padding: 15.312px 1rem !important;}
.btn_gr{padding: 18px 1rem; background: #757575; border-radius: 3px; color: #fff; font-weight: 600}
.btn_gr_wh{padding: 18px 1rem; border-radius: 3px; border: 1px solid #e0e0e0; font-weight: 600}
.btn_or{padding: 18px 1rem; background: var(--or); border-radius: 3px; color: #fff; font-weight: 600; display: inline-block;}
.down_btn > span{position: relative; padding-left: 33px;}
.down_btn > span:before{position: absolute; display: block;content: ''; background: url(/resources/snu/img/common/icon_down.png) no-repeat center; width: 17px; height: 16px; left: 0; top: 1px;}

.go_link, #topNav .go_link{position: relative; padding-right: 22px;}
.go_link:after, #topNav .go_link:after{position: absolute; content: ''; display: block; background: url(/resources/snu/img/sub/depth2/icon_shortcut.png) no-repeat center; width: 15px; height: 15px; right: 0px; top: 50%; transform: translateY(-50%);}
.depth2 > li > a > .go_link:after{right: 16px;}
#topNav .go_link:after{background-image: url(/resources/snu/img/common/icon_shortcut_gr.png);}
#topNav .depth2 >li >a:hover .go_link:after, #topNav .depth2 >li >a:focus .go_link:after, #topNav .depth2 >li.on > a .go_link:after, #topNav .depth2 >li.active >a .go_link:after{background-image: url(/resources/snu/img/common/icon_shortcut_wh.png);}
#topNav .depth3 >li >a .go_link:after{ width: 12px; height: 12px; background-size: cover}
#topNav .depth3 >li >a:hover .go_link:after, #topNav .depth3 >li >a:focus .go_link:after, #topNav .depth3 >li.on >a .go_link:after, #topNav .depth3 >li.active >a .go_link:after{background-image: url(/resources/snu/img/common/icon_shortcut_or.png);}


/* 스크롤 css */
.scroll::-webkit-scrollbar {background: #edecec; border-radius: 4px; height: 4px; width: 4px;}
.scroll::-webkit-scrollbar-thumb{background: #7f7e82; border-radius: 4px;}

/* font color */
.color_r{color: #d44242; font-size: 14px;}

/* flex 정렬 */
.flex_s{align-items: flex-start !important;}

.link{color: #4660ff !important; text-decoration: underline; word-break: break-word;}

html{font-size: 16px;}
.tablet2{display: none;}

@media (max-width:1024px){
	html{font-size: 15px;}
	.block_tab{display: none}
	.tablet{display: block}
}

@media (max-width:720px){
	.block_pc{display: none !important;}
	.tablet2{display: block;}
}

@media (max-width:480px){
	html{font-size: 14px;}
	.mobile{display: block;}
}