@charset "euc-kr";

body,
input,
select,
textarea,
button {font-family:'Nanum Gothic', NanumGothic, Dotum, 'Apple Gothic', sans-serif !important;}
a {color:inherit; text-decoration:none;}
a:hover,
a:focus {text-decoration:underline;}




/* ******************* layout ******************* */
html, body {background-color:#ebebeb;}
.wrapper {width:1028px; margin:0 auto;}
/* header */
.header {position:relative; height:; z-index:0;}
.header .logo {padding:30px 0 14px;}
.header .issn {position:absolute; top:18px; right:0; display:inline-block; padding:0 0 10px 10px; color:#3b3186; font-weight:bold; font-size:13px; z-index:1;}
.header .topLink {position:absolute; top:27px; right:0; z-index:0;}
.header .gnbWrap {overflow:hidden;}
#gnbUI {width:9999px;}
#gnbUI li {float:left;}
#gnbUI li a {display:inline-block; height:86px; vertical-align:top;}
#gnbUI li.on a img,
#gnbUI li a:hover img,
#gnbUI li a:focus img {margin-top:-100px;}

/* wing banner */
#wingBnr {position:fixed; top:383px; left:50%; margin-left:514px;}

/* footer */
#footerWrap {margin-bottom:24px;}
.footer {position:relative; padding:16px 20px; background-color:#fbfbfb; color:#999; font-size:12px; line-height:18px;}
.footer .addressArea ul li {display:inline-block; margin-right:10px;}
.ie7 .footer .addressArea ul li {display:inline;}
.footer .links {position:absolute; top:50%; right:20px; margin-top:-15px;}
.footer .links li {float:left; margin-left:6px;}
.footer .links li.refus {padding-top:4px; margin-right:20px; margin-left:0;}
.footer .links li.refus a {display:inline-block; height:21px; line-height:21px; padding:0 12px; color:#848484; font-weight:bold; font-size:10px; border:1px solid #d3d3d3;}
.footer .links li.refus a span {display:inline-block; height:21px; padding-right:11px; background:url('../image/common/bl_arr01.gif') 100% 50% no-repeat;}

/* contanier */
.container {margin-bottom:14px;}
.container .contents {position:relative;}

/* main */
.main .container {overflow:hidden;}
.main .container .aside {float:left; width:220px;}
.main .container .contents {float:right; width:794px; overflow:hidden;}
.main .container .contents .linkArea {margin:-14px 0 0 -14px;}
.main .container .contents .linkArea:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 .main .container .contents .linkArea {zoom:1;}

.main .container .contents .linkArea li {float:left; margin-left:14px; margin-top:14px;}
.main .container .contents .article dt {height:38px; line-height:38px; text-align:center; color:#fff; font-size:16px; background-color:#3a3a3a;}
.main .container .contents .article dd {padding:15px 21px; background-color:#fff;}
.main .container .contents .article dd .bl li {padding-left:8px; font-size:12px; color:#555; background:url('../image/common/bl_dot01.gif') 0 9px no-repeat; color:#555;}

/* 말줄임 처리 미사용 */
.main .container .contents .article dd .bl li a {color:#555; line-height:20px;}
.main .container .contents .article dd .bl li span.noLink {line-height:20px;}

/* 말줄임 처리 사용시 주석 풀 것 */
/*
.main .container .contents .article dd .bl li a {position:relative; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block; width:100%;}
.main .container .contents .article dd .bl li span.noLink {position:relative; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block; width:100%;}
*/

.main .container .contents .linkArea + .article {position:absolute; top:245px; right:0; width:510px;}
.main .container .contents .linkArea + .article dd {height:430px; padding:0;}
.main .container .contents .linkArea + .article dd ul.zone1 {width:100%; padding:21px 0; border-top:0 none;}
.main .container .contents .linkArea + .article dd ul.zone1 li {float:left; margin:0;}

.main .container .contents .linkArea + .article dd ul.zone2 {overflow:hidden; width:470px; padding-top:14px; margin:0 auto; border-top:1px solid #ececec;}
.main .container .contents .linkArea + .article dd ul.zone2 li {float:right; margin-bottom:10px;}
.main .container .contents .linkArea + .article dd ul.zone2 li.odd {float:left;}

.main .container .contents .linkArea + .article dd ul:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 .main .container .contents .linkArea + .article dd ul {zoom:1;}

.main .container .contents .section {padding-top:14px;}
.main .container .contents .section:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 .main .container .contents .section {zoom:1;}
.main .container .contents .section .article {width:390px;}
.main .container .contents .section .article dd {overflow:hidden; height:150px; padding-top:15px; padding-bottom:0;}
.main .container .contents .section .article2 {height:173px; width:664px; overflow:hidden; background-color:#fff;}
/* 금색 #ae977b */
.main .container .contents .section .article2 dt {float:left; width:116px; height:173px; line-height:173px; color:#fff; font-size:16px; text-align:center; background-color:#201980;}
.main .container .contents .section .article2 dd {float:left; padding-top:12px;}
.main .container .contents .section .article2 dd li {float:left; margin-left:24px;}
.main .container .contents .section .last {height:173px; width:116px; text-align:center; color:#fff; background-color:#141414;}
.main .container .contents .section .last p {margin:30px auto 25px; font-size:16px; line-height:18px; text-align:center;}
.main .container .contents .section .last span {font-size:12px;}
.main .container .contents .section .last a {display:inline-block; height:21px; width:68px; border:1px solid #fff;}
.main .container .contents .section .last a span {display:inline-block; padding-right:9px; line-height:21px; font-size:10px; background:url('../image/common/bl_arr02.gif') 100% 50% no-repeat;}



/* subpage */
.sub .container .contents {padding:40px 50px 50px; color:#555; font-size:14px; line-height:1.7; text-align:justify; word-break:normal; background-color:#fff;}
.titleArea {position:relative; padding-right:100px; margin-bottom:40px; font-size:18px; line-height:25px;}
.titleArea .tit {margin-bottom:5px; color:#0076b0; font-size:32px; line-height:1.7; font-weight:bold;}
.titleArea .subUtil {position:absolute; top:10px; right:0;}
.titleArea .subUtil li {float:left; margin-left:10px;}
.titleArea .subUtil li:first-child {margin-left:0;}

/* 1명 일 때 */
.authorArea {position:relative;}
.authorArea dl {position:absolute; bottom:0; right:0; width:756px; padding-bottom:15px; border-bottom:3px solid #ebebeb;}
.authorArea dl dt {font-weight:bold; color:#3f3f3f; font-size:16px;}
.authorArea dl dd {color:#848484;}
.authorArea dl dd span {font-weight:bold; color:#3f3f3f;}
/* 여러 명 일 때 */
.authorArea table {table-layout:fixed;}
.authorArea table .picArea img {float:left; margin-left:10px;}
.authorArea table .picArea img:first-child {margin-left:0;}
.authorArea table .nameArea {position:relative;}
.authorArea table .nameArea ul {position:absolute; bottom:0; right:0; width:100%; padding-bottom:15px; border-bottom:3px solid #ebebeb;}
.authorArea table .nameArea ul li {float:left; margin-left:20px; text-align:center;}
.authorArea table .nameArea ul li:first-child {margin-left:0;}
.authorArea table .nameArea ul li span {color:#848484;}
.authorArea table .nameArea ul li .name {font-weight:bold; color:#3f3f3f; font-size:16px;}
.subCont + .authorArea {margin-top:60px;}
/* 저자 사진 없을 때 */
.authorArea dl.nonPic {position:static; width:100%;}
/* 저자 사진 클 때 */
.authorArea dl.widePic {width:400px;}
/* 저자 영역이 없을 때 */
.authorArea.nobody {border-bottom:3px solid #ebebeb;}


.subCont {margin-top:30px;}
.subCont p {margin-top:24px;}
.subCont p:first-child {margin-top:0;}
.subCont .qnaArea dt {margin-top:40px; padding-left:35px; font-weight:bold; font-size:20px; color:#0075b1; background:url('../image/common/ico_quest.jpg') 0 2px no-repeat;}
.subCont .qnaArea dt:first-child {margin-top:0;}
.subCont .qnaArea dd {margin-top:10px;}
.subCont .qnaArea dd p:first-child {margin-top:0;}
.subCont .imgWrap {margin-top:20px; text-align:center;}
.subCont > .imgWrap:first-child {margin-top:-10px;}
.subCont .imgWrap + .imgWrap {margin-top:10px;}
.subCont .imgWrap img {max-width:100%;}
.subCont a {text-decoration:underline; color:#1e8be7;}


/* ******************* common style ******************* */
.fcPoint01 {color:#34615b !important;} /* green */
.fcPoint02 {color:#e5368c !important;}	/* pink */
.pdTop {margin-top:24px;}
.pdBtm {margin-bottom:24px;}

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


/* title */
.articleTit {margin:34px 0 24px; background:url('../image/sub/bg_tit.gif') 0 0 no-repeat;}
.subCont .articleTit:first-child {margin-top:0;}
.articleTit:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.articleTit span {float:left; height:41px; line-height:41px; font-weight:bold;}
.articleTit .num {width:42px; text-align:center; color:#fff;}
.articleTit .cmt {margin-left:15px; color:#17668f;}
.articleTit + .subTit {margin-top:0;}
.subTit {margin-top:24px; font-weight:bold; color:#17668f;}
.subTit + p {margin-top:0;}
.caption {margin-bottom:15px;}

/* table */
.wzDefTbl {border-top:1px solid #c9c9c9;}
.wzDefTbl table {table-layout:fixed; border-collapse:collapse; border-right:1px solid #c9c9c9;}
.wzDefTbl th,
.wzDefTbl td {padding:10px 5px; text-align:center; border-left:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; word-break:normal;}
.wzDefTbl thead th,
.wzDefTbl .thead td {padding:11px 0; color:#fff; background-color:#1e467b; border-bottom:0 none;}
.wzDefTbl .ac td,
.wzDefTbl .ac {text-align:center !important;}
.wzDefTbl .al td,
.wzDefTbl .al {text-align:left !important;}
.wzDefTbl .ar td,
.wzDefTbl .ar {text-align:right !important;}

/* bullet & list */
ul.dash > li {position:relative; padding-left:12px; margin-bottom:5px;}
li ul.dash > li {margin-bottom:0;}
ul.dash > li:before {content:'-'; position:absolute; top:0; left:0;}

ul.dot > li {padding-left:10px; text-indent:-10px; margin-bottom:5px;}
li ul.dot > li {margin-bottom:0;}

ul.circle > li {padding-left:18px; text-indent:-18px; margin-bottom:5px;}
li ul.circle > li {margin-bottom:0;}

ul.num > li {padding-left:16px; text-indent:-16px; margin-bottom:5px;}
li ul.num > li {margin-bottom:0;}

.subCont ul.bl > li {padding-left:20px; background:url('../image/common/bl_subcont.gif') 0 5px no-repeat;}
.subCont p.bl,
.subCont span.bl {display:block; padding-left:20px; background:url('../image/common/bl_subcont.gif') 0 5px no-repeat;}

/* box */
.boxDef {padding:20px; border:1px solid #c9c9c9;}


/* Article Type */
dl.articleType1 {margin-top:10px;}
dl.articleType1 dt {margin:24px 0 5px; font-weight:bold;}
dl.articleType1 dt:first-child {margin-top:0;}

dl.articleInfo {padding-bottom:23px; background-color:#f2f2f2;}
dl.articleInfo dt {height:39px; line-height:39px; text-align:center; font-weight:bold; color:#fff; background:url('../image/sub/bg_info.gif') 0 0 no-repeat;}
dl.articleInfo dd {padding:0 28px;}