@charset "utf-8";

/* ----------------------------------------
 * Created : 2018 v01
 	최신수정 jw 202102
 --------------------------------------- */
/* ==========================================================================
   Base styles & import
   ========================================================================== */

/* Reset */
html{min-width:320px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
/* body,h1,h2,h3,h4,h5,input,button,textarea{font:normal 15px/1 'Noto Sans' ,'돋움',Dotum, sans-serif; color:#222;} */
/* body{text-align:left;word-break: break-word; overflow-y: scroll;} */
html,body {background:#fff;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
a{color:#222;text-decoration:none;}
a:hover{opacity: 0.8;}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
caption{font-size:0; line-height:0; height:0}

input{background-color:#fff;}
input[type=radio] {margin-top:0;}
input[type='text']:focus,input[type='password']:focus {background:#fff;}
input[type='file']{max-width:200px;  }
* {box-sizing: border-box;-webkit-text-size-adjust:none;}
select{border:1px solid #bcc1c2}
strong{font-weight: 600;}

/* Mobile Form Default */
input[type='text'],input[type='password'],input[type='image'],input[type='search']{-webkit-appearance:none;-webkit-border-radius:0}
a { -webkit-tap-highlight-color:transparent; }
input{ -webkit-tap-highlight-color:transparent; }


/* margin */
.ml0 {margin-left:0px !important;}.ml1 {margin-left:1px !important;}.ml2 {margin-left:2px !important;}.ml3 {margin-left:3px !important;}.ml4 {margin-left:4px !important;}.ml5 {margin-left:5px !important;}.ml10 {margin-left:10px !important;}.ml15 {margin-left:15px !important;}.ml20 {margin-left:20px !important;}.ml25 {margin-left:25px !important;}.ml30 {margin-left:30px !important;}.ml35 {margin-left:35px !important;}.ml40 {margin-left:40px !important;}.ml45 {margin-left:45px !important;}.ml50 {margin-left:50px !important;}.ml60 {margin-left:60px !important;}.ml70 {margin-left:70px !important;}.ml80 {margin-left:80px !important;}.ml90 {margin-left:90px !important;}.ml100 {margin-left:100px !important;}.ml150 {margin-left:150px !important;}.ml200 {margin-left:200px !important;}
.mr0 {margin-right:0px !important;}.mr1 {margin-right:1px !important;}.mr2 {margin-right:2px !important;}.mr3 {margin-right:3px !important;}.mr4 {margin-right:4px !important;}.mr5 {margin-right:5px !important;}.mr10 {margin-right:10px !important;}.mr15 {margin-right:15px !important;}.mr20 {margin-right:20px !important;}.mr25 {margin-right:25px !important;}.mr30 {margin-right:30px !important;}.mr35 {margin-right:35px !important;}.mr40 {margin-right:40px !important;}.mr45 {margin-right:45px !important;}.mr50 {margin-right:50px !important;}.mr60 {margin-right:60px !important;}.mr70 {margin-right:70px !important;}.mr80 {margin-right:80px !important;}.mr90 {margin-right:90px !important;}.mr100 {margin-right:100px !important;}.mr150 {margin-right:150px !important;}.mr200 {margin-right:200px !important;}
.mt0 {margin-top:0px !important;}.mt1 {margin-top:1px !important;}.mt2 {margin-top:2px !important;}.mt3 {margin-top:3px !important;}.mt4 {margin-top:4px !important;}.mt5 {margin-top:5px !important;}.mt10 {margin-top:10px !important;}.mt15 {margin-top:15px !important;}.mt20 {margin-top:20px !important;}.mt25 {margin-top:25px !important;}.mt30 {margin-top:30px !important;}.mt35 {margin-top:35px !important;}.mt40 {margin-top:40px !important;}.mt45 {margin-top:45px !important;}.mt50 {margin-top:50px !important;}.mt60 {margin-top:60px !important;}.mt70 {margin-top:70px !important;}.mt80 {margin-top:80px !important;}.mt90 {margin-top:90px !important;}.mt100 {margin-top:100px !important;}.mt150 {margin-top:150px !important;}.mt200 {margin-top:200px !important;}
.mb0 {margin-bottom:0px !important;}.mb1 {margin-bottom:1px !important;}.mb2 {margin-bottom:2px !important;}.mb3 {margin-bottom:3px !important;}.mb4 {margin-bottom:4px !important;}.mb5 {margin-bottom:5px !important;}.mb10 {margin-bottom:10px !important;}.mb15 {margin-bottom:15px !important;}.mb20 {margin-bottom:20px !important;}.mb25 {margin-bottom:25px !important;}.mb30 {margin-bottom:30px !important;}.mb35 {margin-bottom:35px !important;}.mb40 {margin-bottom:40px !important;}.mb45 {margin-bottom:45px !important;}.mb50 {margin-bottom:50px !important;}.mb60 {margin-bottom:60px !important;}.mb70 {margin-bottom:70px !important;}.mb80 {margin-bottom:80px !important;}.mb90 {margin-bottom:90px !important;}.mb100 {margin-bottom:100px !important;}.mb150 {margin-bottom:150px !important;}.mb200 {margin-bottom:200px !important;}

/* padding */
.pl0 {padding-left:0px !important;}.pl1 {padding-left:1px !important;}.pl2 {padding-left:2px !important;}.pl3 {padding-left:3px !important;}.pl4 {padding-left:4px !important;}.pl5 {padding-left:5px !important;}.pl10 {padding-left:10px !important;}.pl15 {padding-left:15px !important;}.pl20 {padding-left:20px !important;}.pl25 {padding-left:25px !important;}.pl30 {padding-left:30px !important;}.pl35 {padding-left:35px !important;}.pl40 {padding-left:40px !important;}.pl45 {padding-left:45px !important;}.pl50 {padding-left:50px !important;}.pl60 {padding-left:60px !important;}.pl70 {padding-left:70px !important;}.pl80 {padding-left:80px !important;}.pl90 {padding-left:90px !important;}.pl100 {padding-left:100px !important;}.pl150 {padding-left:150px !important;}.pl200 {padding-left:200px !important;}
.pr0 {padding-right:0px !important;}.pr1 {padding-right:1px !important;}.pr2 {padding-right:2px !important;}.pr3 {padding-right:3px !important;}.pr4 {padding-right:4px !important;}.pr5 {padding-right:5px !important;}.pr10 {padding-right:10px !important;}.pr15 {padding-right:15px !important;}.pr20 {padding-right:20px !important;}.pr25 {padding-right:25px !important;}.pr30 {padding-right:30px !important;}.pr35 {padding-right:35px !important;}.pr40 {padding-right:40px !important;}.pr45 {padding-right:45px !important;}.pr50 {padding-right:50px !important;}.pr60 {padding-right:60px !important;}.pr70 {padding-right:70px !important;}.pr80 {padding-right:80px !important;}.pr90 {padding-right:90px !important;}.pr100 {padding-right:100px !important;}.pr150 {padding-right:150px !important;}.pr200 {padding-right:200px !important;}
.pt0 {padding-top:0px !important;}.pt1 {padding-top:1px !important;}.pt2 {padding-top:2px !important;}.pt3 {padding-top:3px !important;}.pt4 {padding-top:4px !important;}.pt5 {padding-top:5px !important;}.pt10 {padding-top:10px !important;}.pt15 {padding-top:15px !important;}.pt20 {padding-top:20px !important;}.pt25 {padding-top:25px !important;}.pt30 {padding-top:30px !important;}.pt35 {padding-top:35px !important;}.pt40 {padding-top:40px !important;}.pt45 {padding-top:45px !important;}.pt50 {padding-top:50px !important;}.pt60 {padding-top:60px !important;}.pt70 {padding-top:70px !important;}.pt80 {padding-top:80px !important;}.pt90 {padding-top:90px !important;}.pt100 {padding-top:100px !important;}.pt150 {padding-top:150px !important;}.pt200 {padding-top:200px !important;}
.pb0 {padding-bottom:0px !important;}.pb1 {padding-bottom:1px !important;}.pb2 {padding-bottom:2px !important;}.pb3 {padding-bottom:3px !important;}.pb4 {padding-bottom:4px !important;}.pb5 {padding-bottom:5px !important;}.pb10 {padding-bottom:10px !important;}.pb15 {padding-bottom:15px !important;}.pb20 {padding-bottom:20px !important;}.pb25 {padding-bottom:25px !important;}.pb30 {padding-bottom:30px !important;}.pb35 {padding-bottom:35px !important;}.pb40 {padding-bottom:40px !important;}.pb45 {padding-bottom:45px !important;}.pb50 {padding-bottom:50px !important;}.pb60 {padding-bottom:60px !important;}.pb70 {padding-bottom:70px !important;}.pb80 {padding-bottom:80px !important;}.pb90 {padding-bottom:90px !important;}.pb100 {padding-bottom:100px !important;}.pb150 {padding-bottom:150px !important;}.pb200 {padding-bottom:200px !important;}

/* width 10px~1000px 10단위 업 */
.wid10{width:10px !important}.wid20{width:20px !important}.wid30{width:30px !important}.wid40{width:40px !important}.wid50{width:50px !important}.wid60{width:60px !important}.wid70{width:70px !important}.wid80{width:80px !important}.wid90{width:90px !important}.wid100{width:100px !important}.wid110{width:110px !important}.wid120{width:120px !important}.wid130{width:130px !important}.wid140{width:140px !important}.wid150{width:150px !important}.wid160{width:160px !important}.wid170{width:170px !important}.wid180{width:180px !important}.wid190{width:190px !important}.wid200{width:200px !important}.wid210{width:210px !important}.wid220{width:220px !important}.wid230{width:230px !important}.wid240{width:240px !important}.wid250{width:250px !important}.wid260{width:260px !important}.wid270{width:270px !important}.wid280{width:280px !important}.wid290{width:290px !important}.wid300{width:300px !important}.wid310{width:310px !important}.wid320{width:320px !important}.wid330{width:330px !important}.wid340{width:340px !important}.wid350{width:350px !important}.wid360{width:360px !important}.wid370{width:370px !important}.wid380{width:380px !important}.wid390{width:390px !important}.wid400{width:400px !important}.wid410{width:410px !important}.wid420{width:420px !important}.wid430{width:430px !important}.wid440{width:440px !important}.wid450{width:450px !important}.wid460{width:460px !important}.wid470{width:470px !important}.wid480{width:480px !important}.wid490{width:490px !important}.wid500{width:500px !important}.wid510{width:510px !important}.wid520{width:520px !important}.wid530{width:530px !important}.wid540{width:540px !important}.wid550{width:550px !important}.wid560{width:560px !important}.wid570{width:570px !important}.wid580{width:580px !important}.wid590{width:590px !important}.wid600{width:600px !important}.wid610{width:610px !important}.wid620{width:620px !important}.wid630{width:630px !important}.wid640{width:640px !important}.wid650{width:650px !important}.wid660{width:660px !important}.wid670{width:670px !important}.wid680{width:680px !important}.wid690{width:690px !important}.wid700{width:700px !important}.wid710{width:710px !important}.wid720{width:720px !important}.wid730{width:730px !important}.wid740{width:740px !important}.wid750{width:750px !important}.wid760{width:760px !important}.wid770{width:770px !important}.wid780{width:780px !important}.wid790{width:790px !important}.wid800{width:800px !important}.wid810{width:810px !important}.wid820{width:820px !important}.wid830{width:830px !important}.wid840{width:840px !important}.wid850{width:850px !important}.wid860{width:860px !important}.wid870{width:870px !important}.wid880{width:880px !important}.wid890{width:890px !important}.wid900{width:900px !important}.wid910{width:910px !important}.wid920{width:920px !important}.wid930{width:930px !important}.wid940{width:940px !important}.wid950{width:950px !important}.wid960{width:960px !important}.wid970{width:970px !important}.wid980{width:980px !important}.wid990{width:990px !important}.wid1000{width:1000px !important}
.wid5p{width:5% !important;}
.wid10p{width:10% !important;}
.wid15p{width:15% !important;}
.wid20p{width:20% !important;}
.wid25p{width:25% !important;}
.wid30p{width:30% !important;}
.wid35p{width:35% !important;}
.wid40p{width:40% !important;}
.wid45p{width:45% !important;}
.wid50p{width:50% !important;}
.wid55p{width:55% !important;}
.wid60p{width:60% !important;}
.wid65p{width:65% !important;}
.wid70p{width:70% !important;}
.wid75p{width:75% !important;}
.wid80p{width:80% !important;}
.wid85p{width:85% !important;}
.wid90p{width:90% !important;}
.wid95p{width:95% !important;}
.wid100p{width:100% !important;}

.mwid50{min-width:50px}
.mwid100{min-width:100px}
.mwid150{min-width:150px}
.mwid200{min-width:200px}
.mwid300{min-width:300px}
.mwid400{min-width:400px}
.mwid500{min-width:500px}
.mwid600{min-width:600px}
.mwid700{min-width:700px}
.mwid800{min-width:800px}

.mwid10p{min-width:10%}
.mwid20p{min-width:20%}
.mwid30p{min-width:30%}
.mwid40p{min-width:40%}
.mwid50p{min-width:50%}
.mwid60p{min-width:60%}
.mwid70p{min-width:70%}
.mwid80p{min-width:80%}
.mwid90p{min-width:90%}
.mwid100p{min-width:100%}

.font_32{font-size:32px;}
.font_30{font-size:30px;}
.font_28{font-size:28px;}
.font_22{font-size:22px;}
.font_20{font-size:20px;}
.font_18{font-size:18px;}
.font_16{font-size:16px;}
.font_15{font-size:15px;}
.font_14{font-size:14px;}
.font_13{font-size:13px;}
.font_12{font-size:12px;}

.h100{height:100px;}
.h150{height:150px;}
.h200{height:200px;}
.h250{height:250px;}
.h300{height:300px;}
.h350{height:350px;}
.h400{height:400px;}
.h450{height:450px;}
.h500{height:500px;}

.col_w30{width:30px;}
.col_w40{width:40px;}
.col_w50{width:50px;}
.col_w60{width:60px;}
.col_w70{width:70px;}
.col_w80{width:80px;}
.col_w90{width:90px;}
.col_w100{width:100px;}
.col_w110{width:110px;}
.col_w120{width:120px;}
.col_w130{width:130px;}
.col_w140{width:140px;}
.col_w150{width:150px;}
.col_w160{width:160px;}
.col_w170{width:170px;}
.col_w180{width:180px;}
.col_w190{width:190px;}
.col_w200{width:200px;}
.col_w210{width:210px;}
.col_w220{width:220px;}
.col_w230{width:230px;}
.col_w240{width:240px;}
.col_w250{width:250px;}
.col_w260{width:260px;}
.col_w270{width:270px;}
.col_w280{width:280px;}
.col_w290{width:290px;}
.col_w300{width:300px;}
.col_w350{width:350px;}
.col_w400{width:400px;}
.col_w500{width:500px;}

/* 폰트 스타일 */
.br{display:block;}
.dn{display: none;}
.bold{font-weight: 600;}
.u_line{text-decoration: underline;}
a.hyper {color:#009fd9 !important;}
.hidden{overflow:hidden;}
.hide{position:absolute;top:0;right:-1000px;text-indent:-999px;font-size:0}

.error_page_header{height:120px;border-bottom:1px solid #f0f0f0;background:#fff;}
.error_page_header .n_inner {max-width:1640px; margin:0 auto;}
.error_page_header .n_inner {height:100%;position:relative;}
.error_page_header .n_inner .logo_wrap {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.error_page_header .n_inner .logo_wrap a {display:block; width:148px; height:46px; background:url(images/error/dongguk_logo.png) no-repeat center; text-indent:-9999em;}


.n_footer {height:300px; background:#4c4c4c; padding-top:10px;font-family:'Pretendard';}
.n_footer .n_inner {max-width:1640px; margin:0 auto;}
.n_footer .footer01 {padding:30px 0; position:relative;}
.n_footer .footer01 > ul {display:flex;}
.n_footer .footer01 > ul li {position:relative;}
.n_footer .footer01 > ul li + li {margin-left: 12px; padding-left:13px;}
.n_footer .footer01 > ul li + li::after {content:''; display:block; width:1px; height:10px; background:#aaa; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.n_footer .footer01 > ul li a {display:block; font-size: 18px; color:#c1c1c1;}
.n_footer .footer01 > ul li:nth-child(1) a {color:#F44336;font-weight: 700;}
.familysite_box {width:210px;position:absolute; right:0; bottom:12px;}
.familysite_wrap .familysite_tab {display:block; color:#c1c1c1; padding:18px; background: url(images/error/familysite_arrow.png) no-repeat right 18px center;}
.familysite_wrap .familysite_tab:hover {opacity:1;}
.familysite_wrap .familysite_panel {display:none; background:#fff; padding:9px 8px 9px 0; border:1px solid #ccc; border-bottom:0 none; border-radius:10px 10px 0 0;}
.familysite_wrap .familysite_panel > div {max-height:204px; overflow-y:auto;}
.familysite_wrap .familysite_panel ul li a {display:block; padding:9px 18px; color:#333;}
.familysite_wrap.is-active .familysite_tab {color:#333; background-color:#fff; background-image:url(images/error/familysite_arrow02.png); border:1px solid #ccc; border-top-color:transparent; border-radius:0 0 10px 10px; position:relative;}
.familysite_wrap.is-active .familysite_tab::after {content:''; display:block; width:calc(100% - 36px); height:1px; background:#e5e5e5; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.familysite_wrap.is-active .familysite_panel {display:block;}
.n_footer .footer02 {padding:36px 0; background:url(images/error/logo_footer.png) no-repeat right center; border-top:1px solid #808080;}
.n_footer .footer02 .campus_list {display:flex;}
.n_footer .footer02 .campus_list li {width:400px;}
.n_footer .footer02 .campus_list li p {display:flex; align-items:center; color:#c1c1c1; font-weight: 300;}
.n_footer .footer02 .campus_list li p:first-child {font-weight:400;}
.n_footer .footer02 .campus_list li p + p {margin-top: 15px;}
.n_footer .footer02 .campus_list li p .v_line {width:1px; height:8px; background:#c1c1c1; margin:0 12px;}
.n_footer .copy {color:#c1c1c1; font-weight: 300;}


/* error */
.error_w{margin:0 auto;padding-bottom:35px;min-height:500px;transition:all 0.5s ease;padding-top:60px;font-family:'Pretendard'}
.error_w .error_header{padding-top:120px;padding-bottom:55px;transition:all 0.5s ease;}
.error_w .error_header h1{text-align: center;font-size: 36px;font-weight: 600;color:#fff;}
.error_w .error_header h1img{max-width: 100%;max-height: 100%;}
.error_w .error_con{display:flex;flex-direction:column;max-width:1240px;height:auto;margin:0 auto;background:#fff;box-shadow: rgba(151, 151, 151, 0.16) 0px 8px 24px;padding:120px 65px;border-radius:20px;text-align: center;line-height: 1.2em;}
.error_w .error_con .text01{font-size:32px;color:#212121;line-height: 1.4em;padding-top:266px;background:url(images/error/errorpage_char_bg.png) no-repeat top center;}
.error_w .error_con .text02{font-size:24px;color:#999;padding-top:40px;}
.error_w .error_con .text03{font-size:24px;color:#999;padding-top:20px;letter-spacing: -0.4px}

.error_w .error_con .rel_site_box{margin-top:60px;padding:24px 30px;border-radius:10px;background:#fafafa;}
.error_w .error_con .rel_site_box > p{font-weight:500;font-size:18px;color:#f76b1e;text-align:left;}
.error_w .error_con .rel_site_box > div{display:flex;flex-wrap:wrap;margin-top:16px;text-align:left;}
.error_w .error_con .rel_site_box > div ul{flex:0 0 calc(50% - 10px);}
.error_w .error_con .rel_site_box > div ul:nth-child(1){border-right:1px solid #e5e5e5;margin-right:20px;}
.error_w .error_con .rel_site_box > div ul li + li{margin-top:10px;}
.error_w .error_con .rel_site_box > div ul li a{position:relative;font-weight:300;font-size:16px;color:#808080;padding-right:20px;padding-left:8px;background:url(images/error/rel_site_ic.png) no-repeat 100% 50%;letter-spacing:-1.2px;}
.error_w .error_con .rel_site_box > div ul li a:before{content:'';display:block;position:absolute;top:8px;left:0;width:2px;height:2px;background:#ccc;}
.error_w .error_con .btn01{display:inline-block;font-size:16px;font-weight:600; width:250px;height:60px;line-height: 60px;padding:0;background: #303030;border:1px solid #000000;text-indent: 0;}
.error_w .error_con .btn01 span{text-align: center;color:#fff;padding-left:60px;background: url(images/error/error_btn.png) no-repeat 0 50%; }
.error_w .error_con .btn01:hover span{color:#fff;}
.error_w .error_con .btn01:hover {opacity: 0.8;}
.error_w .error_img{position: absolute;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);bottom: 105px;z-index:1}
.error_w .error_img img{max-width: 100%;max-height: 100%;}
.error_w:after{content:"";display:none;position:absolute;width:100%;height:124px;background:#2e2d2d;left:0;bottom:0}
.error_w .error_footer{text-align: center;color:#fff;padding-top:50px;}

@media only screen and (max-width:1660px){
	.n_inner {max-width:none; margin:0;}
}
@media only screen and (max-width:1440px){	
	.error_w .error_con{padding: 60px;}
	.n_footer {height:auto; padding:10px 16px 40px;}
	.n_footer .footer02 {background-position:right 36px;}
	.n_footer .footer02 .campus_list {display:block;}
	.n_footer .footer02 .campus_list li {width:100%;}
	.n_footer .footer02 .campus_list li + li {margin-top: 30px;}
	.n_footer .footer02 .campus_list li p + p {margin-top: 10px;}
}
@media only screen and (max-width:1024px){
	.error_w .error_con{padding:60px 20px;height:auto;}
	.error_w .error_con .text01{padding-top:120px;background-size:150px auto;font-size:24px;}
	.error_w .error_con .text02{font-size:16px;padding-top:20px;}
	.error_w .error_con .text03{font-size:16px;padding-top:20px;}
}
@media only screen and (max-width:768px){
	.error_w .error_con{padding:20px;}
	.error_w .error_con .rel_site_box > div{display:block;}
	.error_w .error_con .rel_site_box > div ul:nth-child(1){margin-left:0;border:0;}
	.error_w .error_con .rel_site_box > div ul:nth-child(2){border-top:1px solid #e5e5e5;margin-top:20px;padding-top:20px;}
	.n_footer {padding:22px 16px 26px;}
	.n_footer .footer01 {padding:0;}
	.n_footer .footer01 > ul {flex-wrap:wrap;}
	.n_footer .footer01 > ul li + li {margin-left:5px; padding-left:6px;}
	.n_footer .footer01 > ul li a {font-size: 12px; line-height:16px;}
	.familysite_box {position:static; width:100%;}
	.familysite_wrap {margin-top: 16px;position:relative;}
	.familysite_wrap .familysite_tab {padding:10px 12px; font-size: 14px; border:1px solid #c1c1c1;}
	.familysite_wrap.is-active .familysite_tab::after {width:calc(100% - 24px);}
	.familysite_wrap .familysite_panel {position:absolute; width:100%; bottom:35px; left:0;}
	.familysite_wrap .familysite_panel ul li a {font-size: 14px; padding:9px 12px;}
	.n_footer .footer02 {padding:24px 0; background:0 none; border:0 none;}
	.n_footer .footer02 .campus_list li + li {margin-top: 20px;}
	.n_footer .footer02 .campus_list li p {font-size: 14px;}
	.n_footer .footer02 .campus_list li p + p {margin-top: 6px;}
	.n_footer .copy {font-size: 14px; color:#999; line-height:18px;}
}