@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
* {margin:0; padding:0; box-sizing:border-box;line-height:1; border:none;}
li {list-style:none;}
a {text-decoration:none; color:#232323;}
.clearfix:after {content:''; display:block; clear:both;}
.wrap {width:100%; position:relative;  font-family: 'Noto Sans KR', sans-serif; background:#e7eef4; font-size:16px;}
#subcontainer{margin-left:230px; width:1270px; min-height:calc(100vh - 138px); background:#fff;}
.layer1120{max-width:100%; width:100%; margin:0; overflow:hidden;}

/******************헤더***************/
.h_container{padding:0 23px; box-sizing:border-box;}
.header {position:absolute; width:230px; height:auto; min-height:100%; left:0; z-index:9999; background:#21216a;}
.header_fixed{height:100%;}
/*lang*/
.header_top_bg {width:100%; height:33px;  background:#111167;}
.header_top_bg .lang li{float:left; margin-right:6px; height:33px; line-height:33px;}
.header_top_bg .lang li.bar a{line-height:8px; height:9px; box-sizing:border-box; width:1px; display:inline-block; background:#7477af;}
.header_top_bg .lang li > a{font-size:12px; line-height:33px; color:#7477af;}
.header_top_bg .lang li.on > a{color:#fff;}


.header_bot .logo{text-align:center; margin:60px 0 40px;}


/* tnb */
.tnb_bg{width:100%; background:#323276; height:38px; text-align:center;}
.tnb  {width:100%; height:100%; font-size:0;}
.tnb li {display:inline-block;}
.tnb li.bar{width:1px; height:12px; background:#8484ad; margin:0 16px;}
.tnb li a {display:block;   font-family: 'Calibri' !important; line-height:33px; color:#8484ad; font-size:14px;}

.header_bot .gnb > li {box-sizing:border-box; border-bottom:1px solid #454582; width:100%;}
.header_bot .gnb > li > a {display:block; padding:18px 24px; font-size:18px; color:#fff; line-height:22px;}
.header_bot .gnb > li > a:hover {color:#22d3ef;}

.header_bot .gnb > li > ul { z-index:0; position: absolute;background: #12124e;  top:0; left: 100%; height:0; overflow:hidden;  z-index: 0; width: 230px; }
.header_bot .gnb > li > ul li{box-sizing:border-box; width:100%;}
.header_bot .gnb > li > ul li a{display:block;opacity:0; height:59px; color:#fff; color:#fff; line-height:22px;padding:18px 24px;text-align:left;font-size: 16px; color: #fff;transition:1s all ease; }
.header_bot .gnb > li > ul li:hover{background:#0b0b3b;}
.header_bot .gnb > li:hover > ul{ z-index:10; height:100%; padding-top:278px; }
.header_bot .gnb > li:hover > ul li a{opacity:1; filter: alpha(opacity=100);}

.search_box{margin-top:40px; width:100%;}
.search_box .search_bg{width:100%; height:42px; background:#fff; font-size:0;}
.search_box input[type="text"]{font-size:14px; width:142px; padding-left:10px; height:42px; line-height:42px; border:1px solid #ccc; float:left;}
.search_box input[type="text"]:placeholder{color:#999;}
.search_box input[type="submit"]{cursor:pointer;float: right;width:42px;height:42px; background-image:url(../img/main/ic-search.png); background-repeat:no-repeat; background-position:center; background-color:#38388e; border:none;}
a.us_btn{margin-top:40px; display:block; width:100%; height:42px; background:#38388e; color:#fff; text-align:center; line-height:42px; border-radius:4px; font-size:14px;}


.call_info{padding:35px 0 100px; }
.call_info h3.tit{color:#fff; font-size:18px; font-weight:400; padding-bottom:12px;}
.call_info .tel-info {line-height:26px; overflow:hidden;}
.call_info .tel-info *{float:left;}
.call_info .tel-info a{display:inline-block; color:#fff; font-size:16px; padding-bottom:15px;}
.call_info .time{color:#fff; font-size:14px; line-height:22px; padding-bottom:26px;}
.call_info .today{height:28px; overflow:hidden;}
.call_info .today span{float:left; display:inline-block; height:28px; line-height:28px; font-size:14px; color:#fff; }
.call_info .today span.today_num{color:#06d7f9; background:#38388e; padding:0 9px; text-align:center; min-width:43px; border-radius:13px; margin-left:5px;}


.sub-gnb-wrap{overflow: hidden;position: absolute;z-index: 9;top: 0;left: 0;width: 230px;left:0; height:100%;background: #12124e; transition:1s all ease;}
.sub-gnb-wrap.on{left:230px; transition:0.2s all ease;}


/******************메인**********************/
.main {width:1270px; margin-left:230px; } 
.main_con{overflow:hidden;}

.main .main_visual {width:762px; float:left; text-align:center;}
.main .main_visual img { width:100%; vertical-align:top;}
.main .main_visual .slick-dots{position: absolute;top: 30px;left: 30px;}
.main .main_visual .slick-dots:after{display: block;content: '';clear: both;}
.main .main_visual .slick-dots > li{float: left;}
.main .main_visual .slick-dots > li:not(:first-child){margin-left: 5px;}
.main .main_visual .slick-dots > li button{display: block;width: 15px;height: 15px;background:#aaa;border-radius: 50%;text-indent: -9999em;overflow: hidden;font-size: 0;line-height: 0;}
.main .main_visual .slick-dots > li.slick-active button{width: 35px;background:#2282ce;border-radius: 50px;}

.main_banner {float:left;}
.main_banner > div{width:508px; height:210px; background:#eff7e8; position:relative;}
.main_banner .main_top_banner{background:url('../img/main/jkna_bg.jpg'); background-size:100%; 100%;}
.main_banner .main_bot_banner{background:url('../img/main/psy_bg.jpg'); background-size:100%; 100%;}

.main_banner .btn_box{padding:146px 30px 0; font-size:0;}
.main_banner .btn_box a{display:inline-block; width:140px; font-size:14px; margin-right:10px; height:34px; color:#fff; text-align:center; line-height:34px; border-radius:3px;}
.main_banner .btn_box a.btn1{background:#3d7212;}
.main_banner .btn_box a.btn2{background:#666;}


.link_list{width:1270px;}
.link_list > ul{width:100%; overflow:hidden;}
.link_list > ul > li{padding:30px 25px;float:left; position:relative; width:20%; height:240px; background-position:right bottom; background-repeat:no-repeat;}
.link_list > ul > li div.con{color:#fff; display:block; width:100%; height:100%;  }

.link_list > ul > li.list1 {background:url(../img/main/chumo_img.png); background-size:100% 100%;}
.link_list > ul > li.list2 {background-color:#2282ce;}
.link_list > ul > li.list3 {background-image:url(../img/main/link_list_bg1.png); background-color:#21b6ce;}
.link_list > ul > li.list4 {background-image:url(../img/main/link_list_bg2.png); background-color:#1459be;}
.link_list > ul > li.list5 {background-image:url(../img/main/link_list_bg3.png); background-color:#21216a;} 

.link_list > ul > li > div.con h2.tit{font-weight:500; font-size:22px; padding-bottom:18px; line-height:1;}
.link_list > ul > li > div.con li{padding-bottom:14px; font-weight:300;}
.link_list > ul > li > div.con li:before{content:'·'; padding-right:8px;}

.link_list > ul > li > div.con li a{font-size:16px; color:#fff;}
.link_list > ul > li > div.con li a:hover{border-bottom:1px solid #fff;}
.link_list > ul > li > div.con p{font-size:15px; line-height:22px; font-weight:300;}

.link_list .link-more{transition:all 0.4s ease;position: absolute; top: 0;left: 0;width:100%; height:100%; font-size: 24px; color: #fff; text-align: center; display:none; opacity:0;}
.link_list > ul > li.list2 .link-more{background: rgba(34,130,206,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#902282ce,endColorstr=#902282ce);zoom: 1;}
.link_list > ul > li.list3 .link-more{background: rgba(33,182,206,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9021b6ce,endColorstr=#9021b6ce);zoom: 1;}
.link_list > ul > li.list4 .link-more{background: rgba(20,89,190,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#901459be,endColorstr=#901459be);zoom: 1;}
.link_list > ul > li.list5 .link-more{background: rgba(33,33,106,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9021216a,endColorstr=#9021216a);zoom: 1;}
.link_list .link-more span {display: block;position: absolute;left:0;right:0;top:0;bottom:0; margin:auto; height:110px; width: 100%;}
.link_list .link-more b { display: block; padding-top: 25px;}
.link_list .link-more i{font-size:60px;}
.link_list .link-more:hover{opacity:1;}

.main_board{width:100%;overflow:hidden; background:#fff;}
.board-box{float:left; width:50%; height:auto; min-height:264px; padding:36px 30px 21px; position:relative; border-right:1px solid #ececec;}
.board-box .tit{display: block;padding-bottom: 25px;font-size: 22px;font-weight: 500;}
.board-list li{position: relative;padding-left: 10px;margin-bottom:15px;}
.board-list li a{display: block; font-size: 16px;}
.board-list li *{display: inline-block;vertical-align: top;}

.board-list li .s_tit{display:inline-block; width:94px;}
.board-list li .subject{overflow: hidden;max-width:80%;border-bottom:1px solid #fff; text-overflow: ellipsis;white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden; word-wrap: normal !important;}
.board-list li .subject.subject2{width:auto; max-width:60%;}
.board-list li .subject:hover{border-bottom:1px solid #232323;}
.board-list li .date{float: right;width: 70px;text-align: right;}
.board-list li .date.date2{width:auto;}
.board-list li:before{display: block;content: '';clear: both;position: absolute;top:0; bottom:0; left: 0;width: 3px; height:3px;background:#333; margin:auto; border-radius: 50%;}
.board-box .btn-more{display: block;position: absolute;top: 33px;right: 30px;}
.board-box .btn-more2{display: block;position: absolute;top: -40px;right: 30px;}


.quick-box-wrap{background:#d5e4f3;}
.quick-box-wrap ul{overflow:hidden;}
.quick-box-wrap ul li{float:left; padding:37px 0; width:16.6666%; text-align:center;}

.quick-box-wrap ul li .icon{padding-bottom:14px;}
.quick-box-wrap ul li .ic_txt{font-size:16px; color:#222;}


.banner-wrap{float: left;width: 100%; height:auto; overflow:hidden; padding: 30px 0;background: #fff;}
.rolling-banner{height:60px; overflow:hidden;}
.rolling-banner a{display: block;margin: 0 13px; border:1px solid #ddd; padding:5px; text-align:center;}
.rolling-banner a img{width: 100%; height:48px;}
.rolling-banner .slick-list{margin: 0 97px;}
.rolling-banner .slick-arrow{display: block;position: absolute; top:0;bottom:0; margin:auto; width: 35px;height: 35px;font-size: 0;line-height: 0;background-repeat: no-repeat;background-position: 0 0; border: none; background-color: #fff; outline:none; cursor:pointer;}
.rolling-banner .slick-prev{left: 30px;background-image: url('/include/img/main/btn-rolling-prev.png');}
.rolling-banner .slick-next{right: 30px;background-image: url('/include/img/main/btn-rolling-next.png');}



/************************서브****************************/
.sub_contents_wrap {padding-top:144px;}
.sub_top_img > img {vertical-align:bottom;}
.sub_contents {position:relative; width:100%; margin:0 auto; min-height:1000px; padding-bottom:50px;}
.left_menu {position:absolute; top:-40px; left:0; width:250px; float:left;}
.left_tit { line-height:130px; text-align:center; font-size:28px; color:#fff; background:url('../img/sub/left_bg.gif') no-repeat;}
.menu_list li {text-indent:20px; line-height:50px; border-bottom:1px solid #ccc;}
.menu_list li a {display:block; }

.right_tit {float:left; position:relative; width:910px; margin:30px 0 0 290px; border-bottom:1px solid #ccc; padding-bottom:25px;}
.right_tit h2 {float:left; font-size:28px; color:#444; font-weight:normal;}
.right_tit:before {position:absolute; bottom:-1px; left:0;content:''; width:23px; height:3px; background:#4868e1;}

.right_content {float:left; width:910px; margin-left:290px;}
.breadcrumb {float:right; margin-top:17px; font-size:14px; color:#888;}
.breadcrumb > img {margin:0 5px;}
.breadcrumb > span {margin:0 5px;}
.breadcrumb > span > dd {display:inline-block;}
.current_location {color:#444;}


.right_inner {margin-top:50px;}


/*인사말*/
.section01 .section_left {float:left; width:61%;}
.section_left h2 {color:#2453ab; font-size:20px; margin-bottom:24px;}
.section01 .section_right {float:right;}
.insa_txt {color:#444; font-size:15px; line-height:24px; margin-bottom:24px;}
.chairman_name {float:right; font-size:16px; color:#444; margin-top:50px; }

/*연혁*/
.his_wrap{position:relative; margin-bottom:100px;}
.his_wrap:after{content:"";display:block;position:absolute;top:10px;left:50%;width:1px;height:100%;background:#dddddd;}
.year_row{width:100%;overflow:hidden;}
.year_row+.year_row{margin-top:50px;}
.year_wrap{width:47%;position:relative;}
.year_wrap:after{content:"";display:block;position:absolute;top:0;background:url('../img/sub/his_ico.gif') no-repeat 0 0;width:18px;height:18px;z-index:2;}
.year_wrap.r{float:right;padding-left:30px;}
.year_wrap.r:after{left:-6px; top:10px;}
.year_wrap.l{float:left;padding-right:30px; }
.year_wrap.l:after{right:-7px; top:10px; }
.year_wrap .year{color:#426dde;font-size:25px;font-weight:500;display:block;margin-bottom:25px;}
.year_wrap.l .year{text-align:right;}
.year_wrap.l .his_list{text-align:right}
.year_wrap.l .his_list > strong{float:right}
.year_wrap.r .his_list > strong{float:left}
.his_list{font-size:16px;font-weight:300;}
.his_list > strong{width:110px;display:block;font-weight:400;}
.his_list+.his_list{margin-top:14px;}
.year_wrap.r .list_txt {float:left;}
.year_wrap.r .list_txt > strong { font-weight:450; display:block; }
.year_wrap.r .list_txt > strong.last_list {margin-top:20px;}
.year_wrap.l .list_txt {float:right;}
.year_wrap.l .list_txt > strong { font-weight:500; display:block; }
.year_wrap.l .list_txt > strong.last_list {margin-top:20px;}
/*학회회칙*/
.rule_section {margin-bottom:70px;}
.rule_section h2 {color:#242424; font-size:20px; border-top:3px solid #eee;  border-bottom:1px solid #eee; padding:18px 10px;}
.rule_list {margin-top:30px;}
.rule_list > li {position:relative; padding-left:25px; font-size:15px;  margin-bottom:40px; line-height:28px; }
.rule_list > li > strong {display:block; font-size:17px;}
.rule_list > li:before {position:absolute; top:6px; left:0; content:'';width:16px; height:16px; background:#fff; border:3px solid #2a8ee3; box-sizing:border-box; border-radius:100%; }
.before_none:before {display:none;}
/*임원진*/
.sub_tit {font-size:22px !important; color:#242424; margin-bottom:30px;}
.member_tbl {width:100%; border-collapse:collapse;}
.member_tbl th {background:#eef8ff; padding:15px 0; border-top:2px solid #0062a4; border-bottom:1px solid #0062a4;}
.member_tbl td {text-align:center; padding:10px 0; border-bottom:1px solid #ccc; }
.member_wrap {margin-bottom:50px; }

/*역대학술대회*/
.contest_search {float:right; margin-bottom:30px;}
.contest_search  select {border-radius:3px;  font-size:15px;  border:1px solid #ccc; vertical-align:middle; padding:5px 10px 5px 5px; color:#555;  }
.contest_search .search_wrap {position:relative; display:inline-block; vertical-align:middle;}
.contest_search .search_wrap > input {float:left;}
.contest_search .search_wrap > button {float:left;}
.contest_search .search  { border-radius:3px; padding:5px 10px 5px 5px;  font-size:15px; height:31px; box-sizing:border-box;  border:1px solid #ccc;  outline:none; vertical-align:middle; text-indent:5px;}
.contest_search .search_btn {display:block; position:absolute; top:0; right:0; width:31px; height:31px; background:url('../img/sub/search_icon.gif') center center no-repeat; border:none; cursor:pointer;}
.contest_info {  padding:20px; box-sizing:border-box;}
/*.contest_info  .contest_img {float:left; width:160px; height:170px; box-sizing:border-box; background:#f9f9f9; border:1px solid #ddd; }*/
.contest_info  .contest_img {float:left; width:160px; height:170px; }
.info_list {float:left;}
.contest_history {border:1px solid #ddd; box-sizing:border-box; margin-bottom:30px; }
.contest_history h3 {color:#3553c5; font-size:18px; padding:20px; box-sizing:border-box; background:#eef8ff; border-bottom:1px solid #ddd;}
.info_list {margin-left:20px;}
.info_list li {color:#010101; font-size:16px;}
.past_regist_btn {float:right; border:1px solid #ddd; border-radius:3px; padding:5px 15px; font-size:14px;}

/*학술행사갤러리*/
.gallery_search {float:right; margin-bottom:30px;}
.gallery_search  select {border-radius:3px;  font-size:15px;  border:1px solid #ccc; vertical-align:middle; padding:5px 10px 5px 5px; color:#555;  }
.gallery_search .search_wrap {position:relative; display:inline-block; vertical-align:middle;}
.gallery_search .search_wrap > input {float:left;}
.gallery_search .search_wrap > button {float:left;}
.gallery_search .search  { border-radius:3px; padding:5px 10px 5px 5px;  font-size:15px; height:31px; box-sizing:border-box;  border:1px solid #ccc;  outline:none; vertical-align:middle; text-indent:5px;}
.gallery_search .search_btn {display:block; position:absolute; top:0; right:0; width:31px; height:31px; background:url('../img/sub/search_icon.gif') center center no-repeat; border:none; cursor:pointer;}
.gallery_list > li {float:left; width:32%; border:1px solid #ddd; box-sizing:border-box; margin-right:2%; margin-bottom:40px; }
.gallery_list > li .gallery_img {width:100%; height:212px; background:#d2d2d2;}
.gallery_tit {line-height:87px; font-size:17px; color:#000; text-align:center;}
.gallery_list > li.last_img {margin-right:0;}






/******************푸터**********************/
.footer {background:#fff; width:100%; overflow:hidden;clear:both; border-top:1px solid #ececec; padding:30px; width:1270px; margin-left:230px;}
.f_logo{float:left;margin-right:45px;}
.foot_list_wrap {float:left;width: 935px;}
.foot_list{padding-bottom:15px;}
.foot_list li {position:relative; float:left; padding:0 10px;}
.foot_list li:before {position:absolute; top:0; bottom:0; margin:auto; left:0; content:''; width:1px; height:11px; background:#222;}
.foot_list li:after {position:absolute; top:0; bottom:0; margin:auto; right:0; content:''; width:1px; height:11px; background:#b0b0b0;}
.foot_list li:first-child{padding-left:0;}
.foot_list li:nth-last-child(1):after{display:none;}
.foot_list li:first-child:before {display:none;}
.foot_list li a {font-size:14px; color:#222;}


.foot_copy {float:left; margin:0 auto; text-align:left; font-size:13px; color:#666; letter-spacing:-0.3px; line-height:24px;}
.foot_copy a{word-break: break-all;}


/******************푸터 모달**********************/

.use_modal_bg {display:none;position:fixed; width:100%; height:100%;  left:0; top:0; background:rgba(0,0,0,0.8); z-index:999999;}
.use_modal_content {display:none; position:fixed; top:10%; left:20%; width:60%; height:600px;overflow:auto; z-index:999999999; background:#fefefe;padding:0%;border:2px solid #dedede;box-sizing:border-box;}
.use_modal_content h2 {position:fixed; font-size:20px;width:59%; text-indent:15px; padding:20px 0; background:#3e9cde; font-weight:normal; color:#fff;}
.use_close_btn {position:absolute; top:22px; right:15px;  cursor:pointer;}


.pri_modal_bg {display:none;position:fixed; width:100%; height:100%;  left:0; top:0; background:rgba(0,0,0,0.8); z-index:999999;}
.pri_modal_content {display:none; position:fixed; top:10%; left:20%; width:60%; height:600px;overflow:auto; z-index:999999999; background:#fefefe;padding:0%;border:2px solid #dedede;box-sizing:border-box;}
.pri_modal_content h2 {position:fixed; font-size:20px;width:59%; text-indent:15px; padding:20px 0; background:#3e9cde; font-weight:normal; color:#fff;}
.pri_close_btn {position:absolute; top:22px; right:15px;  cursor:pointer;  }

.e_modal_bg {display:none;position:fixed; width:100%; height:100%;  left:0; top:0; background:rgba(0,0,0,0.8); z-index:999999;}
.e_modal_content {display:none; position:fixed; top:10%; left:20%; width:60%; height:600px;overflow:auto; z-index:999999999; background:#fefefe;padding:0%;border:2px solid #dedede;box-sizing:border-box;overflow-y:scroll}
.e_modal_content h2 {position:fixed; font-size:20px;width:59%; text-indent:15px; padding:20px 0; background:#3e9cde; font-weight:normal; color:#fff;}
.e_close_btn {position:absolute; top:22px; right:15px;   cursor:pointer; }




/* 가오픈 팝업 */

.dim{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.7); top:0; left:0; z-index:9999;}
.pop_close{position:absolute; font-size:22px; top:0; right:-30px; color:#fff; cursor:pointer;}
.open_pop{width:1070px; height:450px; margin-top:10px;}

.open_pop > div{vertical-align: top;}
.open_pop .pop_1{float:left;}
.open_pop .pop_2{float:right; margin-right:10px; width:450px; height:450px; padding:30px 15px 30px 25px; background:url('../img/sub/pop2-bg.png') 100% 100% no-repeat; background-size:100%;}
.open_pop .pop_2 .pop_2_txt{padding:30px; overflow-y:auto; height:420px;}
.open_pop .pop_2 .pop_2_txt .pop_2_tit{font-size:22px; margin-bottom:30px; line-height:1.4;}
.open_pop .pop_2 .pop_2_txt .pop_2_tit span{color:#119195;}
.open_pop .pop_2 .pop_2_txt .pop_2_con{font-size:16px; line-height:1.4; color:#555;}
.pop_2_con{line-height:160%;}
.pop_2_con span{font-size:18px;}
.pop_2_con a{display:inline-block; text-indent:-47px; padding-left:47px;}
.pop_footer{background:none; padding:5px; overflow:hidden; line-height:20px; width:100%;}
.pop_footer .today_check{float:right; color:#fff;}
.open_pop .pop_3{float:right;}