@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 

/* base layout */

body { font-size: 15px; font-family: 'Noto Sans KR', "Helvetica Neue", Helvetica, "돋움", "돋움체", Arial, sans-serif; line-height: 1.5; color: #666; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: none;}
a {font-size: inherit; color: inherit; text-decoration: none; line-height: inherit; font-weight: inherit}
a:hover, a:focus {color: #737373;}
.left-spacing05{letter-spacing: 0.5px;}

/* 스킵 네비게이션 */
#skip a {display: block; width: 1px; height: 1px; overflow: hidden; margin-top: -1px; }
#skip a:focus, #skip a:active { width: 100%; height: auto; padding: 10px 0; text-align: center; }

.container{width:1180px; margin:0 auto; font-family: 'Noto Sans KR', "Helvetica Neue", Helvetica, "돋움", "돋움체", Arial, sans-serif; }/*border: 1px solid red;*/

.top-navi {width:1180px; margin:0 auto; text-align: right;  height: 20px; padding: 10px 0 }
.top-navi > a {display: inline-block; padding: 0  20px; color: #999; font-size: 13px; border-left: 1px solid #e9e9e9; margin-left: -4px; line-height: 14px}
.top-navi > a:first-child {border-left: none;}
.top-navi > a:last-child {padding-right: 0}
.top-navi > a:hover {color: #666}
.top-navi > a.last{padding-right: 0}
.top-navi .icon-stiemap{background: url(../img/img-common/icon-sitemap.png) 20px center no-repeat;  text-indent: 20px;}

/* gnb */
.gnb-container{height: 80px; position: relative;}
h1 {float: left;}
#gnb {position: absolute; right: 0; top: 7px;}
#gnb > li {float: left;}
#gnb > li > a {display: inline-block; padding: 20px 60px 30px 60px;  font-size: 18px; font-weight: 500; color: #333; letter-spacing: -0.5px}
#gnb > li > .sub-last{padding-right: 0px; padding-left: 23px}
#gnb > li:hover > a{color: #fcb040;}
#gnb ul {display: none; position: absolute; top: 73px; min-width: 135px; padding: 20px 10px 15px 15px; background: url(../img/img-common/gnb-sub-topline.png) center top no-repeat; background-color: #fff; }
#gnb ul li {color: #999; font-size: 13px;  padding: 6px;}
/*#gnb ul li+li:before {content: "|"; margin: 0 15px; font-size: 11px; color: #629dd1;}*/
#gnb ul li a{display: block; word-break:keep-all; color: #666}
#gnb ul li:hover > a {color: #000}
#gnb li ul {z-index: 999}
#gnb li.sub1 ul {left: 20px;}
#gnb li.sub2 ul {left: 222px;}
#gnb li.sub3 ul {left: 383px;}
#gnb li.sub4 ul {left: 565px;}

/* footer */
#footer{height: 100px; background-color: #464646;}
#footer .footer-container{padding-top: 28px}
#footer li{color: #e3e4e5; font-size: 13px;}
#footer .address{padding-top: 13px}
#footer .logo-footer{float: left; padding: 0 20px 0 150px;}

.address li{float: left;}
.address li:nth-child(2), .address li:nth-child(4){ padding-left:10px;}


/*서브퀵메뉴*/
.aside{position: fixed; left: 50%; top:320px; margin-left: 640px;z-index: 11}
.aside li{width: 90px; height: 90px; margin-bottom:2px;}

/* sub-visual */
.visual{position: relative;height: 250px;}
.visual .sub-text{display: block; text-indent: -99999px;}
.sub-about{background: #4199e8 url(../img/img-sub/about-bgvisual.jpg) center center no-repeat;}
.sub-sitemap{background: #4199e8 url(../img/img-sub/sitemap-bgvisual.jpg) center center no-repeat;}
.sub-member{background: #4199e8 url(../img/img-sub/member-bgvisual.jpg) center center no-repeat;}
.sub-notice{background: #4199e8 url(../img/img-sub/notice-bgvisual.jpg) center center no-repeat;}
.sub-journal{background: #4199e8 url(../img/img-sub/journal-bgvisual.jpg) center center no-repeat;}




/* sub-left */
.sub-left{width: 250px; float: left;}
.sub-left > .heading{height: 100px; background: url(../img/img-sub/bg-line.jpg) 0 bottom repeat-x;
}
.sub-left > .heading > h2{margin-left: 50px; color: #666; font-size: 30px; font-weight: 400; height: 100px; line-height: 100px}
.sub-left .lnb li{position: relative;}
.sub-left .lnb li:first-child{margin-top: 26px;}
.sub-left .lnb li a{display: block; margin: 16px 0; padding: 4px 4px 4px 50px;}
.sub-left .lnb li a span{color: #999;}
.lnb li a:hover > span, .sub-left .lnb li a.active > span {color:#333333;}
.lnb > li > a:hover>span:after, .lnb > li > a.active > span:after {position: absolute; margin-left: 10px; margin-top: 8px; width: 8px; height: 2px; background: #fcb040; content: '';}


/*sub-contents*/
.sub-contents {width: 890px; float: right; min-height: 450px; padding-bottom: 60px}
.heading{height: 100px; background: url(../img/img-sub/bg-line.jpg) 0 bottom repeat-x;}
.heading > h3 {float: left; height: 100px; line-height: 90px; font-size: 34px; color: #333; font-weight: 700;}
.route{float: left; padding: 42px 0 0 20px; color: #999}
.route > img{padding-bottom: 3px}
.route > strong {color: #666; font-weight: 400 }
.gubun{margin: 0 5px; color: #999;}
.gubun2 {padding: 0 10px;}

.text01{font-size: 22px; font-weight: 400; color: #333}

/*서브공통*/
.sub-con{padding-top: 40px}
.sub-con > p.heading{font-size: 30px; color: #24aae2; font-weight: 400; padding-bottom: 40px; border-bottom: 1px solid #ededed}
.sub-con > p.heading2{font-size: 16px; color: #24aae2; font-weight: 400; padding-bottom: 10px;}
.sub-con p {text-align: justify}

.btn-cancel{border-radius: 4px; border: 0; width: 100px; height: 48px; background-color:#999; color: #fff; font-size: 18px;}
.btn-ok{border-radius: 4px; border: 0; width: 240px; height: 48px; background-color:#3792e3; color: #fff; font-size: 18px;}

/*학회소개*/
.con1-img{position: relative; height: 370px; padding: 30px 0; background: url(../img/img-sub/about-img.jpg) center center no-repeat;}
.con1-img > span{position: absolute; font-size:17px; color: 333333;  padding-top: 280px; text-align: center; width: 890px}
.bdr-3-gray {padding: 10px; border-right: 3px solid #dadbe9;}


/*학회조직 테이블*/
.table-type01 caption, .table-type02 caption, .table-type03 caption{text-indent: -9999px;}
.table-type01, .table-type02, .table-type03{border-collapse: collapse; width:100%; margin-bottom: 20px}
.table-type01 th, .table-type02 th, .table-type03 th {font-weight: 500; border: 1px solid #eaeaea; height: 32px;}
.table-type01 td, .table-type02 td {font-size: 13px; border: 1px solid #eaeaea;  height: 28px; text-align: center; }
.table-type01 th, .table-type03 th{background: #e9f6fc;}
.table-type02 th {background: #eff7e4;}
.table-type02 .bg-eee{background: #fafafa;}
.table-type03 td {font-size: 13px; border: 1px solid #eaeaea; height: 28px; text-align: center; padding: 4px 0;}

.juso-box > img { display:block; margin:0 auto;}
.juso-box span:first-child{ margin-top:10px;}
.juso-box span{ font-size: 16px; margin-left: 20px; padding:5px 0px; display:block;}
.juso-box span strong{font-size: 18px;}
.juso-box2{background: #e9f6fc; line-height: 35px; overflow:hidden; padding:10px;}
.juso-box2 span { padding-left:20px; display:block; text-align:left;}
.juso-box2 span strong{font-size: 16px;}

/*회원광장-회원가입 신청서*/
.table-join{width: 100%}
.table-join tr{border-bottom: 1px solid #eaeaea; padding: 10px;}
.table-join td{text-align: left; padding: 10px;}
.table-join td label{text-align: left; font-size: 14px;}
.table-join input{border-radius: 4px; height: 28px; background-color: #fff;  border: 1px solid #eaeaea; padding: 0 10px; font-size: 13px; letter-spacing: 0.5px;}
.table-join input::-webkit-input-placeholder {font-size: 12px; color: #aeaeae; font-weight: 400}
.table-join button{border-radius: 4px;  padding: 0; vertical-align: middle; background-color: #b1b1b1;  border: 0; width:80px; height: 28px; color: #fff; font-size: 13px; font-weight: 400; margin-left: 1px;}
.table-juso td{padding: 2px; text-align: left:}
.table-juso tr{border-bottom: none;}
.sub-con form fieldset legend{margin-bottom: 10px; font-size: 18px; font-weight: 500; }
.table-join .topline{border-top: 2px solid #ccc;}
.table-join .bottomline{border-bottom: 2px solid #ccc;}
.table-join .radiobox{width: 16px; height: 16px}
.table-join .text-small{font-size: 13px; color: #7f7f7f; line-height: 22px;}

.w50{width: 50px;}
.w100{width: 100px;}
.w140{width: 140px}
.w180{width: 160px}
.w200{width: 200px}
.w240{width: 240px}
.w300{width: 300px}
.w183{width: 183px}
.w400{width: 400px}
.w500{width: 500px}
.w600{width: 600px}

.text-left{text-align: left; text-indent: 10px}
.min-height350{min-height: 350px;}


/*회원광장-로그인*/
.login-box {background: #f6f6f6;width: 500px; margin: 0 auto; padding: 40px}
.login-form .fl {width:370px;}
.login-form .fr {width:120px;}
.login-form .fl > div {position: relative; height: 30px; margin-bottom: 5px;}
.login-form .fl label {position: absolute; top:13px; left:15px;}
.login-form .fl input {width: 100%; height: 100%; padding-left: 10px; font-size: 14px}
.login-form .fr button {width: 100%; height: 67px; font-size: 18px}
.login-box2 {width: 560px; margin: 40px auto;}
.login-box2 span.text-small {font-size: 13px}

/*아이디 비번찾기*/
.idpw-search{width: 350px; border: 1px solid #ededed; padding: 40px;}
.idpw-search h3.heading{font-size: 18px; font-weight: 500}
.idpw-search .heading-sub{font-size: 13px; color: #999; border-bottom: 1px solid #ededed; padding-bottom: 20px;}
.box-def {margin-top: 20px; border: 1px solid #ccc;  padding: 10px; background: #fafafa; text-align: center;}

/* 논문투고 안내, 논문투고 규정, 연구윤리규정 */
.doc_date {display:block; padding:10px; text-align:right; border:1px dashed #ddd; margin-bottom:20px;}
.doc_title {display:block; font-size:16px; font-weight:bold; padding:15px 0px;}
.doc_body {text-align:justify; line-height:26px; font-size:14px; border-bottom:1px dashed #ddd; padding-bottom:20px; margin-bottom:10px;}
.doc_body:last-child{border-bottom:0px;}

/*사이트맵*/
.sitemap > li {float: left; width: 160px; padding-right: 83px;}
.sitemap-heading {text-align: center; font-size: 18px; font-weight: 500; color: #333; letter-spacing: -0.5px; padding-bottom: 16px;}
.sitemap > li.sitemap-last{padding-right: 0px;}
.sitemap ul {width: 160px;  background: url(../img/img-common/gnb-sub-topline.png) center top no-repeat; background-color: #fff; }
.sitemap ul li {color: #999; padding: 10px 0 10px 20px}
.sitemap ul li:first-child{padding-top: 30px}
.sitemap ul li:hover > a {color: #333;}

/*  page  */
/* .container {width: 1180px; margin: 0 auto;} */
.container-sub {width: 920px; margin: 0 auto; padding: 60px 0; min-height: 500px}
.container500 {width: 500px; margin: 0 auto;}
.container600 {width:600px;}
.container800 {width:800px;}
.container1000 {width:1000px;}
.container1200 {width:1200px;}
.container1300 {width:1300px;}
.container1500 {width:1500px;}
.container1700 {width:1700px;}
.container1800 {width:1800px;}

/* common form style */
.form-grp1 input[type="text"], .form-grp1 input[type="search"], .form-grp1 button, .form-grp1 select {height: 30px}
.form-grp1 button {background: #b1b1b1; color: #fff; font-size: 13px; border: 0}
.form-grp1 input[type="search"]+button {margin-left: 1px}

.form-grp2 input[type="text"], .form-grp2 input[type="search"], .form-grp2 button, .form-grp2 select {height: 26px}
.form-grp2 button {height: 26px}
.form-grp2 input[type="search"]+button {margin-left: -1px}

.cal-ui {display: inline-block;}
.cal-ui input[type="text"] {width: 100px;}
.cal-ui span {padding: 0 0.4em;}
.cal-ui img {vertical-align: middle; padding-left: 4px}
.addr-form > div {margin-bottom: 5px}
.addr-form > div:last-child {margin-bottom: 0}
.addr-form input[type="text"], .addr-form button {height: 28px}
.addr-form button {background: #8f9195; color: #fff; font-size: 12px;}
.tell-ui input {width: 4em; height: 28px; text-align: center}
.tell-ui span {padding: 0 0.3em;}

.helper {position: relative; cursor: help;}
.helper .balloon {position: absolute;  top:1.5em; left: -40px; background: #fbfbfb; border: 1px solid #ccc; padding: 0.3em 0.5em; font-size: 12px; color: #585858; font-weight: normal; text-align: left; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); display: none;}
.helper:hover .balloon {display: block;}
.link-txt {text-decoration: underline; color: #6797cd;}
.att-ment-bg {background: #eee; color: red; padding: 4px 4px 4px 10px; font-size: 13px}
.no-data {padding: 2em 1em; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 16px; color:#aaa; text-align: center}
.file-down {display: inline-block; font-size: 13px; line-height: 1; padding: 0.3em 0.5em; border: 1px solid #ddd; color: #555fae;}

.over-dim-layer { position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.45); }
.fa-file{display: inline-block; background: url(../img/img-common/icon-file.png) center center no-repeat; width: 10px; height: 12px; margin-right: 5px}


/* 갤러리 */
.photo_list { width:100%;}
.photo_list li { float:left; width:280px; border:1px solid #dddddd; height:260px; margin-bottom:30px; margin-right:20px;}
.photo_list li.no_photo { width:100%; border:0px; text-align:center; line-height:150px;}
.photo_list li:nth-child(3n) { margin-right:0px;}
.photo_list li > a { display:block;}
.photo_list li > a > .photo_img { display:block; height:224px; border-bottom:1px solid #dddddd;}
.photo_list li > .photo_title { line-height:35px; display:inline-block; overflow:hidden; text-overflow:ellipsis; width:240px; padding-left:10px; white-space:nowrap;}