@charset "utf-8";

/* reset */
html {height:100%;}
body {width:100%; height:100%; margin:0;font-family:'MalgunGothic', sans-serif;font-size: 14px;line-height: 1.57;letter-spacing: normal;color: #111;}
* {margin:0; padding:0; border:none; -webkit-text-size-adjust:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(0,0,0,0) !important; }
*:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
*:focus{outline: none !important; -webkit-tap-highlight-color:rgba(0,0,0,0) !important;}

button, select, textarea, input {font-family:'MalgunGothic', sans-serif;font-size: 14px;}
h1, h2, h3, h4, h5, h6 {color:inherit; font-size:inherit; margin:0; font-family:inherit;}
fieldset, img {border:none; vertical-align:middle;}
object:focus {outline:none !important;}
iframe {overflow-x:hidden; overflow-y:hidden; margin:0; padding:0; border:none;}
dl, ul, ol, menu, li {list-style:none; margin:0; padding:0;}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
input, select, textarea, label, button {outline-style:none; border-radius: 0;}
input[type=text], input[type=password], input[type=tel], input[type=email], textarea{color:#666;padding:5px;-webkit-appearance:none;}
input:hover, select:hover, textarea:hover{color:#666;}
input:focus, select:focus, textarea:focus{color:#666;}
input[readonly]{color:#666; -webkit-text-fill-color:#666;background: #f5f8fa; font-weight: bold;}
input[disabled]{color:#888; -webkit-text-fill-color:#888;background: rgba(180, 180, 180, 0.7);}
input[readonly]:hover,input[readonly]:focus {background: #f5f8fa !important;}
input[disabled]:hover,input[disabled]:focus {background: rgba(180, 180, 180, 0.7) !important;}
select:focus {outline:none !important; -webkit-tap-highlight-color:rgba(0,0,0,0) !important;}
input:focus {outline:none !important;}
input:focus::-webkit-input-placeholder {color:transparent; opacity: 0;}
input:focus:-moz-placeholder {color:transparent; opacity: 0;}
input:focus::-moz-placeholder {color:transparent; opacity: 0;}
input:focus:-ms-input-placeholder {color:transparent; }

::-webkit-input-placeholder { color: #666 !important;}
::-moz-placeholder { color: #666 !important; }
:-ms-input-placeholder { color: #666 !important;}
:-moz-placeholder { color: #666 !important;}
button,label {cursor:pointer; background:none; border:none;}
label {vertical-align: middle;}
button {border:none; background-color:transparent;}
button:focus{outline: none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
i {font-style:normal; vertical-align: middle;}
table {width:100%; border-collapse:collapse; border-spacing:0; empty-cells:show;}
textarea {-webkit-appearance:none; resize:none; width:100%;}
optgroup {background-color: #fff; color:#666; font-weight:inherit;}
option {display:block !important; color:#666;}

a {margin:0; padding:0; color:inherit; text-decoration:none;}
a:active,
a:hover,
a:focus {color:inherit; text-decoration:none; }
a:active {background-color:transparent;}

caption, legend, hr {overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
/* scroll */
::-webkit-scrollbar {width:4px;}
::-webkit-scrollbar-button{} 
::-webkit-scrollbar-track {background-color:rgba(228, 228, 228, .4); border:none; box-shadow:0; border-radius:2px;}
::-webkit-scrollbar-track:horizontal {border-top:1px solid #fff;}
::-webkit-scrollbar-thumb {background-color:rgba(228, 228, 228, .4); border-radius:2px; border:0px solid #aaa;}
::-webkit-scrollbar-corner{} 
::-webkit-scrollbar-thumb:hover {background-color:rgba(0,0,0,0.4);}

/* etc */
.sr-only {text-indent: -9999px;font-size: 0;}
.inline-block, .inline-block span {display: inline-block !important;}
.font-normal {font-weight: normal;}
.font-bold {font-weight: bold;}
.character {padding: 0 5px;font-size: 16px;line-height: 1;color: #999;}
.nobg {background: none !important;}
.t-line {border-top: 1px solid #bcc5d4;}

.text-left   {text-align: left !important;}
.text-right  {text-align: right !important;}
.text-center {text-align: center !important;}

.f-primary   {color: #5c5cba !important;}
.f-secondary {color: #6d6dca !important;}
.f-black     {color: #111 !important;}
.f-blue      {color: #19a0ff !important;}
.f-green     {color: #12c262 !important;}
.f-pink      {color: #ff517a !important;}
.f-error     {color: #f93462 !important;}

.mt-4  {margin-top: 4px !important;}
.mt-6  {margin-top: 6px !important;}
.mt-13 {margin-top: 13px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-50 {margin-top: 50px !important;}
.ml-7  {margin-left: 7px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-15 {margin-left: 15px !important;}
.ml-20 {margin-left: 20px !important;}
.ml-30 {margin-left: 30px !important;}
.mr-10 {margin-right: 10px !important;}
.mb-0  {margin-bottom: 0 !important;}
.pd-0  {padding: 0 !important;}
.pd-20 {padding: 20px !important;}

.fl {overflow: hidden;}
.fl::after {content: '';clear: both;display: block;}
.fl > div {float: left;}
.fl.sec > div {width: 50%;}

/* ico */
.ico {display: inline-block;}
.ico.ico-search {background: url('../img/icon/icn-edu-search-nor.png') no-repeat center;width: 24px;height: 24px;}
.ico.ico-pdf    {background: url('../img/icon/ico-pdf.png') no-repeat center;width: 22px;height: 22px;}
.ico.ico-ppt    {background: url('../img/icon/ico-ppt.png') no-repeat center;width: 22px;height: 22px;}
.ico.ico-excel  {background: url('../img/icon/ico-excel.png') no-repeat center;width: 22px;height: 22px;}
.ico.ico-img    {background: url('../img/icon/ico-img.png') no-repeat center;width: 22px;height: 22px;}
.ico.ico-video  {background: url('../img/icon/ico-video.png') no-repeat center;width: 22px;height: 22px;}
.ico.ico-etc    {background: url('../img/icon/ico-etc.png') no-repeat center;width: 22px;height: 22px;}
.ico.ico-dragfile {background: url('../img/icon/ico-drag-file.png') no-repeat center;width: 32px;height: 24px;}
.ico.ico-del       {background: url('../img/icon/ico-x-nor.png') no-repeat center;width: 9px;height: 9px;}
.ico.ico-del:hover {background: url('../img/icon/ico-x-hov-sel.png') no-repeat center;}
.ico.ico-depth     {background: url('../img/icon/ico-depth.png') no-repeat center;width: 6px;height: 10px;vertical-align: text-top;margin: 4px 10px 0 12px;}
.ico.ico-calendar  {background: url('../img/icon/ico-calander.png') no-repeat center;width: 20px;height: 16px;}
.ico.ico-clip  {background: url('../img/icon/ico-clip.png') no-repeat center;width: 22px;height: 22px;vertical-align: bottom;}
.ico.ico-pre-1  {background: url('../img/icon/icn-pagenation-arrow-pre-1.png') no-repeat center;width: 8px;height: 7px;}
.ico.ico-pre-2  {background: url('../img/icon/icn-pagenation-arrow-pre-2.png') no-repeat center;width: 8px;height: 7px;}
.ico.ico-next-1  {background: url('../img/icon/icn-pagenation-arrow-next-1.png') no-repeat center;width: 8px;height: 7px;}
.ico.ico-next-2  {background: url('../img/icon/icn-pagenation-arrow-next-2.png') no-repeat center;width: 8px;height: 7px;}

/* form */
.form-group {position: relative;vertical-align: middle;}
.form-control {padding: 7px 8px;font-size: 14px;color: #111;background-color: #fff;background-image: none;border: 1px solid #999;border-radius: 0;-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.form-group.sm .form-control {padding-left: 15px;color: #020202;border-color: #e4e4e4;}
.form-group.sm input.text-right {padding-left: 5px;padding-right: 5px;}
.form-group.sm input[type=text],.form-group.sm input[type=password] {padding-top: 4px;}
.form-group.sm input[type=text],.form-group.sm input[type=password],.form-group.sm select {height: 28px;}
.form-group.sm select.form-control {padding: 0 8px;background:#fff url('../img/icon/select_bg_ar.png') no-repeat right;}

.form-control:hover + .input-icon-addon .ico-search,
.form-control:focus + .input-icon-addon .ico-search {background: url('../img/icon/icn-edu-search-nov-sel.png') no-repeat center;}

.form-control.form-search {height: 30px;border-color: #393c6c;}
.form-control.form-search:focus {border-color: #80ecff !important;outline: 1px solid #80ecff !important;}
.form-control.form-search:hover + .input-icon-addon .ico-search,
.form-control.form-search:focus + .input-icon-addon .ico-search {background: url('../img/icon/icn-edu-search-nov-sel.png') no-repeat center;}
.input-icon-type.icon-right .form-control {padding-right: 30px;}
.input-icon-addon {position: absolute;top: 50%;right: 5px;transform: translateY(-50%);color: #bfbfbf;cursor: pointer;}
.form-group.sm .input-icon-addon {margin-top: -1px;}

/* selectbox */
.select_box {display: inline-block;position: relative;height: 40px;border: 1px solid #999;box-sizing: border-box;}
.select_box label {position: absolute;top: 0px;left: 0px;padding-left: 10px;font-size: 18px;color: #1c1c1c;line-height: 50px;}
.select_box select,select {height: 32px;padding: 0 0 0 9px;color: #020202;border-radius: 0;border: #999 solid 1px;box-sizing: border-box;background: #fff url('../img/icon/select_bg_ar.png') no-repeat right;cursor: pointer;-webkit-appearance: none;font-family: inherit;font-size: 14px;}

select.error,input.error {border-color: #cc3333;}

/* input */
input[type=password],input[type=text],textarea {border: 1px solid #999;font-size: 14px;color: #666;box-sizing: border-box;border-radius: 0;}
input[type=password],input[type=text] {height: 32px;line-height: 1;}
textarea {line-height: 1.6 !important;}

input[type=password]:hover,input[type=text]:hover,textarea:hover {background-color: #fff;}
input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus {outline-offset: -1px;outline: 1px solid #483ab0 !important;}
input[readonly]:hover,input[readonly]:focus {outline-offset: -1px;outline: 1px solid transparent !important;}

input[type="radio"]+label:before {content: '';position: absolute;left: 0;top: 0px;width: 22px;height: 22px;line-height: 22px;text-align: center;background: url(../img/comm/radio_off.gif) no-repeat;background-size: 22px;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0 50px white inset; }
input:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0 50px white inset;} 

/* ui_check */
.ui-check {display: inline-block;height: 30px;position: relative;vertical-align: middle;}
.ui-check input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;vertical-align: middle;}
.ui-check input[type="checkbox"]+label {display: inline-block;position: relative;padding-left: 27px;font-family: 'NotoSansCJKkr';font-size: 14px;line-height: 1.14;letter-spacing: normal;color: #303030;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;vertical-align: middle;}
.ui-check input[type="checkbox"]+label:before {content: '';position: absolute;left: 0;top: -3px;width: 22px;height: 22px;line-height: 17px;text-align: center;background: url('../img/icon/btn-check-nor.png') no-repeat;vertical-align: middle;background-color: #fff;background-size: 22px;}
.ui-check input[type="checkbox"]+label:hover:before  {background-color: #f1f1f1;background-size: 22px;}
.ui-check input[type="checkbox"]:checked+label:before {background: url('../img/icon/btn-check-checked.png') no-repeat;}

/* ui-radio */
.ui-radio {display: inline-block;position: relative;vertical-align: text-bottom;}
.ui-radio input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.ui-radio input[type="radio"]+label {position: relative;padding-left: 27px;font-size: 14px;font-weight: normal;display: inline-block;margin-right: 10px;color: #666;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.ui-radio input[type="radio"]+label:before {display:inline-block; content: '';position: absolute;left: 0;top: 0px;width: 22px;height: 22px;line-height: 22px;text-align: center;background: url('../img/icon/btn-radio-nor.png') no-repeat;background-size: 22px;}
.ui-radio input[type="radio"]:hover+label:before {background: url('../img/icon/btn-radio-hov.png') no-repeat;background-size: 22px;}
.ui-radio input[type="radio"]:checked+label:before {background: url('../img/icon/btn-radio-checked.png') no-repeat;background-size: 22px;}
.ui-radio input[type="radio"]:focus+label {color: #111;}
.ui-radio.disabled {}
.ui-radio.disabled input[type="radio"]+label {padding-left: 0;cursor: default;}
.ui-radio.disabled input[type="radio"]+label:before {background: none;}

/* skipNavigation */
#skipNavigation {position:absolute;top:0;left:0;z-index:100;width:100%;height:0;}
#skipNavigation p,#skipNavigation ul,#skipNavigation ul li {height:0;}
#skipNavigation p a {position:absolute;left:0;top:0;display:block;overflow:hidden;width:1px;height:1px;margin-left:-1px;margin-bottom:-1px;text-align:center;color:#000;white-space:nowrap;}
#skipNavigation p a:focus,#skipNavigation p a:hover,#skipNavigation p a:active {width:100%;height:auto;padding:10px 0;background:#c4122f;color:#fff;z-index:100;}

/* page rayout */
#wrap{position: relative;width: 100%;margin: 0 auto;}
#wrap.one_page{width:100%;height: 100%;background: #eef0f8;}
#wrap.one_page .one_in {display: table;width:100%;height: calc(100vh - 200px);}
#wrap.one_page .one_in > div {display: table-cell; vertical-align: middle;}
/* header area */
#header {height: 50px;background:#5c5cbb;margin-bottom: 20px;     
    min-width: 1600px;
    max-width: 1920px;
    margin: 0 auto;
}
#header::after {content: '';clear: both;display: block;}
#header .top {min-width:1600px;max-width:1920px;overflow:hidden;padding:0 92px;margin: 0 auto;}
#header .top h1 {float:left;width: 220px;height: 50px;padding-top: 12px;}

#header .top .gnb {float: left;position: relative;}
#header .top .main_menu {height: 50px;}
#header .top .main_menu ul {overflow: hidden;}
#header .top .main_menu li {float:left;width: 130px;height:55px; zoom: 1; position: relative;}
#header .top .main_menu li a {display: inline-block;padding-left: 20px;padding-top: 17px;font-family:'MalgunGothicBold', sans-serif;font-size: 16px;line-height: 1;font-weight: bold;line-height: 1;letter-spacing: -1.2px;color: #fff;}
#header .top .main_menu li.on a {color: #a3f5ff !important;}
#header .top .main_menu li a:link { color: #fff; }
#header .top .main_menu li a:hover { color: #bbe1ff; } 
#header .top .main_menu li a:active { color: #bbe1ff; }
#header .top .main_menu li a:focus { color: #a3f5ff; } 

#header .sm_area {
    position:absolute;
    display:none;
    left:0;
    top:50px;
    width:100%;
    height: auto !important;
    background: rgba(66, 66, 111, .95);
    z-index:100;
    zoom: 1;
    padding-left: 310px;
    overflow: hidden;
}
#header .sub_menu {
    overflow:hidden;
    width: 1160px;
    position: relative;
}
#header .sub_menu ul.sub_menu_wrap > li {float:left;-webkit-transition: all 0.3s; /* Safari */transition: all 0.3s;padding: 10px 0;}
#header .sub_menu ul.sub_menu_wrap ul {width: 130px;display: block;padding: 10px 5px 10px 20px;border-left: 1px solid #000;}
#header .sub_menu ul.sub_menu_wrap ul li a {font-family: 'MalgunGothic', sans-serif;font-size: 13px;line-height: 2;letter-spacing: -0.98px;color: #fff;}
#header .sub_menu ul.sub_menu_wrap ul li a:hover,#header .sub_menu ul.sub_menu_wrap ul li.on a {color: #a3f5ff;}

#header .utilArea {float: right;}
#header .utilArea > div {float: left;margin: 10px 0 10px 10px;}
#header .utilArea::after {content: '';clear: both;display: block;}
#header .utilArea .userWrap {max-width: 306px;height: 30px;border: solid 1px #313477;background-color: #37378e;padding-left: 16px;padding-right: 16px;white-space: nowrap;}
#header .utilArea .userWrap::before {content: '';display: inline-block;background: url('../img/icon/ico-user.png') no-repeat;width: 16px;height: 16px;margin-top: 6px;margin-right: 1px;}
#header .utilArea .userWrap span {display: inline-block;font-size: 13px;letter-spacing: -0.98px;color: #fff;vertical-align: top;line-height: 28px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
#header .utilArea .userWrap span:last-child:after {width: 0;margin: 0;}
#header .utilArea .userWrap .part {max-width: 120px;}
#header .utilArea .userWrap .position {max-width: 60px;}
#header .utilArea .userWrap .user {max-width: 40px;}
#header .utilArea .userWrap .v-line {display: inline-block;width: 1px;height: 12px;background-color: #6e6e88;margin: 8px 4px 0;vertical-align: top;}
#header .utilArea .login a {display: inline-block;background: url('../img/icon/icn-logout-nor.png') no-repeat;width: 24px;height: 24px;margin-top: 3px;}
#header .utilArea .login a:hover {background: url('../img/icon/icn-logout-hov.png') no-repeat;}
#header .utilArea .login a:focus {background: url('../img/icon/icn-logout-sel.png') no-repeat;}

/* lnb menu */
.leftCnt {float: left; width: 220px; height:100%;}
.leftCnt h2 {width: 100%;height: 70px;text-align: center;background-color: #324eb2;box-shadow: 0px 4px 8px 0 rgba(0, 21, 47, 0.2);}
.leftCnt h2.bg-lnb {width: 220px;height: 70px;}
.leftCnt h2.bg-lnb-edu {background: url('../img/common/img-lnb-edu.png') no-repeat;}
.leftCnt h2.bg-lnb-notice {background: url('../img/common/img-lnb-notice.png') no-repeat;}
.leftCnt h2 a {width: 100%;height: 100%;display: inline-block;font-family: 'MalgunGothic', sans-serif;font-size: 20px;font-weight: bold;line-height: normal;letter-spacing: normal;color: #fff;line-height: 72px;}

#lnb {width: 100%;overflow: hidden;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
#lnb .link {display: block;text-decoration: none;width: 100%;position: relative;z-index: 1;}
#lnb .link span {display: inline-block;vertical-align: top;}
#lnb span {font-family: 'MalgunGothic', sans-serif;width: 100%;word-break: break-all;display: inline-block;}
#lnb span:hover {color: #5c5cba !important;}

#lnb .depth1-list .depth1-item > a {display: block;position: relative;border: none;border-bottom: 1px solid #ddd;padding: 12px 30px 8px;}
#lnb .depth1-list .depth1-item > a span {font-size: 15px;color: #111;font-weight: bold;letter-spacing: -1.13px;}
#lnb .depth1-list .depth1-item.active .depth2-list {background: #f1f2f8;padding: 7px 20px 8px 29px;border-bottom: 1px solid #ddd;}

#lnb .depth2-list .depth2-item > .link i {content: '';display: inline-block;width: 2px;height: 2px;background-color: #333;vertical-align: top;margin-top:13px;margin-right: 7px;}
#lnb .depth2-list .depth2-item > .link span {width: calc(100% - 11px);font-size: 14px;line-height: 1.86;letter-spacing: normal;color: #111;}

#lnb .depth3-list {margin: 1px 0 3px 20px;}
#lnb .depth3-list .depth3-item > a {display: block;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
#lnb .depth3-list .depth3-item > a span {font-size: 13px;line-height: 1.69;letter-spacing: normal;color: #444;padding-bottom: 1px;}

#lnb .depth4-list .depth4-item {-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
#lnb .depth4-list .depth4-item > a {display: block;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
#lnb .depth4-list .depth4-item > a span {font-size: 13px;line-height: 1.54;letter-spacing: normal;color: #666;width: calc(100% - 11px);}
#lnb .depth4-list .depth4-item > a i {content: '';display: inline-block;width: 3px;height: 1px;background-color: #999;vertical-align: top;margin-top:10px;margin-right: 5px;}

#lnb .depth2-list,
#lnb .depth3-list,
#lnb .depth4-list {display: none;}
#lnb .depth1-list .depth1-item.hassub .depth2-list,
#lnb .depth2-list .depth2-item.hassub .depth3-list,
#lnb .depth3-list .depth3-item.hassub .depth4-list {display: none;}
#lnb .depth2-list .depth2-item.hassub.open .depth3-list,
#lnb .depth3-list .depth3-item.hassub.open .depth4-list {display: block;}

#lnb .depth1-list .depth1-item.active .depth2-list,
#lnb .depth2-list .depth2-item.active .depth3-list,
#lnb .depth3-list .depth3-item.active .depth4-list {display: block;}
#lnb .depth2-list .depth2-item,
#lnb .depth3-list .depth3-item,
#lnb .depth4-list .depth4-item {position: relative;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}

#lnb .depth1-list .depth1-item.on > a span,
#lnb .depth2-list .depth2-item.on > a span,
#lnb .depth3-list .depth3-item.on > a span,
#lnb .depth4-list .depth4-item.on > a span {font-family:'MalgunGothicBold', sans-serif;font-weight: bold;color: #4141db;}

#lnb .depth2-list .depth2-item.hassub::after,
#lnb .depth3-list .depth3-item.hassub::after {content: '';display: inline-block;width: 8px;height: 5px;position: absolute;right: 0;top: 12px;background: url('../img/icon/ico-lnb-down.png') no-repeat;}
#lnb .depth2-list .depth2-item.hassub.open::after,
#lnb .depth3-list .depth3-item.hassub.open::after,
#lnb .depth2-item.active.on.hassub::after {background: url('../img/icon/ico-lnb-up.png') no-repeat;}

/* container */
#container {min-width:1600px;max-width:1920px;overflow:hidden;padding:0 92px;margin: 0 auto;margin-top: 20px;}
#container::after {content: '';clear: both;display: block;}

/* footer */
#footer {width:100%;height: 122px;border-top: 1px solid #e3e3e3;background-color: #fff;padding-top: 20px;margin-top: 57px;}
#footer .inner {min-width:1600px;max-width:1920px;overflow:hidden;padding:0 92px;margin: 0 auto;}
#footer h2 {float: left;}
#footer .info {float: left;padding-left: 20px;}
#footer .f_rm{float: right;}
#footer .adress {font-family:'MalgunGothic', sans-serif;letter-spacing: -1px !important;font-size: 12px;color: #666666;line-height: 22px;}
#footer .adress .text-divi {display: inline-block;margin:0px 3px;width: 1px;height: 10px;background: #999;}
#footer .adress .letter-num {letter-spacing: -0.2px !important;}
#footer .copy {font-size: 12px;font-weight: bold;line-height: 1.33;letter-spacing: normal;text-align: left;color: #333333;padding-top: 12px !important;}
#footer ul.sns {display: block;}
#footer ul.sns li.family_site_select {display: inline-block;margin-left: 7px;}
#footer ul.sns li.family_site_select select {width: 198px;height: 30px;padding: 0 0 0 9px;color: #666;font-weight: bold;border-radius: 0;border: #c6c6c6 solid 1px;box-sizing: border-box;background: #fff url('../img/icon/select_bg_ar.png') no-repeat right;cursor: pointer;-webkit-appearance: none;font-family: inherit;font-size: 12px;line-height: 12px;min-height: 30px;}

/* loogin */
#loginWrap {width: 466px;height: 548px;padding: 32px;box-shadow: 0 0 20px 0 rgba(71, 78, 104, 0.2);margin: 0 auto;background:#fff url('../img/common/img-popup-login-bg.png') no-repeat 0 bottom;}
#loginWrap .h1 {margin: 25px 0 15px;text-align: center;}
#loginWrap .h1 h1 {font-family: 'NotoSansCJKkr';font-size: 40px;font-weight: 500;line-height: 0.95;letter-spacing: -0.8px;color: #000;}
#loginWrap .loginCont {padding: 12px;}
.login-input input[type=password],
.login-input input[type=text] {font-size: 14px;line-height: 1.14;text-align: left;color: #666;height: 50px;padding: 10px;border:none;border-bottom: 1px solid #ccced0;}
.login-input input[type=password]:focus,
.login-input input[type=text]:focus {outline: none !important;}
.login-input input + input {margin-top: 15px;}

/* button */
.btn_area {text-align: center;}
.btn {display: inline-block;border-radius: 0;text-align: center;}
.btn-xs {height: 18px;}
.btn-sm {width: 70px;height: 32px;border: 1px solid #999;font-size: 13px;line-height: 1.1;}
.btn-sm.btn-default {color: #3e3e57;background-color: #fff;}
.btn-sm.btn-default:hover {background-color: #f9fafc;}
.btn-sm.btn-default:focus {background-color: #fff;border-color: #483ab0;}
.btn-mid {width: 174px;height: 50px;font-size: 16px;line-height: 1.1;color: #fff;font-weight: bold;letter-spacing: -1.2px;}
.btn-mid2 {width: 100%;height: 48px;font-size: 16px;line-height: 1.1;color: #fff;font-weight: bold;letter-spacing: -1.2px;}
.btn-mid + .btn-mid {margin-left: 7px;}
.btn-mid.btn-default {background-color: #9597b3;}
.btn-mid.btn-default:hover {background-color: #abacc4;}
.btn-mid.btn-default:focus {background-color: #81839e;}
.btn-confirm {background-color: #483ab0;}
.btn-confirm:hover {background-color: #5c5cba;}
.btn-confirm:focus {background-color: #3628a1;}
.btn-login {width: 100%;height: 58px;font-size: 18px;line-height: 0.89;color: #fff;}
.btn-primary {background: #483ab0;}
.btn-pink {background: #ef0169;}
.btn-down {background: url('../img/icon/btn-download-nor.png') no-repeat;width: 60px;height: 18px;cursor: pointer;}
.btn-down:hover {background: url('../img/icon/btn-download-hov.png') no-repeat;}
.btn-down:focus {background: url('../img/icon/btn-download-sel.png') no-repeat;}
.btn-addfile {background: url('../img/icon/btn-upload-file-nor.png') no-repeat;width: 60px;height: 60px;cursor: pointer;}
.btn-addfile:hover {background: url('../img/icon/btn-upload-file-hov.png') no-repeat;}
.btn-addfile:focus {background: url('../img/icon/btn-upload-file-sel.png') no-repeat;}


/* modal */
	#modal {
		position: fixed;
		z-index: 1;
		left:0;
		top:0;
		width:100%;
		height:100%;
		overflow: auto;
		display:none;
	}
	
	.modal-content {
		background-color: #fefefe;
		margin: 15% auto;
		border: 1px solid #888;
		width:450px;
		height:240px;
		position: relative;
	}
	
	.modal-header {
		background: #37378e;
		color: #fff;
		text-align: left !important;
		padding: 12px 20px;
		font-weight: bold;
		margin-bottom: 35px;
		font-size:1.1em;
	}
	
	#close-modal {
		color: white;
		font-size: 17px;
		font-weight: bold;
		position:absolute;
		bottom:25px;
		left:50%;
		translate:-50%;
		background-color:#37378e;
		padding: 8px 18px;
	}
	
	#modal p {
		text-align:center;
	}
	.modal-title {
		font-weight:bold;
		font-size:1.2em;
		margin-bottom:2px;
	}
	.complete-status {
		color:blue;
		font-size: 1.4em;
		font-weight:bold;
	}
	.no-complete-status {
		color:red;
		font-size: 1.4em;
		font-weight:bold;
	}

@font-face {
    font-family: 'NotoSansCJKkr';
    font-style: normal;
    font-weight: 500;
    src: url("fonts/NotoSansKR-Medium.woff2") format("woff2"),
        url("fonts/NotoSansKR-Medium.woff") format("woff"),
        url("fonts/NotoSansKR-Medium.otf") format("opentype");
}

@media (max-width: 1600px) {
    #header,
    #container,
    #footer .inner {
        min-width: 1582px;
        max-width: 1582px;
    }
}