@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');


* { -webkit-text-size-adjust: none;} /* ¾ÆÀÌÆù ÅؽºÆ® ÀÚµ¿È®´ë ¸·±â */
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
a.link:hover { text-decoration: underline;	 }
body { min-width:1300px; }
/*
³ëÅä»ê½º 'Noto Sans KR - 3,4,5,7,9'
³ª´®½ºÄù¾î 'NanumSquare - 3,4,7,8'
Roboto - 1,3,4,5,7
font-family: 'Titillium Web', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'NanumSquare', sans-serif;
*/



/* top */
header { width: 100%; min-width: 1200px; height: 110px; background: #1f2b64; position: absolute;left: 0; top: 0; z-index: 9;}
.top-Bg { width: 100%; min-width: 1200px; border-bottom: 1px solid rgba(255,255,255,0.25);}
.top_wrap { width: 1200px; height: 62px; margin: 0 auto; overflow: hidden; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center;}
.top_wrap .logo img { cursor: pointer; }
.global { float: right; overflow: hidden; }
.global li { float: left; font-size: 11px; height: 33px; line-height: 33px; padding: 0 10px; color: #d7d7d7; border: 1px solid rgba(255,255,255,0.25); cursor: pointer; margin-left: 5px;}
.global li:hover { color: #1f2b64; background: #d7d7d7;}
.global li.pISSN { background: #171717; border: 1px solid #000; color: #fff; font-family: 'Titillium Web', sans-serif; font-size: 13px;	font-weight: 500; cursor: default;}
.global li.eISSN { background: #d2261c; border: 1px solid #800700; border-left: 0; margin-left: 0; color: #fff; font-family: 'Titillium Web', sans-serif; font-size: 13px; font-weight: 500; cursor: default;}


/* gnb */
.gnb { width: 1200px; margin: 0 auto; position: relative;text-align: center; }
.gnb > li { float: left; font-size: 16px; font-weight: 400; letter-spacing: -0.5px; text-align: center; position: relative; cursor: pointer; color: #c5c5c5; box-sizing: border-box; background: url('/images/common/gnb_line.jpg') right center no-repeat;}
.gnb > li:last-child { background: none; }
.gnb > li:after { content:''; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; height: 3px; background: #75d8e1; width: 0; transition:0.3s; }
.gnb > li:hover:after, .gnb > li.on:after { width: 100%; }
.gnb > li a { padding: 0 54.5px; display: block; line-height: 47px; font-family: 'Titillium Web', sans-serif; }
.gnb > li:hover a, .gnb > li.on a { color: #75d8e1;	 }
.gnb > li:last-child:hover, .gnb > li:last-child.on { background: url(/images/common/gnb_on.jpg) 63% 58px no-repeat;}

.snb { width: 265px; position: absolute; top: 47px; z-index: 999;  display: none; left: -20px;}
.snb > li { font-size: 14px; border-bottom: 1px solid #666;	 color: #d5d5d5; background: rgba(0,0,0,0.8); line-height:45px; text-align: center; cursor: pointer; font-family: 'Titillium Web', sans-serif; letter-spacing: 0;}
.snb > li:hover { color: #d5d5d5; background: #000; }
.snb > li:last-child { border-bottom: none; }
.snb04 { left: -17px; }

/*visual*/
.visual { width: 100%; height: 610px;  position:relative; overflow:hidden; }
.visuBg { position: relative; }
.visual .swiper-container { }
.visual .swiper-slide { width: 100%; height: 610px;}
.swiper-slide.visual_01 { background:url("/images/main/visu_01.jpg") center no-repeat; text-align:center; color:#fff; background-size: cover; }
.swiper-slide.visual_02 { background:url("/images/main/visu_02.jpg") center no-repeat; text-align:center; color:#fff; background-size: cover; }

.mQuick_wrap { width: 100%; min-width:1200px; height: 125px; background: rgba(82,92,113,0.4); position: absolute; left: 0; bottom: 0; z-index: 999999;}
.mQuick { width: 1200px; height: 125px; margin: 0 auto; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; }
.mQuick li { width: 390px; height: 77px; padding-left: 90px; font-size: 17px; line-height: 120%; letter-spacing: -0.5px; box-sizing: border-box; box-sizing: border-box; position:relative; transition: box-shadow .2s, background-position 0.3s; font-family: 'Titillium Web', sans-serif; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; color: #333; cursor: pointer;	 }
.mQuick li:nth-child(1) { background: #fff url("/images/main/quick_01.png") 30px center no-repeat;}
.mQuick li:nth-child(2) { background: #fff url("/images/main/quick_02.png") 30px center no-repeat;}
.mQuick li:nth-child(3) { background: #fff url("/images/main/quick_03.png") 30px center no-repeat;}
.mQuick li:nth-child(4) { background: #fff url("/images/main/quick_04.png") 30px center no-repeat;}
.mQuick li:before { top: 0; left: 0;  }
.mQuick li:after { bottom: 0; right: 0; }
.mQuick li:before, .mQuick li:after {content: ''; position: absolute; border: 1.5px solid transparent; width: 0%; height: 0%; transition: height .15s ease-out, width .15s .15s ease-out, border-color .15s .3s; box-sizing: border-box; }
.mQuick li:hover { box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); }
.mQuick li:hover:before, .mQuick li:hover:after { width: 100%; height: 100%; }
.mQuick li:hover:before { border-top-color: #1f2b64; border-right-color: #1f2b64; transition: width 0.15s ease-out, height 0.15s 0.15s ease-out; }
.mQuick li:hover:after { border-bottom-color: #1f2b64; border-left-color: #1f2b64; transition: border-color 0s 0.4s ease-out, width 0.15s 0.4s ease-out, height 0.15s 0.65s ease-out; }


/* mContents_wrap */
.mContents_wrap {  }
.mContents_inner { width: 1200px; margin: 30px auto; overflow: hidden;}
.mContents_inner > div { float: left; padding: 30px 0; box-sizing: border-box;}
.mContents_inner > div + div { margin-left: 35px; }
.mTitle { font-size: 20px; font-family: 'Titillium Web', sans-serif; font-weight: 600; letter-spacing: -0.5px; color: #000; margin-bottom: 10px; }
.mTxt { line-height: 140%; text-align: justify; font-size: 14px; }
.mContents_left { width: 360px; }
.indexing { overflow: hidden; margin: 15px 0 30px; padding-top: 1px; }
.indexing li { float: left; width: 50%; height: 50px; border: 1px solid #e9e9e9; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; box-sizing: border-box; margin-top: -1px;}
.indexing li:nth-child(2n) { margin-left: -1px; }
.logo_copy { margin-top: 10px; }
.logo_copy .mImgBox { margin: 5px 20px 0 12px;}
.logo_copy .logo_copy_txt { font-size: 13px; line-height: 130%; }

.mContents_mid { width: 410px; background: #f6f6f6; padding: 30px !important; }
.mContents_mid .mImgBox	 { margin-right: 15px; margin-bottom: 10px;	 }
.mContents_mid .mTxt { font-weight: 300; }
.mImgBox { float: left; }
.mImgBox img + img { margin-left: 3px; }

.mContents_right { float: right; width: 360px; }
.recent { border-top: 2px solid #666; margin-top: 15px;	 }
.recent li { border-bottom: 1px solid #eee; padding: 13px 0; font-size: 14px; font-weight:500;}
.recent li span{ font-size:12px;font-weight:400;}
.recent li .recent_down { text-align: right; margin-top: 10px; }
.recent li .recent_down button { width: 95px; height: 28px; background: none; border: 1px solid #c3c3c3; color: #333; font-size: 12px; margin-left: 5px; cursor: pointer; }
.recent li .recent_down button:hover { background: #c3c3c3; color: #fff; }
.recent li .recent_down button img { margin-right: 5px; margin-top: -4px; }


/* footer */
footer { width: 100%; min-width:1200px; background: #312f2d; padding: 45px 0; color: #7c7c7c; text-align: center; font-size: 12px;}
footer span { color: #999; }



/**** sVisual ****/
.sVisual { width:100%; height: 230px; background: url('/images/sub/sVisu.jpg') 0 0 no-repeat; background-size:cover; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; position: relative; font-size: 40px; font-weight: 700;text-shadow: 1px 1px 5px rgba(0,0,0,0.8); line-height: 130%; color: #fff; position: relative; margin-top: 110px; }

.snb_tab { width: 1200px; height: auto; line-height: 53px; text-align: center; margin: 50px auto 0; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; }
.snb_tab > li { line-height: 53px; margin-left: -1px; margin-top: -1px; box-sizing: border-box;}
.snb_tab > li > a { width: 100%; height: 53px; line-height: 53px; text-align: center; font-size: 17px; display: block; color: #666; box-sizing: border-box; border: 1px solid #d0d0d0; font-weight: 400; position: relative;}
.snb_tab > li.on > a { color: #fff; background: #1f2b64; }
.snb_tab > li > a:after {content:''; z-index:-1; position:absolute; left:0; bottom:0; display:block; width:100%; height:0%; background:#f9f9f9; transition: all 0.3s ease 0s; }
.snb_tab > li > a:hover:after,.snb > li > a:focus:after {height:51px; transition: all 0.3s ease 0s;}

.snb_tab.s2 > li {width:calc(50% + 1px);}
.snb_tab.s3 > li {width:calc(33.3333% + 1px);}
.snb_tab.s4 > li {width:calc(25% + 1px);}
.snb_tab.s5 > li {width:calc(20% + 1px);}
.snb_tab.s6 > li {width:calc(16.666% + 1px);}
.snb_tab.s7 > li {width:calc(14.285% + 1px);}
.snb_tab.s8 > li {width:calc(12.5% + 1px);}


/**** sContainer ****/
.sContainer { width: 100%; margin: 0 auto 50px; overflow: hidden; }
.sContainer .title { width: 1200px; margin: 0 auto; text-align:center; display:block; padding: 70px 0 80px; position: relative; }
.sContainer .title h2 {line-height:100%; display:block; text-align:center;}
.sContainer .title h2 span { background: url('/images/sub/title_bg.jpg') bottom center repeat-x; padding-bottom: 10px; color: #1f2b64; font-size:37px; font-weight: 600; letter-spacing:-0.5px; font-family: 'Titillium Web', sans-serif;}
.sContainer .title .location { display:inline-block; margin-top: 40px; clear: both; }
.sContainer .title .location > li {height:30px; line-height:30px; letter-spacing:0px; padding:0 15px; float:left; color:#888; font-weight:400; background:url('/images/sub/locationDot.jpg') no-repeat left;}
.sContainer .title .location > li:first-child { background:none; }
.sContainer .title .location > li:first-child img { vertical-align: top; margin-top: 8px; }


/**** sContents ****/
.sContents { width: 1200px;	 margin: 0 auto 80px; min-height:400px; box-sizing: border-box; position: relative; word-break:keep-all;}
.sContents h4 {font-size:19px; color:#333; font-weight:600; line-height:100%; margin: 50px 0 8px;}
.sContents h4:nth-child(1) { margin-top: 0; }
.sContents h5 { font-size: 18px; margin:20px 0px 10px; font-weight: 500; color: #006699;}
.sContents h6 { font-size: 16px; margin:20px 0px 10px; font-weight: 500; color: #75d8e1; /*text-decoration: solid underline #75d8e1 2px; text-underline-position: under;text-underline-offset: 1px;*/}
.boardTable + h5 { margin-top: 20px; }
.sContents .imgBox { margin-bottom: 20px; }
.sContents a:link {text-decoration:underline; color:#0d71bb;}
.lineBox { border: 1px solid #ddd; padding: 30px; }

.mSearch_wrap { width: 100%; height: 80px; }
.mSearch {width: 1200px; height:80px; margin: 0 auto; padding:0px 0 0 40px; background: url('/images/sub/search_ico.jpg') no-repeat 0 center; box-sizing:border-box; display:flex; align-items :center;	border-bottom: 1px solid #aaaaaa;}
.mSearch > ul {overflow:hidden;}
.mSearch > ul > li {float:left; border:1px solid #ddd; margin-left:-1px;}
.mSearch > ul > li:first-child {margin-left:0;}
.mSearch > ul > li > input,
.mSearch > ul > li > select {padding:0 10px; height:32px; border:0; box-sizing:border-box; font-size:13px; color:#fff; background:#0d71bb;}
.mSearch > ul > li { color: #fff; }
.mSearch > ul > li > select {width:110px; padding:0 0 0 10px;}
.mSearch > ul > li > a {width:97px; height:33px; line-height:33px; color:#fff; background:#444444; text-align:center; display:block; font-size: 14px; font-weight: 400;}
.mSearch > ul > li > a:hover {background:#222;}
.mSearch > ul > li.searchBtn {border:0;}

/**** about ****/
.about_img { float: left; margin-right: 50px; }
.about_txt { font-family: 'Titillium Web', sans-serif; font-size: 28px; color: #000; line-height: 120%; margin-bottom: 20px;}
.about_txt span { color: #164890; font-weight: 400; }


/**** Editorial Board ****/
.Editorial_member th { border-left: 0;}
.Editorial_member td { border-right: 0;}
.editorial_name { font-weight: 500; font-size: 15px; color: #333; display: block;}
.editorialTable th { text-align: left; color: #333; font-size: 14px; font-weight: 300; padding-left: 35px; padding-right: 35px; border-left: 0;}
.editorialTable td { font-size: 14px; border-right: 0; }

/**** Submission Guidelines > Call for Papers  ****/
.topics_list { overflow: hidden; }
.topics_list ul { width: 50%; float: left; }
.topics_list ul li { margin-bottom: 3px !important; }

/**** Submission Guidelines > Instruction to Authors ****/
.border_box { border: 15px solid #ddd; /*border-image: url('/images/sub/border_bg.jpg') 15 15 repeat;*/ box-sizing: border-box; margin: 60px 0; padding: 75px 50px;}
.abstract_table { border-collapse:collapse; margin-top: 50px; }
.abstract_table tr { padding:10px 0 10px 0px;}
.abstract_table tr th {width:280px;font-weight:500;color:#006699; padding:7px 20px 10px; border-top: 1px solid #006699; margin:0 15px 0 0; vertical-align:middle; word-break:keep-all; text-align: left;}
.abstract_table tr td:before { position: absolute; left: 15px; top: 0; width: 95%; height: 1px; display: block; content:''; background: #dedede; }
.abstract_table tr td {margin-top:7px;	vertical-align:middle; padding: 20px 30px; position: relative;}
.abstract_table tr:last-child th { border-bottom: 1px solid #006699; }
.abstract_table tr:last-child td:after { position: absolute; left: 15px; bottom: 0; width: 95%; height: 1px; display: block; content:''; background: #dedede; }

/**** Submission Guidelines > Publication Ethics  ****/
.ethics a.link { color: #006699; }
.pdfDown { width: 95px; height: 28px; background: none; border: 1px solid #c3c3c3; color: #333; font-size: 12px; margin-left: 0px; cursor: pointer; }
.pdfDown:hover { background: #c3c3c3; color: #fff; }
.pdfDown img { margin-right: 5px; margin-top: -4px; }

/**** Archives	****/
.archives {	 }
.archives li {	}
.archives li + li { margin-top: 30px; }
.archives_year { font-size:19px; color:#333; font-weight:600; line-height:100%; margin: 50px 0 8px; }
.archives_vol { overflow: hidden; padding: 1px; box-sizing: border-box; }
.archives_vol a { float: left; border: 1px solid #d0d0d0; text-align: center; padding: 5px 0; width: calc( 25% + 1px ); display: block; margin-left: -1px; box-sizing: border-box; transition:0.2s;}
.archives_vol a:hover { color: #006699; border-color: #006699; position: relative; z-index: 1;}
.archives_vol a:nth-child(2n) { background: #f5f5f5; }

.PNGBA { position: absolute; left: 0; top: 70px; }

.downBtn {padding:10px 30px 10px 50px; background:url('/images/common/pdf.jpg') no-repeat 20px 11px #f9f9f9; display:inline-block; margin-top:30px; border:1px solid #ddd; text-decoration:none !important;}
.downBtn:hover {border:1px solid #666; color:#333;}

.go_btn { text-align: center; margin-top: 45px; }
.go_btn a { color: #fff; border: 2px solid #003152; background: #003152 url('/images/sub/white_arr.png') 90% center no-repeat; padding: 10px 40px 10px 30px; transition:0.2s;}
.go_btn a:hover { color: #003152; background: #fff url('/images/sub/blue_arr.png') 90% center no-repeat; }


.down { padding-right: 20px; padding-left: 41px; border:1px solid #999; text-decoration:none !important; background:url('../images/sub/downBtn.png') no-repeat 20px -18px; display:inline-block; color:#333 !important; border-radius:30px; margin-top: 15px; box-sizing: border-box; font-size: 12px; }
.down:hover {background-position:20px -90px; background-color:#444; color:#fff !important;}


.mCurrent > li {border-bottom:1px solid #ddd; padding:15px 10px; overflow:hidden;  }
.mCurrent > li:first-child {border-top:1px solid #ddd;}
.mCurrent > li > p, .mCurrent > li > a {float:left;}
.mCurrent > li > p {width:475px; font-size:14px; color:#333; padding-right:20px; background:url('/images/common/list_line.jpg') right center no-repeat ; box-sizing:border-box; }
.mCurrent > li > p > span {color:#0d71bb}
.mCurrent > li > p > a { max-width: 100%; font-size:14px; color:#363636; font-weight:600; display:inline-block; margin-bottom:11px; border-bottom: 1px solid #363636; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; clear: both;	 }


/* current issue*/
.mCurrent.sCurrent > li > p { width: 1100px; }
.mCurrent.sCurrent > li a.DownloadPDF { padding:50px 5px 50px 40px; }

/*board view*/
.v_subject {width:100%; padding:15px 40px 25px 30px; border-top:2px solid #666; border-bottom:1px solid #ddd; background:#f9f9f9; box-sizing:border-box;}
.v_subject > h3 {font-size:18px; color:#1f2b64; margin:15px 0 20px; font-weight:bold; text-align:left;}

.v_list > li {padding:20px 30px; border-bottom:1px solid #ddd;}
.v_list > li > strong,
.v_abstract > ul > li > strong {color:#333; font-weight: 600;}

.v_abstract {background:#f9f9f9; margin-top:40px; border-bottom:1px solid #ccc; padding-bottom:30px;}
.v_abstract > p {height:50px; line-height:50px; padding-left:30px; font-size:16px; font-weight:bold; color:#fff; background:#1f2b64;}
.v_abstract > div {padding:25px 30px;}
.v_abstract > ul {margin:0 30px;}
.v_abstract > ul > li {padding:3px 0; text-align:left;}

/* authorContainer */
.authorContainer { overflow: visible; }
.content_Wrap { width: 100%; display: flex; align-items: flex-start; justify-content:space-between;}
.left-menu { width: 20%; position: sticky; left: 0; top: 0; max-height: calc(100vh - 40px); overflow-y: auto; background: #f2f2f2; padding: 20px; border: 1px solid #ddd; }
.main-menu { color: #0073e6; font-size: 14px; margin: 5px 0 4px; font-weight: bold; cursor: pointer; transition: color 0.2s; }
.main-menu:hover { color: #0073e6; text-decoration: underline; }
.submenu { margin-left: 10px; }
.submenu li { color: #0073e6; padding: 0px 0px 0px 10px ; cursor: pointer; font-size: 12px; transition: color 0.2s; background:url('../images/common/bluedot.gif') no-repeat left 8px; text-indent:0; }
.submenu li:hover { color: #0073e6; text-decoration: underline; }

/* ¿À¸¥ÂÊ ÄÜÅÙÃ÷ ---------------------------- */
.right-content { width: 70%; height: auto; padding: 30px; overflow-y: hidden; z-index: 1; }
.section { padding: 50px 0; border-bottom: 1px solid #ddd; }
.section h2 { margin-bottom: 15px; }

/* day_container */
.day_container {display: flex;flex-wrap: wrap;margin: 20px auto; width:1200px;}
.day_container .item {display: flex;align-items: center;position: relative;width: 25%;box-sizing: border-box;padding: 10px;}
.day_container .bar {width: 2px;background: #1f2b64;margin-right: 10px;height: 80px;}
.day_container .content {display: flex;flex-direction: column;position: relative;justify-content: space-between;height: 80px; /* ³¯Â¥+¾ÆÀÌÄÜ+ŸÀÌƲ Àüü ³ôÀ̸¦ °íÁ¤ */}
.day_container .top-line {display: flex; align-items: center; font-size: 20px;font-weight: bold; color: #1f2b64; position: relative;}
.day_container .icon {width: 18px;height: 18px;margin-left: 6px;cursor: pointer;border: 1px solid #1f2b64;border-radius: 50%;text-align: center;font-size: 14px;line-height: 16px;}
.day_container .title {margin-top: 5px;font-size: 16px;font-weight: 500;line-height: 1.2; color: #111;}
.day_container .popup {display: none;position: absolute;top: 35px;left: 0;padding: 10px;background: #fff;border: 2px solid #ccc;box-shadow: 0 2px 8px rgba(0,0,0,0.2);z-index: 10;width: 400px;}
.day_container .icon:hover + .popup {display: block;}