@charset "utf-8";

@import url("font.css");
@import url("common.css");
@import url("submission-2023.css");

/* responsive */
.mo-snb-area .btn-snb { display:none;}
.mob-menu { display:none;}
.btn-pc { display:none;}

@media all and (max-width:1600px) {
    body { min-width:100%;}
    .gnb-depth1-item:last-child { margin-right:0;}
    .head-inner .btn-sitemap { right:20px;}
    .sitemap-wrap .sitemap-menu { padding:60px 0;}
    .sitemap-wrap .sitemap-depth1, .contents-wrap{ width:100%;}
    .foot-inner { width:100%; padding:0 250px 0 20px;}
    .foot-inner .policy { right:20px;}
    #contents { overflow:hidden;}
    .sub .mo-snb-area { float:left; width:0; background-color:#fff; position:relative; transition:all 0.3s;}
    .sub .mo-snb-area.open { width:330px;}
    .sub .mo-snb-area .snb { float:none; width:0; opacity:0; display:none;}
    .sub .mo-snb-area.open .snb { width:100%; opacity:1; display:block;}
    .sub .mo-snb-area .btn-snb { display:inline-block; background-color:#2d2d2d; width:30px; height:50px; border:none; border-radius:0 5px 5px 0; position:absolute; right:-30px; top:105px;}
    .sub .mo-snb-area .btn-snb::before { content:""; width:14px; height:14px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); position:absolute; left:4px; top:18px;}
    .sub .mo-snb-area.open .btn-snb::before { transform:rotate(225deg); left:10px;}
    .sub .mo-snb-area .btn-snb > span { display:inline-block; text-indent:-999px; overflow:hidden;}
    .sub .contents-box { width:100%; padding:0 40px 50px !important; transition:all 0.3s;}
    .sub .contents-box.open { width:calc(100% - 330px); padding:0 20px 50px 50px;}
    .mo-tbl-area { width:100%; overflow:hidden;}
    .mo-tbl-area .board-box-st2 { overflow-x:scroll;}
    .mo-tbl-area .board-box-st2 > .tbl-list { width:100%; min-width:970px;}
    .main #contents { padding:0 20px;}
    .main .contents-lft { width:300px;}
    .main .contents-inner.main .contents-box { width:calc(100% - 300px); padding:0 0 0 40px !important;}
    .main .contents-box.main { width:100%;}
    .foot-banner .banner-list { width:100%; padding:20px 70px 15px;}
    .foot-banner .slick-arrow { width:40px; height:40px; top:25px; left:15px; background-position:-5px -5px;}
    .foot-banner .slick-next { left:auto !important; right:15px; background-position:-55px -5px;}
}
@media all and (max-width:1400px) {
    .head-util .logo-txt { display:none;}
    .gnb-depth1-item { margin:0 10px;}
    .main .contents-inner.main .jrnl-login-box, .main .contents-inner.main .jrnl-register-box { padding:0 30px 0 42%;}
    .main .contents-inner.main .jrnl-login-box .inner, .main .contents-inner.main .jrnl-register-box .inner { background-color:rgba(255,255,255,0.8);}
}
@media all and (max-width:1280px) {
    .process-area .process-tit .tit { text-align:left;}
    .main .contents-inner.main .service-link-box { gap:1%;}
    .main .contents-inner.main .service-link-box .link { width:28%; min-width:auto; margin:4px 10px;}
    .main .contents-inner.main .mgt-area { gap:1%;}
    .main .contents-inner.main .mgt-area .item .link .ico { width:120px; height:120px;}
    .main .contents-inner.main .mgt-area .item .link .txt { font-size:18px;}
    .main .contents-inner.main .mgt-area .item:before { display:none;}
}
@media all and (max-width:1024px) {
    /* Mobile & Tablet  */
    .gnb, .head-inner .btn-sitemap, .web { display:none;}
    .sitemap-wrap .sitemap-depth1 { padding:0 50px;}
    .sitemap-wrap .sitemap-depth1-link, .sitemap-wrap .sitemap-depth2 { float:none; width:100%;}
    .sub .mo-snb-area { width:330px; height:100%; position:fixed; top:0; left:-330px; padding:5px; z-index:3;}
    .sub .mo-snb-area.open { box-shadow:10px 1px 25px 0 rgba(0,0,0,0.05); left:0;}
    .sub .mo-snb-area .snb { width:100%; height:100%; overflow-y:auto;}
    .sub .mo-snb-area .snb .btn-link { margin:10px 0 0 !important;}
    .sub .mo-snb-area .snb-n-menu .snb-tit { margin:10px 0 0;}
    .sub .mo-snb-area .snb-n-menu .snb-tit.current.open { box-shadow:none; border-bottom:1px solid #ddd; margin:0;}
    .sub .mo-snb-area .snb-n-menu .snb-tit.current.open .snb-depth1 { margin:0;}
    .sub .mo-snb-area .btn-snb { top:270px;}
    .sub .scroll-down .mo-snb-area { top:0;}
    .sub .scroll-down .mo-snb-area .btn-snb { top:270px;}
    .sub .contents-box { position:relative; z-index:0;}
    .sub .contents-box, .sub .contents-box.open { float:none; width:100%; padding:0 20px 40px !important;}
    .pop-head { padding:15px 20px;}
    .pop-cont { padding:20px;}
    .main .contents-inner.main .service-link-box .link .ico-link, .main .contents-inner.main .service-link-box .link .ico-download { width:40px; height:40px; background-size:auto 20px;}
    .main .contents-box .inner-cont { min-height:auto;}
    /* mykim 추가 */
    #top-banner-out-wrapper { display:none;} /* 메인 페이지 배너 모바일 숨김 처리 */
    .top-academy-banner { display:none;} /* 메인 페이지 분과학회 모바일 숨김 처리 */
    .mo-non-menu { display:none !important;} /* 권한별 메뉴 모바일 미제공 메뉴 클래스 */
    .mob-menu { display : block;}
    .snb-n-menu .snb-depth1-item:nth-last-child(-n + 1 of :not(.mo-non-menu)) { border-bottom:none;} /* 모바일 마지막 요소 숨김시 라인 제거 클래스 */
    .step-n-area.step-arr .step-item:nth-child(1 of :not(.mo-non-menu)):before { display:none;} /* 모바일 첫 요소 숨김시 화살표 제거 클래스 */
    .btn-pc { display:inline-block;}
}
@media all and (max-width:1023px) {
    .mo-tab-area { width:100%; overflow-x:auto; white-space:nowrap; -ms-overflow-style: none; scrollbar-width:none; margin-bottom:30px;}
    .mo-tab-area::-webkit-scrollbar { display:none;}
    .mo-tab-area .tab-menu { width:100%; min-width:900px; margin-bottom:0 !important;}
    .mo-tab-area .tab-menu > li { display:inline-block;}
    .mo-board-area .tbl-list { display:block;}
    .mo-board-area .tbl-list colgroup { display:none;}
    .mo-board-area .tbl-list thead, .mo-board-area .tbl-list thead tr, .mo-board-area .tbl-list tbody, .mo-board-area .tbl-list tbody tr { display:block; width:100%;}
    .mo-board-area .tbl-list thead th.tit { display:flex; align-items:center; justify-content:center;}
    .mo-board-area .tbl-list thead th.num, .mo-board-area .tbl-list thead th.txt, .mo-board-area .tbl-list thead th.date, .mo-board-area .tbl-list tbody td.num { display:none;}
    .mo-board-area .tbl-list tbody tr { padding:30px 10px; border-bottom:1px solid #ddd;}
    .mo-board-area .tbl-list tbody td { border-bottom:none; height:auto; padding:0;}
    .mo-board-area .tbl-list tbody td.tit { display:block; width:100%; font-size:16px; color:#111;}
    .mo-board-area .tbl-list tbody td.txt, .mo-board-area .tbl-list tbody td.date { font-size:13px; color:#666; padding:10px 10px 0 0;}
    .mo-board-area .tbl-list tbody td.date { position:relative; padding-left:10px;}
    .mo-board-area .tbl-list tbody td.date::before { content:""; display:inline-block; width:1px; height:10px; background-color:#ccc; position:absolute; top:13px; left:0;}
    .main .contents-lft { float:none; width:100%;}
    .main .contents-inner.main .contents-box { float:none; width:100%; padding:40px 0 0 !important;}
    .main .contents-inner.main .journal-box { display:flex; padding:30px 25px;}
    .main .contents-inner.main .journal-box .certi-mark { right:auto; left:200px;}
    .main .contents-inner.main .journal-box .list { width:calc(100% - 170px); padding:0 0 0 40px;}
    .main .contents-inner.main .mgt-area .item { height:240px;}
    .main .contents-inner.main .mgt-area .item .link .ico { width:110px; height:105px;}
    .foot-banner .banner-list { padding:20px 50px 15px;}
    .foot-banner .slick-arrow { width:30px; height:30px; top:30px; background-position:-3px -3px; background-size:auto 35px;}
    .foot-banner .slick-next { background-position:-37px -3px;}
    .modal-box { width:90vw !important;}
}
@media all and (max-width:767px) {
    /* Mobile */
    body { height: calc(var(--vh, 1vh) * 100);}
    body.open { overflow:hidden;}
    input[type="text"], input[type="password"], select, textarea { border-radius:0 !important; margin:1px 0;}
    #head { position:fixed;}
    .head-util { height:40px; padding:0 10px 0 0; display:flex; justify-content:flex-end; align-items:center;}
    .head-util .logo-link { width:105px; height:40px;}
    .head-util .logo-link .logo { background-size:auto 20px; left:15px;}
    .head-util .util-link { font-size:12px !important; line-height:40px !important;}
    .head-inner { height:75px;}
    .head-inner .logo-box { top:50%; transform:translate(0,-50%);}
    .head-inner .logo, .head-inner .logo img { height:50px;}
    .head-inner .logo-txt, .head-util .util-user, .head-util .util-alarm { display:none;}
    .sitemap-wrap .sitemap-menu .btn-sitemap-close .ico-sitemap-close { width:20px; height:20px;}
    .sitemap-wrap .sitemap-depth1 { padding:0 20px;}
    .sitemap-wrap .sitemap-depth2-item { width:100%;}
    .foot-inner { padding:0 20px;}
    .foot-inner .addr { font-size:12px;}
    .foot-inner .policy { display:block; position:static; padding:5px 0 20px;}
    .foot-inner .btn-policy, .foot-inner .btn-pc { height:26px; line-height:26px;}
    .foot-info .foot-info-txt { font-size:13px;}
    .contents-wrap { padding:115px 0 0;}
    .sub .mo-snb-area { width:100%; left:-100%;}
    .sub .mo-snb-area.open { width:100%;}
    .sub .mo-snb-area .btn-snb { width:26px; height:44px; right:-26px;}
    .sub .mo-snb-area .btn-snb::before { width:10px; height:10px; left:6px; top:17px;}
    .sub .mo-snb-area.open .btn-snb { border-radius:5px 0 0 5px; right:0;}
    .sub .mo-snb-area .btn-snb, .sub .scroll-down .mo-snb-area .btn-snb { top:200px;}
    .page-tit-h1 { font-size:26px;}
    .page-tit-bullet { font-size:19px;}
    .page-tit-box.add-btn .btn { position:static; transform:none; margin:15px 0 0;}
    .page-tit-h3 { font-size:18px;}
    .page-tit-h4 { font-size:16px;}
    .tit-area .lft .page-tit-h3 { padding:0;}
    .tit-area .lft .tit { padding-right:5px;}
    .tit-area .rgt > a { display:inline-block; margin:1px;}
    .path { padding:10px 0 0;}
    .path .ico-home { background-size: auto 12px; top:3px;}
    .path li { padding:0 1px 0 8px; background-size:auto 7px; font-size:12px;}
    .ico-home { background-size:auto 11px; top:3px;}
    .sub .cont-sch-box { padding:10px;}
    .sub .cont-sch-box .tbl-sch { display:block;}
    .sub .cont-sch-box .tbl-sch colgroup { display:none;}
    .sub .cont-sch-box .tbl-sch tr { display:flex; flex-wrap:wrap; width:100%; align-items:center;}
    .sub .cont-sch-box .tbl-sch th { display:block; width:50%; height:auto; padding:3px 0;}
    .sub .cont-sch-box .tbl-sch td { display:block; width:50%; height:auto; padding:3px 0;}
    .sub .cont-sch-box .tbl-sch td.check-area > label::after { content:""; display:block;}
    .sub .cont-sch-box .input-box select { width:100%;}
    .sub .cont-sch-box .btn-group-box .btn { width:100%;}
    .sub .board-sch-box .board-total { float:none; width:100%;}
    .sub .board-sch-box .board-sch { float:none; width:100%; padding:15px 0 0;}
    .sub .board-sch-box .board-sch .sorting-box { display:flex; flex-wrap:wrap; justify-content:space-around}
    .sub .board-sch-box .board-sch .sorting-box select.sort-box, .sub .board-sch-box .board-sch .sorting-box select.ordr-box { width:49%;}
    .sub .board-sch-box .board-sch .sorting-box .btn { width:49%; margin-top:5px;}
    .sub .board-sch-box .board-sch .sorting-box.st2 { display:flex; flex-wrap:nowrap; justify-content:space-around}
    .sub .board-sch-box .board-sch .sorting-box.st2 select.sort-box, .sub .board-sch-box .board-sch .sorting-box.st2 select.ordr-box { width:36%;}
    .sub .board-sch-box .board-sch .sorting-box.st2 .btn { width:25%; margin-top:1px; padding:0;}
    .sub .box-st1 { padding:15px;}
    .sub .border-box .inner { padding:10px;}
    .sub .step-n-area { flex-direction:column;}
    .sub .step-n-area .step-item { width:100%; height:160px;}
    .sub .step-n-area.step-arr .step-item:before { left:50%; top:-50px; transform: translate(-50%,0) rotate(90deg);}
    .ico-chrome { background-size:auto 18px; width:18px; height:18px;}
    .btn-lg { width:100%; margin:3px;}
    .mo-tbl colgroup { display:none;}
    .mo-tbl tbody { display:flex; width:100%; flex-direction:column;}
    .mo-tbl tbody tr { display:flex; flex-wrap:wrap;}
    .mo-tbl tbody tr th { display:flex; width:39%; align-items:center; padding:8px;}
    .mo-tbl tbody tr td { display:flex; width:calc(100% - 40%); border-right:none; align-items:center; padding:8px;}
    .agree-box .inner { padding:10px;}
    .process-area .process-tit { padding:15px 0 5px;}
    .process-area .process-tit .tit { font-size:20px;}
    .process-area .process-history { width:240px; position:static;}
    .process-area .process-history label { font-size:14px;}
    .process-area .process-box { padding:0 5px 45px;}
    .process-area .process-box .process .txt { font-size:12px;}
    .process-area .process-box .process.current .txt { font-size:14px;}
    .pop-cont .tab-menu2 > li > a { font-size:13px; padding:0 2px; word-wrap:break-word; word-break:keep-all;}
    .pop-cont .tbl-board .board-sch-box { display:block !important;}
    .pop-cont .tbl-board .board-sch-box .date-box { padding:2px 0;}
    #container.main { background-image:none;}
    #container.main .contents-wrap { padding:145px 0 0;}
    .main .contents-inner.main .page-tit-n { font-size:20px;}
    .main .contents-inner.main .jrnl-login-box, .main .contents-inner.main .jrnl-register-box { padding:20px;}
    .main .contents-inner.main .jrnl-login-box .inner, .main .contents-inner.main .jrnl-register-box .inner { padding:20px;}
    .main .contents-inner.main .jrnl-login-box .tit-area .tit { font-size:20px;}
    .main .contents-inner.main .jrnl-login-box .tit-area .txt { font-size:17px;}
    .main .contents-inner.main .jrnl-login-box .login-util a { font-size:13px; margin:0 5px;}
    .main .contents-inner.main .service-link-box { padding:20px; height:auto;}
    .main .contents-inner.main .service-link-box .link { width:100%; height:90px; margin:5px 0;}
    .main .contents-inner.main .journal-box { display:block;}
    .main .contents-inner.main .journal-box .certi-mark { left:50%; margin-left:95px;}
    .main .contents-inner.main .journal-box .list { width:100%; padding:25px 0 0;}
    .main .contents-inner.main .mgt-area { display:block; padding:20px;}
    .main .contents-inner.main .mgt-area .item { flex:auto; height:auto; justify-content:flex-start; padding:1% 0;}
    .main .contents-inner.main .mgt-area .item .link { justify-content:flex-start; width:100%;}
    .main .contents-inner.main .mgt-area .item .link .ico { width:100%; height:100px;}
    .main .contents-inner.main .mgt-area .item .link .ico:after { left:60px;}
    .main .contents-inner.main .mgt-area .item .link .ico-num { width:50px; height:30px; line-height:28px; font-size:0.9rem; left:auto; right:20px; top:50%; transform:translate(0,-50%);}
    .main .contents-inner.main .mgt-area .item .link .txt { font-size:17px; position:absolute; left:105px;}
}
@media all and (max-width:479px) {
    /* Mobile */
    .foot-banner .banner-list { padding:20px 28px 15px;}
    .foot-banner .banner-list .banner-link { margin:0 5px;}
    .foot-banner .slick-arrow { width:24px; height:24px; top:32px; left:2px; background-position:-3px -3px; background-size:auto 30px;}
    .foot-banner .slick-next { right:2px; background-position:-32px -3px;}
}
@media all and (max-width:320px) {
    /* Mobile */
    .main .contents-inner.main .mgt-area .item .link .ico:after { left:52px;}
    .main .contents-inner.main .mgt-area .item .link .ico-num { width:30px;}
    .main .contents-inner.main .mgt-area .item .link .txt { left:85px;}
}
/* //responsive */

/* print */
@media print {
    .mo-tbl-area .board-box-st2 > .tbl-board { min-width:auto !important; }
}
/* //print */

/* login-type */
.login-type-layer { display: flex; flex-direction: column; border-radius: 8px; background-color: #fff; gap:8px; padding: 12px 20px; box-shadow: 0 15px 30px rgba(0,0,0,0.1); position: absolute; top:38px; right: 120px; z-index: 100;}
.login-type-layer > .btn-login { display: inline-block; min-width: 200px; height: 32px; border:none; font-family: 'SCoreDream'; font-size: 14px; font-weight: 500; border-radius: 4px; background-color: #f58826; color: #fff;}
.login-type-layer > .btn-login.ty2 { background-color: #fff; border:1px solid #ccc; color: #333; font-weight: 400;}
.jrnl-login-box .login-form { position: relative;}
.jrnl-login-box .login-form > .login-type-layer { top:46px; left: 50%; transform: translate(-50%, 0); width: 75%;}