@charset "utf-8";

.mt1{margin-top:10px !important;}
.mt2{margin-top:20px !important;}
.mt3{margin-top:30px !important;}
.mb1{margin-bottom:10px !important;}
.mb2{margin-bottom:20px !important;}
.mb3{margin-bottom:30px !important;}
.mb4{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}

.inp1{width:100px;}
.inp2{width:200px;}
.inp3{width:147px;}
.inp4{width:100px;}
.inp5{width:160px;}
.inp6{width:210px;}
.sel1{width:100px;}
.sel2{width:160px;}
.line_bottom{padding-bottom:25px; border-bottom:1px solid #dcdcdc;}

.hide {position:absolute; width:0; height:0; overflow:hidden; font-size:0;}

/* sub_visual */
.sub_visual{position:relative; margin-top:56px; height:180px; text-align:center;}
.sub_visual::before{content:''; position:absolute; top:0px; bottom:0px; left:0px; right:0px; z-index:-1; background:url(../images/sub/sub_visual.gif) center 0px no-repeat fixed;}
.sub_infor{}
.sub_infor .si_wrap{margin:0 auto; width:1100px;}
.sub_infor .si_wrap h3{text-align:center; padding:48px 0; color:#fff; font-size:32px; font-family:'NSB'; letter-spacing:-0.045em; line-height:32px;}
.sub_infor .si_wrap .navi{width:100%; background:rgba(0, 0, 0, 0.5); border-radius:8px 8px 0 0;}
.sub_infor .si_wrap .navi::after{content:''; display:block; clear:both;}
.navi .state{overflow:hidden; float:left; padding:17px 20px; /* background:url(../images/sub/state_line.gif) right 1px no-repeat; */}
.navi .state span{display:block; float:left; position:relative; padding-left:16px; margin-left:10px; margin-top:1px; color:#ddd; line-height:17px;}
.navi .state span:first-child{padding-left:0; margin:0;}
.navi .state span::before{content:''; position:absolute; transform:rotate(45deg); top:6px; left:0; width:6px; height:1px; background:#888;}
.navi .state span::after{content:''; position:absolute; transform:rotate(-45deg); bottom:6px; left:0; width:6px; height:1px; background:#888;}
.navi .state span:first-child::before{display:none;}
.navi .state span:first-child::after{display:none;}
.navi .state span img{vertical-align:middle;}
.navi .state span strong{font-family:'NBGB'; line-height:16px;}
.navi .etc{float:right; position:relative;}
.navi .etc .share_btn{display:block; padding:18px 20px;}
.navi .etc ul{display:none; position:absolute; top:52px; right:0; z-index:1;}
.navi .etc ul li a{display:inline-block; padding:10px; background-color:#fff; border:1px solid #d9d9d9; border-top:none;}

.contents{width:1100px; margin:0 auto; padding-bottom:100px;}
.contents:after{display:block; content:""; clear:both;}

/* left */
#left_menu{float:left; padding-top:40px; width:220px;}
#left_menu h2{padding:0 10px 20px 10px; border-bottom:2px solid #444; font-family:"NSB"; font-size:28px; color:#444; letter-spacing:-0.045em; word-break:keep-all;}
#left_menu > ul{overflow:hidden; border-bottom:1px solid #d5d5d5;}
#left_menu > ul > li{border-bottom:1px solid #ddd;}
#left_menu > ul > li > a{display:block; padding:16px 40px 16px 20px; font-size:16px; color:#444; line-height:22px;}
#left_menu > ul > li:hover > a{background:#2e8ae6; color:#fff;}
#left_menu > ul > li > a.on{background:#0073e6; color:#fff; font-family:'NBGB';}
#left_menu > ul > li.link > a{background:url(../images/sub/link.png) no-repeat 188px 21px;}
#left_menu > ul > li.link:hover > a{background:url(../images/sub/link_hover.png) no-repeat 188px 21px #2e8ae6;}
#left_menu > ul > li > .util_line{overflow:hidden;}
#left_menu > ul > li > .util_line > a{float:left; display:block; width:calc(100% - 47px); padding:16px 20px; font-size:16px; color:#444; line-height:22px; box-sizing:border-box;}
/* 2뎁스 열기/닫기 */
#left_menu > ul > li > .util_line > span.util{float:right; position:relative; width:47px; height:54px; text-indent:-9999px; cursor:pointer;}
#left_menu > ul > li > .util_line > span.util::before{content:''; position:absolute; top:21px; left:20px; width:8px; height:12px; background:url(../images/sub/left_open.png) 0 0 no-repeat;}
#left_menu > ul > li.active > .util_line > span.util::before{transform:rotate(90deg);}
#left_menu > ul > li:hover > .util_line > a{background:#2e8ae6; color:#fff;}
#left_menu > ul > li:hover > .util_line > a + span.util{background:#2e8ae6;}
#left_menu > ul > li:hover > .util_line > a + span.util::before{background:url(../images/sub/left_open_active.png) 0 0 no-repeat;}
#left_menu > ul > li > .util_line > a.on{background:#0073e6; color:#fff; font-family:'NBGB';}
#left_menu > ul > li > .util_line > a.on + span.util{background:#0073e6;}
#left_menu > ul > li > .util_line > a.on + span.util::before{background:url(../images/sub/left_open_active.png) 0 0 no-repeat;}
/* 3뎁스 */
#left_menu > ul > li > ul {display:none; padding:17px 12px 9px 20px; border-top:1px solid #ddd; background-color:#fafafa;}
#left_menu > ul > li > ul > li {margin-bottom:8px;}
#left_menu > ul > li > ul > li > a {display:block; padding-left:12px; background:url(../images/sub/depth_off.gif) 0 5px no-repeat; color:#7f7f7f; font-size:13px;}
#left_menu > ul > li > ul > li > a.on{background:url(../images/sub/depth_on.gif) 0 5px no-repeat; color:#0263ad;}
#left_menu > ul > li > ul > li.has_sub span.util{display:block; width:0; height:0; text-indent:-9999px;}
#left_menu > ul > li > ul > li.has_sub > div.util_line > a{display:block; padding-left:12px; background:url(../images/sub/depth_off.gif) 0 5px no-repeat; color:#7f7f7f; font-size:13px;}
#left_menu > ul > li > ul > li.has_sub > div.util_line > a.active,
#left_menu > ul > li > ul > li.has_sub > div.util_line > a.on,
#left_menu > ul > li > ul > li.has_sub > div.util_line > a:hover {background:url(../images/sub/depth_on.gif) 0 5px no-repeat; color:#0263ad;}
/* 4뎁스 */
#left_menu > ul > li > ul > li > ul {padding:10px 0 2px 10px;}
#left_menu > ul > li > ul > li > ul > li {margin-bottom:5px;}
#left_menu > ul > li > ul > li > ul > li > a {padding-left:10px; font-size:12px;}
#left_menu > ul > li > ul > li > ul > li > a.on {background:url(../images/sub/left_sub_depth_icon1.png) no-repeat left; color:#0263ad;}
/* epiH 학회지 */
/*.left_journal{padding:20px 0 25px 20px; margin-top:40px; background:url(../images/sub/journal_bg.png) no-repeat 130px 115px #334d80;}*/
.left_journal{padding:10px 0 20px 10px; margin-top:40px; background:#fff; border: 1px solid #dbdbdb;}
.left_journal p{padding-bottom:14px;}
.left_journal ul{padding-top:15px; margin-left: 10px; border-top:1px solid #dbdbdb; }
.left_journal ul li{position:relative; padding-left:7px; margin-top:12px;}
.left_journal ul li:first-child{margin-top:0;}
.left_journal ul li::before{content:''; position:absolute; top:50%; transform: translateY(-50%); left:0; width:2px; height:2px; background:#555; border-radius:1px;}
.left_journal ul li a{display:inline-block; padding-right:18px; background:url(../images/sub/journal_link_or.png) no-repeat right 1px; color:#555555; font-size: 14px;}
.left_journal ul li a:hover{text-decoration:underline;}

/* sub */
#sub{float:right; position:relative; padding-left:40px; width:800px;}
#sub::before{content:''; position:absolute; top:0; left:0; width:1px; height:calc(100% + 100px); background:#e5e5e5;}
.strapline {margin-bottom:60px; padding-top:40px;}
.strapline h3{color:#333; font-size:32px; font-family:'NS'; font-weight:normal; letter-spacing:-0.045em;}
.sub_contents{min-height:425px;}

/* tab */
.tab{margin-bottom:60px;}
.tab ul{display:table; table-layout:fixed; width:100%;}
.tab ul li{display:table-cell; text-align:center; vertical-align:middle; background:#f5f5f5; border:1px solid #d5d5d5; border-left:none;}
.tab ul li:first-child{border-left:1px solid #d5d5d5;}
.tab ul li.on{position:relative; background:#fff;}
.tab ul li.on::before{content:''; position:absolute; top:-1px; left:0; width:100%; height:4px; background:#0073e6;}
.tab ul li a{display:block; padding:18px 10px; font-size:14px;  color:#666;}
.tab ul li.on a{font-family:'NBGB';}

/* section - static */
.section01 h4{position:relative; padding-left:23px; margin-top:50px; margin-bottom:16px; color:#444; font-size:18px; font-family:'NSB'; letter-spacing:-0.045em; line-height:24px;}
.section01 h4:first-child{margin-top:0;}
.section01 h4::before{content:''; position:absolute; top:3px; left:0; width:9px; height:9px; background:#2e8ae6; border-radius:50%;}
.section01 h4::after{content:''; position:absolute; top:13px; left:10px; width:4px; height:4px; background:#33bbff; border-radius:50%;}
.section01 h5{position:relative; padding-left:17px; margin-top:16px; color:#444; font-size:15px; font-family:'NBGB'; font-weight:normal; line-height:24px;}
.section01 h5:first-child{margin-top:0;}
.section01 h5::before{content:''; position:absolute; top:8px; left:0; width:4px; height:4px; /* border:2px solid #666; */}
.section01 > p{margin-top:6px; margin-left:17px; color:#444; line-height:24px; word-break:keep-all;}
.section01 > p b{color:#000; font-family:'NBGB';}
.section01 ul.type1{margin:10px 0 10px 17px;}
.section01 ul.type1 li{position:relative; padding-left:12px; margin-top:4px; color:#444; line-height:24px; word-break:keep-all;}
.section01 ul.type1 li:first-child{margin-top:0;}
/*.section01 ul.type1 li::before{content:''; position:absolute; top:9px; left:0; width:4px; height:4px; background:#888; border-radius:2px;}*/
.section01 ul.type1 li b{color:#000; font-family:'NBGB';}
p.est_notice{text-align:right; margin-top:-30px;}
p.est_notice b{color:#0073e6; font-family:'NBGB';}
b.est{margin-left:4px; color:#0073e6; font-family:'NBGB';}
.sec_img1{overflow:hidden;}
.sec_img1 .right{float:right;}
.sec_img1 .center{text-align:center;}
.sec_img1 .left{float:left;}
.sub_style_1{width:100%; table-layout:fixed; border-top:2px solid #000; line-height:20px;}
.sub_style_1 th{text-align:center; padding:14px 0; background:#f5f5f5; border:1px solid #ddd; color:#444; font-size:14px; font-family:'NBG'; font-weight:normal;}
.sub_style_1 td{text-align:center; padding:14px 5px; border:1px solid #ddd; color:#666; font-size:14px; word-break:keep-all;}

/* 회장인사말 */
.greeting{}
.greeting .tit{position:relative;}
.greeting .tit::before{content:''; position:absolute; top:20px; right:20px; width:280px; height:280px; background:url(../images/sub/greeting_border.png) no-repeat 0 0;}
.greeting .tit::after{content:''; position:absolute; top:0; right:0; width:280px; height:280px; background:url(../images/sub/greeting_img.gif) no-repeat 0 0;}
.greeting .tit p{padding:45px 30px; background:url(../images/sub/greeting_quotation.png) no-repeat 0 0; color:#111; font-size:26px; font-family:'NS'; letter-spacing:-0.045em; line-height:42px;}
.greeting .tit p b{color:#0073e5; font-size:28px; font-family:'NSB';}
.greeting .tit p span{position:relative;}
.greeting .tit p span::before{content:''; position:absolute;}
.greeting .tit p strong{color:#333; font-family:'NSB';}
.greeting .tit > span{display:block; position:relative; padding:22px 30px; color:#b8becc; font-size:16px; letter-spacing:0.4em;}
.greeting .tit > span::before{content:''; position:absolute; top:0; left:0; z-index:1; width:540px; height:1px; background:rgba(0, 0, 0, 0.15);}
.greeting .tit > span::after{content:''; position:absolute; top:-4px; left:540px; z-index:1; width:9px; height:9px; background:rgba(0, 0, 0, 0.15); border-radius:50%;}
.greeting .txt{margin-top:40px;}
.greeting .txt b{color:#444; font-size:18px; font-family:'NSB'; letter-spacing:-0.045em;}
.greeting .txt p{margin-top:25px; color:#666; font-size:14px; line-height:26px; word-break:keep-all;}
.greeting .sign{text-align:right; padding-top:30px; margin-top:40px; border-top:1px solid #eee;}
.greeting .sign p{margin-bottom:15px; color:#444; font-size:16px;}
.greeting .sign span{display:inline-block; color:#444; font-size:16px; font-family:'NBGB'; line-height:34px;}
.greeting .sign img{margin:0 10px;}

/* 설립목적 */
.foundation{}
.foundation > div{overflow:hidden;}
.foundation > div > div{float:left; width:50%; box-sizing:border-box;}
.foundation > div > div h6{position:relative; display:inline-block; padding:35px 30px 0 50px; margin-bottom:45px; background:url(../images/sub/found_quotation.png) no-repeat right 28px; color:#444; font-size:28px; font-family:'NS'; font-weight:normal; letter-spacing:-0.045em;}
.foundation > div > div h6::before{content:''; position:absolute; top:28px; left:0; width:20px; height:20px; background:url(../images/sub/found_quotation.png) no-repeat 0 0; background-size:contain; transform:scaleX(-1);}
.foundation > div > div h6 b{color:#0073e6; font-family:'NSB';}
.found_t{}
.found_t .left{border-top:4px solid #444;}
.found_t .left p{margin-top:30px; color:#666; font-size:14px; line-height:26px; word-break:keep-all;}
.found_t .left p:nth-child(2){margin-top:0;}
.found_t .right{position:relative; padding:40px 0 0 60px;}
.found_t .right::before{content:''; position:absolute; top:0; right:0; z-index:-1; width:295px; height:295px; background:url(../images/sub/found_border.png) 0 0;}
.found_c{margin:80px 0;}
.found_c > li{display:table; table-layout:fixed;}
.found_c li.vision{margin-left:40px; width:calc(100% - 40px);}
.found_c li.mission{margin-top:30px; margin-left:120px; width:calc(100% - 120px);}
.found_c li > div{display:table-cell; vertical-align:middle;}
.found_c li .tit{position:relative; text-align:center; width:120px; background:#aaa;}
.found_c li.vision .tit{background:linear-gradient(135deg, #3399ff 0%, #2e6be6 100%);}
.found_c li.mission .tit{background:linear-gradient(135deg, #33bbff 0%, #2e8ae6 100%);}
.found_c li .tit::before{content:''; position:absolute; top:8px; left:8px; width:104px; height:calc(100% - 16px); background:#fff;}
.found_c li .tit::after{content:''; position:absolute; top:50%; right:-40px; width:40px; height:1px; background:#ccc;}
.found_c li .tit span{position:relative; font-size:17px; font-family:'NSB'; letter-spacing:-0.045em;}
.found_c li.vision .tit span{color:#295fcc;}
.found_c li.mission .tit span{color:#297acc;}
.found_c li .tit p{position:relative; margin-top:5px; color:#444; font-size:24px; font-family:'NSB'; letter-spacing:-0.045em;}
.found_c li .txt{border-left:40px solid transparent;}
.found_c li .txt ul{position:relative; padding:20px 25px; border:1px solid #d5d5d5; color:#444; font-size:15px; line-height:26px;}
.found_c li .txt ul span{font-family:'NBGB';}
.found_c li.vision .txt ul{border-left:2px solid #2e6be6;}
.found_c li.vision .txt ul::before{content:''; position:absolute; top:50%; left:-5px; margin-top:-4.5px; width:9px; height:9px; background:#2e6be6; border-radius:50%;}
.found_c li.vision .txt ul b{color:#2e6be6; font-family:'NBGB';}
.found_c li.mission .txt ul{border-left:2px solid #2e8ae6;}
.found_c li.mission .txt ul::before{content:''; position:absolute; top:50%; left:-5px; margin-top:-4.5px; width:9px; height:9px; background:#2e8ae6; border-radius:50%;}
.found_c li.mission .txt ul b{color:#2e8ae6; font-family:'NBGB';}
.found_b{}
.found_b .left{position:relative; padding-left:40px;}
.found_b .left::before{content:''; position:absolute; top:65px; left:0; z-index:-2; width:295px; height:295px; background:url(../images/sub/found_border2.png) 0 0;}
.found_b .left::after{content:''; position:absolute; top:81px; left:16px; z-index:-1; width:262px; height:262px; background:#fff;}
.found_b .right{border-top:4px solid #444;}
.found_b .right ul{}
.found_b .right ul li{padding-left:26px; margin-top:12px; background:url(../images/sub/found_list.png) no-repeat 0 2px; color:#666; font-size:14px; line-height:22px; word-break:keep-all;}
.found_b .right ul li:first-child{margin-top:0;}

/* 연혁 */
.history{position:relative; padding-bottom:60px; background:url(../images/sub/history_bg.png) no-repeat 0 60px;}
.history::before{content:''; position:absolute; top:140px; left:50%; width:1px; height:calc(100% - 140px); background:#ccc;}
.history::after{content:''; position:absolute; bottom:0; left:50%; margin-left:-2px; width:5px; height:5px; background:#aaa; border-radius:50%;}
.history h6{position:relative; text-align:center; margin:0 auto; padding:50px 0; width:140px; background:linear-gradient(135deg, #3399ff 0%, #2e6be6 100%); color:#fff; font-size:32px; font-family:'NSB'; letter-spacing:-0.045em; border-radius:50%; line-height:40px;}
.history h6::before{content:''; position:absolute; top:8px; left:8px; width:124px; height:124px; background:url(../images/sub/history_h6.png) no-repeat 0 0;}
.history h6:after{content:''; position:absolute; top:0; right:0; width:6px; height:6px; background:#fff; border:2px solid transparent;}
.history > ul{}
.history > ul > li{padding:0 0 0 50%; margin-top:40px;}
.history > ul > li .year{position:relative; padding:0 37px; color:#333; font-size:18px; font-family:'NS'; letter-spacing:-0.045em;}
.history > ul > li .year::before{content:''; position:absolute; top:12px; left:-3px; z-index:1; width:7px; height:7px; background:#0073e6; border-radius:50%;}
.history > ul > li .year::after{content:''; position:absolute; top:8px; left:-7px; width:13px; height:13px; background:#fff; border:1px solid #0073e6; border-radius:50%;}
.history > ul > li .year span{font-size:28px;}
.history > ul > li ul{margin-top:15px;}
.history > ul > li ul li{overflow:hidden; margin:12px 0 0 37px;}
.history > ul > li ul li:first-child{margin-top:0;}
.history > ul > li ul li p{position:relative; padding:0 12px; color:#444; font-size:15px; font-family:'NBGB'; line-height:22px;}
.history > ul > li ul li p::before{content:''; position:absolute; top:8px; left:0; width:4px; height:4px; background:#0073e6;}
.history > ul > li ul li span{display:block; margin:0 0 0 12px; color:#444; font-size:14px; line-height:22px; word-break:keep-all;}
.history > ul > li:nth-child(2n){text-align:right; padding:0 50% 0 0;}
.history > ul > li:nth-child(2n) .year::before{left:auto; right:-4px;}
.history > ul > li:nth-child(2n) .year::after{left:auto; right:-8px;}
.history > ul > li:nth-child(2n) ul li{margin:12px 37px 0 0;}
.history > ul > li:nth-child(2n) ul li p::before{left:auto; right:0;}
.history > ul > li:nth-child(2n) ul li span{margin:0 12px 0 0;}

/* 한국역학회 40년사 */

/* 역대회장 */
.president_list{}
.president_list ul{overflow:hidden;}
.president_list ul li{overflow:hidden; float:left; padding:17px; margin:0 0 20px 16px; width:calc(50% - 8px); border:1px solid #ddd; box-sizing:border-box; border-radius:4px;}
.president_list ul li:nth-child(2n-1){margin-left:0;}
.president_list ul li .img{float:left; position:relative; width:120px; height:160px;}
.president_list ul li .img::before{content:''; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid #ddd;}
.president_list ul li .img img{max-width:100%;}
.president_list ul li .txt{float:left; margin-left:20px; width:calc(100% - 140px); background:url(../images/sub/president_list.png) no-repeat right 0;}
.president_list ul li .txt .tit{margin-top:10px; color:#0073e6; font-size:20px; font-family:'NSB'; letter-spacing:-0.045em;}
.president_list ul li .txt .education{margin-top:13px; color:#666; font-size:14px;}
.president_list ul li .txt .name{margin-top:10px; color:#444; font-size:24px; font-family:'NS'; letter-spacing:-0.045em;}
.president_list ul li .txt .name b{font-family:'NSB';}
.president_list ul li .txt .date{padding-top:15px; margin-top:20px; border-top:1px dashed #ccc; color:#888;}

/* 조직 및 임원 */
.org{}
.president{position:relative; text-align:center; padding:40px 0; margin:0 auto; width:160px; background:linear-gradient(135deg, #3399ff 0%, #2e6be6 100%); border-radius:50%;}
.president::before{content:''; position:absolute; top:8px; left:8px; width:144px; height:144px; background:#fff; border-radius:50%;}
.president::after{content:''; position:absolute; bottom:-40px; left:50%; width:1px; height:40px; background:#ccc;}
.president .position{position:relative; color:#0073e6; font-size:16px; font-family:'NBGB';}
.president .name{position:relative; margin-top:10px; font-size:24px; font-family:'NSB'; letter-spacing:-0.045em;}
.president .major{display:block; position:relative; margin-top:10px; color:#666; font-size:12px;}
.vice{position:relative; text-align:center; margin-top:80px;}
.vice::before{content:''; position:absolute; top:-41px; left:72px; width:657px; height:1px; background:#ccc;}
.vice::after{content:''; display:block; clear:both;}
.vice li{float:left; position:relative; margin-left:20px; width:calc(100%/5 - 16px);}
.vice li:first-child{margin-left:0;}
.vice li::before{content:''; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid #ccc;}
.vice li::after{content:''; position:absolute; top:-40px; left:50%; width:1px; height:40px; background:#ccc;}
.vice .position{position:relative; padding:15px 0; background:#434a59; color:#eee; font-size:15px; font-family:'NBGB';}
.vice .name{position:relative; padding-top:12px; border-top:1px solid #ddd; color:#444; font-size:18px; font-family:'NS'; letter-spacing:-0.045em;}
.vice .major{display:block; position:relative; padding:7px 0 12px 0; color:#666;}
.officer{text-align:center; padding-top:40px; margin-top:40px; border-top:2px solid #eee;}
.officer::after{content:''; display:block; clear:both;}
.officer li{float:left; margin:0 0 20px 20px; width:calc(100%/5 - 16px); border:1px solid #ddd; box-sizing:border-box;}
.officer li:nth-child(5n-4){margin-left:0;}
.officer .position{display:table-cell; vertical-align:middle; padding:0 10px; width:144px; height:65px; background:#f5f5f5; color:#666; font-size:15px; font-family:'NBGB'; word-break:keep-all; line-height:20px;}
.officer .name{padding-top:12px; border-top:1px solid #ddd; color:#444; font-size:18px; font-family:'NS'; letter-spacing:-0.045em;}
.officer .major{display:block; padding:7px 0 12px 0; color:#666;}

/* 정관, 개인정보 처리방침 */
.policy_form{}
.policy_form .revision{position:relative; padding:20px; margin-bottom:50px; background:#fff; border:1px solid #d5d5d5; border-top:none;}
.policy_form .revision::before{content:''; position:absolute; top:0; left:-1px; width:calc(100% + 2px); height:2px; background:#0073e6;}
.policy_form .revision .tit{padding-left:32px; background:url(../images/sub/revision_tit.png) no-repeat 0 0; color:#444; font-size:15px; font-family:'NBGB'; line-height:22px;}
.policy_form .revision ul{overflow:hidden; margin-top:8px;}
.policy_form .revision ul li{overflow:hidden; float:left; position:relative; padding-left:12px; margin:10px 0 0 10px; width:calc(50% - 10px); color:#666; box-sizing:border-box;}
.policy_form .revision ul li::before{content:''; position:absolute; top:5px; left:0; width:4px; height:4px; background:#888; border-radius:2px;}
.policy_form .revision ul li b{float:left; margin-right:12px; width:60px; color:#444; font-family:'NBGB';}
.policy_form .revision ul li span{float:left; width:calc(100% - 86px);}
.policy_form .revision p{margin-top:10px; color:#444; line-height:20px; word-break:keep-all;}
.policy_form .revision p:first-child{margin-top:0;}
.policy_form .revision p b{color:#000; font-family:'NBGB';}
.policy_form .revision p strong{color:#0073e6; font-family:'NBGB';}

/* 형우당 신진역학자상 */

/* 학술대회 */
.academic{}
.academic_list{}
.academic_list > ul{border-top:2px solid #444;}
.academic_list > ul > li{overflow:hidden; position:relative; padding:16px 10px; min-height:50px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.academic_list > ul > li div ul li{margin-top:10px; color:#888;}
.academic_list > ul > li div ul li:first-child{margin-top:0;}
.academic_list > ul > li div ul li b{margin-right:6px; color:#666; font-family:'NBGB';}
.academic_list > ul > li .left{float:left; width:calc(100% - 281px); min-height:50px; border-right:1px dashed #ddd;}
.academic_list.pre > ul > li .left{width:calc(100% - 121px);}
.academic_list > ul > li .left .tit{margin-top:10px; color:#333; font-size:16px; font-family:'NBGB';}
.academic_list > ul > li .left ul{margin-top:20px;}
.academic_list > ul > li .left .session{overflow:hidden;}
.academic_list > ul > li .left .session .s_tit{display:inline-block; float:left; text-align:center; padding:5px 0 3px 0; width:75px; background:#f5f5f5; border:1px solid #ddd; color:#666; font-family:'NBGB'; box-sizing:border-box;}
.academic_list > ul > li .left .session p{overflow:hidden; float:left; text-overflow:ellipsis; white-space:nowrap; margin:0 10px; width:calc(100% - 95px); line-height:25px;}
.academic_list > ul > li .right{float:right; width:260px;}
.academic_list > ul > li .right ul{padding-bottom:48px;}
.academic_list > ul > li .right ul li b{display:block; margin:0 0 6px 0;}
.academic_list > ul > li .right div{display:table; table-layout:fixed; position:absolute; bottom:16px; right:10px; width:260px;}
.academic_list > ul > li .right div a{display:table-cell; text-align:center; vertical-align:middle; border-left:8px solid transparent;}
.academic_list > ul > li .right div a:first-child{border-left:none;}
.academic_list > ul > li .right div a span{display:block; padding:9px; border:1px solid #0073e6; color:#0073e6; font-family:'NBGB'; border-radius:2px;}
.academic_list > ul > li .right div .endLine span{display:block; padding:9px; border:1px solid red; color:red; font-family:'NBGB'; border-radius:2px;}
.academic_list > ul > li .right div a:first-child span{border:1px solid #aaa; color:#666;}
.academic_list.pre > ul > li .left .tit .cat{display:inline-block; vertical-align:middle; padding:5px 10px; color:#fff; font-size:13px; font-family:'NBGB'; line-height:14px;}
.academic_list.pre > ul > li .left .tit .cat.c0{background:#0073e6;}
.academic_list.pre > ul > li .left .tit .cat.c1{background:#888;}
.academic_list.pre > ul > li .right{width:100px;}
.academic_list.pre > ul > li .right div{padding-top:44px; width:100px;}
.ui-dialog{z-index:10600 !important;}
.academic_popup{}
.academic_popup .rule{display:block; position:absolute; top:-6px; right:0; text-align:center; padding:10px 0; width:80px; background:#fff; color:#666; font-family:'NBGB'; border:1px solid #aaa; border-radius:2px; line-height:14px;}
.academic_popup .rule_list{display:none; position:absolute; top:32px; right:0; padding:15px; background:#fff; border:1px solid #d5d5d5; border-radius:2px;}
.academic_popup .rule_list ul li{position:relative; padding-left:12px; margin-top:8px;}
.academic_popup .rule_list ul li:first-child{margin-top:0;}
.academic_popup .rule_list ul li::before{content:''; position:absolute; top:5px; left:0; width:4px; height:4px; background:#888; border-radius:2px;}
.academic_popup table{margin-top:12px;}
.academic_popup .btn_type1{margin:20px 0;}
.academic_done{text-align:center; padding:35px 40px; margin-top:20px; border:1px solid #d5d5d5;}
.academic_done .tit{color:#444; font-size:20px; font-family:'NS'; letter-spacing:-0.045em;}
.academic_done > span{display:block; padding:16px; margin-top:25px; background:#f5f5f5; color:#666; font-size:14px; line-height:24px;}
.academic_done > .price{margin-top:25px;}
.academic_done > .price p{color:#444; font-size:18px; font-family:'NS'; letter-spacing:-0.045em;}
.academic_done > .price p b{color:#0073e6; font-weight:normal;}
.academic_done > .price span{display:block; margin-top:10px; color:#666;}

/* 연수강좌 */
.training_list{table-layout:fixed; margin-top:12px; width:100%; border-top:2px solid #444;}
.training_list td{padding:15px; border-bottom:1px solid #d5d5d5;}
.training_list td.center{text-align:center;}
.training_list .tit{text-align:center; padding:5px 0 3px 0; background:#f5f5f5; border:1px solid #ddd; color:#333; font-family:'NBGB';}
.training_list ul{margin-top:10px;}
.training_list ul li{margin-top:10px; color:#888;}
.training_list ul li:first-child{margin-top:0;}
.training_list ul li span:first-child{padding-right:10px; margin-right:10px; border-right:1px solid #ddd;}
.training_list ul li b{color:#666; font-family:'NBGB';}

/* 입회안내 */
.join_intro{}
.business_purpose{margin-top:15px;}
.business_purpose > li{overflow:hidden; padding:15px; margin-top:10px; border:1px solid #ddd;}
.business_purpose > li b{float:left; text-align:center; padding:9px 0 7px 0; margin-right:14px; width:34px; background:#2e8ae6; color:#fff; font-size:16px; font-family:'NBGB'; border-radius:50%; line-height:18px;}
.business_purpose > li span{display:block; position:relative; padding-left:14px; margin:8px 0; color:#444; font-size:14px; line-height:18px;}
.business_purpose > li span::before{content:''; position:absolute; top:0; left:0; width:2px; height:18px; background:#e5e5e5;}
.business_purpose > li b + span{float:left; width: calc(100% - 48px); color:#444; font-size:14px; box-sizing:border-box;}
.business_purpose > li div{float:left; width: calc(100% - 48px);}
.business_purpose > li ul{margin-left:16px;}
.business_purpose > li ul li{position:relative; padding-left:12px; margin-top:10px;}
.business_purpose > li ul li::before{content:''; position:absolute; top:5px; left:0; width:4px; height:4px; background:#888; border-radius:2px;}
.qualification{table-layout:fixed; width:100%;}
.qualification td{position:relative; text-align:center; padding:62px 0 14px 0; border-top:20px solid transparent; border-left:28px solid transparent; line-height:24px;}
.qualification td:first-child{border-left:none;}
.qualification td::before{content:''; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid #ddd;}
.qualification tr:first-child td::before{height:315px;}
.qualification tr:last-child td::before{height:170px;}
.qualification td p{position:absolute; top:0; left:0; padding:12px 0; width:100%; background:#434a59; color:#fff; font-size:18px; font-family:'NS'; letter-spacing:-0.045em;}
.qualification td div{position:relative; color:#444; font-size:14px;}
.qualification td div ul{text-align:left; padding:14px 16px 0 16px; margin-top:14px; border-top:1px dashed #ddd;}
.qualification td div ul li{margin-top:6px; color:#666;}
.qualification td div ul li:first-child{margin-top:0;}
.qualification td div ul li b{display:block; font-family:'NBGB'; font-size:13px;}
.qualification td div ul li span{display:block; margin-left:15px; font-size:13px; line-height:22px;}
.join_btn {width:200px; background:#455073; padding:20px; font-size:1.4em; color:#fff; cursor: pointer; text-align: center;}
.join_btn:hover {background:#2e364d;}

/* 관련사이트 */
.site_list{overflow:hidden;}
.site_list li{float:left; margin:20px 0 0 16px; width:calc(50% - 8px); border:1px solid #ddd; border-radius:4px; box-sizing:border-box;}
.site_list li:nth-child(2n-1){margin-left:0;}
.site_list li a{display:table; padding:20px 0; width:100%;}
.site_list li a .img{display:table-cell; position:relative; text-align:center; vertical-align:middle; width:180px; height:38px;}
.site_list li a .img img{max-width:100%; max-height:38px;}
.site_list li a .txt{display:table-cell; vertical-align:middle; padding-left:20px; width:calc(100% - 180px); border-left:2px solid #ddd; box-sizing:border-box;}
.site_list li a .txt p{color:#666; font-size:15px; font-family:'NBGB';}
.site_list li a .txt span{display:block; margin-top:5px; color:#888;}

/* tag */
.tag{overflow:hidden; margin-top:50px;}
.tag p{float:left; width:47px; padding:2px 0; margin-right:12px; border-radius:3px; background-color:#0281cc; font-family:'NBGB'; font-size:12px; color:#fff; text-align:center;}
.tag div{float:left; width:760px;}
.tag div span{display:inline-block; margin:3px 5px 0 0; color:#777;}

/* 만족도 */
#evaluation{}
.eval_sec{padding:25px 30px; margin-top:90px; border:1px solid #d4d4d4;}
.eval_sec p{margin-bottom:15px; font-size:16px;}
.eval_sec strong{margin-right:8px; padding-right:15px; background:url(../images/sub/manager_arr.gif) right 4px no-repeat; font-family:'NBGB'; color:#024f81;}
.eval_sec .gtb{overflow:hidden;}
.eval_sec .gtb ul{overflow:hidden; float:left; margin-top:2px;}
.eval_sec .gtb ul li{float:left; margin-right:30px; font-size:14px;}
.eval_sec .gtb ul li input{margin-right:10px;}
.eval_sec .gtb ul li label{vertical-align:bottom;}
.eval_sec .gtb a{display:block; float:left; width:55px; padding:4px 0; font-size:12px; border:1px solid #000; text-align:center;}
.eval_sec .eval_insert{display:none; overflow:hidden; margin-top:15px;}
.eval_sec .eval_insert textarea{float:left; width:641px; height:61px; padding:10px 0 0 10px; border:1px solid #d4d4d4;}
.eval_sec .eval_insert input[type="submit"]{float:right; width:93px; height:72px; border:1px solid #3c3c3c; background:#fff; font-size:14px; text-align:center; cursor:pointer;}

.eval_list{overflow:hidden; padding:25px 30px; margin-top:90px; border:1px solid #d4d4d4;}
.eval_sec + .eval_list{margin-top:0; border-top:none;}
.eval_list p{float:left; margin-right:15px; padding-right:15px; background:url(../images/sub/manager_arr.gif) right 3px no-repeat; font-size:16px; font-family:'NBGB'; color:#024f81;}
.eval_list ul{overflow:hidden; float:right; margin-top:1px; width:685px;}
.eval_list ul:first-child{margin:0;}
.eval_list ul li:first-child{margin:0; padding:0; background:none;}
.eval_list ul li{float:left; margin-left:17px; padding-left:17px; background:url(../images/sub/manager_line.gif) 0 0 no-repeat;}
.eval_list ul li strong{font-family:'NBGB';}

/* 사이트맵 */
.sitemap > ol{overflow:hidden;}
.sitemap > ol > li{float:left; margin-top:40px; margin-left:28px; width:calc(100%/3 - 56px/3);}
.sitemap > ol > li:nth-child(3n-2){margin-left:0;}
.sitemap > ol > li:nth-child(-n+3){margin-top:0;}
.sitemap > ol > li > a{display:block; text-align:center; padding:14px 0; background:#434a59; color:#fff; font-size:18px; font-family:'NS'; letter-spacing:-0.045em;}
.sitemap > ol > li > ol{position:relative; padding:20px; margin-top:10px; border:1px solid #ddd; box-sizing:border-box;}
.sitemap > ol > li > ol::before{content:''; position:absolute; top:-11px; left:50%; width:1px; height:10px; background:#ddd;}
.sitemap > ol > li:nth-child(-n+3) > ol{min-height:300px;}
.sitemap > ol > li > ol > li{padding-left:24px; margin-top:14px; background:url(../images/sub/sitemap.png) no-repeat 0 1px;}
.sitemap > ol > li > ol > li:first-child{margin-top:0;}
.sitemap > ol > li > ol > li > a{color:#555; font-size:15px; line-height:20px;}
.sitemap > ol > li > ol > li > a[target="_blank"]{padding-right:18px; background:url(../images/sub/link.png) no-repeat right 2px;}
.sitemap > ol > li > ol > li ol{display:none;}

/* 시스템 경고 */ 
.system_warning_box{}
.system_warning_box .title{text-align:center; padding-top:30px;}
.system_warning_box .title p{margin-top:20px; font-weight:bold; font-size:22px; color:#b03030; line-height:30px;}
.system_warning_box h4{padding-left:12px; margin-top:30px; background:url("../images/common/system_pop_07.png") no-repeat 0px 5px; font-size:16px; font-weight:bold;}
.system_warning_box .text{overflow-y:scroll; padding:15px; margin-top:5px; width:100%; height:150px; border:1px solid #d4d4d4; box-sizing:border-box;}
.system_bot_bt{text-align: center; margin-top: 20px;}
.system_warning_bt1{border:none; background: url("../images/common/system_pop_01.png") no-repeat 0px 0px;width: 98px; height: 35px; text-indent: 999999px; cursor: pointer;}
.system_warning_bt2{border:none; background: url("../images/common/system_pop_02.png") no-repeat 0px 0px;width: 98px; height: 35px; text-indent: 999999px; cursor: pointer;}
.system_warning_h4_2{background: url("../images/common/system_pop_07.png") no-repeat 0px 3px; padding-left: 15px; font-size: 16px; font-weight: bold; margin-top: 10px;}
.system_warning_textarea3{width: 96%; height: 60px; overflow-y:scroll; padding: 2%; border:1px solid lightgray;}

/* 회원 layout */
.member_wrap{overflow:hidden; width:100%;}
.member_contents{padding-bottom:100px; margin:0 auto; width:1100px;}
#member_area{min-height:520px; padding:0 100px;}
#member_area h3{text-align:center; padding-top:60px; font-family:'NS'; font-size:36px; font-weight:normal; color:#444; letter-spacing:-0.045em;}

/* step */
.step1{margin:60px 0;}
.step1 ol{padding:40px 0; background:#eee; text-align:center;}
.step1 ol li{display:inline-block; position:relative; margin:0 30px; color:#888; font-family:'NS'; font-size:20px; letter-spacing:-0.045em;}
.step1 ol li::before{content:''; position:absolute; top:7px; left:-35px; transform:rotate(45deg); width:12px; height:2px; background:#aaa;}
.step1 ol li::after{content:''; position:absolute; top:15px; left:-35px; transform:rotate(-45deg); width:12px; height:2px; background:#aaa;}
.step1 ol li:first-child::before{display:none;}
.step1 ol li:first-child::after{display:none;}
.step1 ol li.on{color:#333; font-family:'NSB';}
.step1 ol li.on p{position:relative;}
.step1 ol li.on p::before{content:''; position:absolute; top:-44px; left:50%; z-index:2; margin-left:-10px; border-top:14px solid #0073e6; border-left:10px solid transparent; border-right:10px solid transparent;}
.step1 ol li.on p::after{content:''; position:absolute; top:-40px; left:50%; z-index:1; margin-left:-6px; border-top:14px solid rgba(0, 0, 0, 0.1); border-left:10px solid transparent; border-right:10px solid transparent;}
.step1 ol li span{color:#666;}
.step1 ol li.on span{color:#0073e6;}

/* 로그인 */ 
.login_wrap{margin-top:60px; border:1px solid #d5d5d5;}
.login_insert{text-align:center; padding:60px 0; border-bottom:1px solid #d5d5d5;}
.login_insert > p{color:#333; font-size:32px; font-family:'NS'; letter-spacing:-0.045em;}
.login_insert > p b{color:#0073e6; font-family:'NSB';}
.login_insert > span{display:block; margin-top:15px; color:#444; font-size:24px; font-family:'NS'; letter-spacing:-0.045em;}
.login_insert .li_wrap{padding-top:32px; margin:0 auto; width:350px;}
.li_wrap .login_util{overflow:hidden;}
.li_wrap .login_util .left{float:left; width:calc(100% - 106px);}
.li_wrap .login_util .left input{width:100%; padding:13px 5px !important; border: 1px solid #ddd; font-family:'NBG'; font-size:13px; border-radius:2px; box-sizing:border-box;}
.li_wrap .login_util .left input:first-child{margin-bottom:10px;}
.li_wrap .login_util .right{float:right; margin-left:10px;}
.li_wrap .login_util .right input[type="submit"], .li_wrap .login_util .right input[type="button"]{text-align:center; width:96px; height:96px; border:none; background:#0073e6; font-family:'NSB'; font-size:18px; color:#fff; letter-spacing:-0.045em; border-radius:2px; cursor:pointer;}
.li_wrap .login_util .right input[type="button"]{min-width: 150px; background: rgb(255, 129, 25);}
.li_wrap .id_check{text-align:left; margin-top:10px; color:#666; font-size:13px;}
/*사전등록 로그인*/
.pre_insert{border: 1px solid #d5d5d5; padding: 55px 40px !important; border: 1px solid #d5d5d5; background: #fff;}
.pre_insert .pre_login{width:550px;}
.pre_login .login_util .left{width:calc(100% - 259px);}
/*사전등록 비회원*/
input[name="pay"] + label{padding-left: 8px; margin-left: -3px !important;}


.login_option{overflow:hidden;}
.login_option ul{padding:0 40px; background:#fafafa;}
.login_option ul li{overflow:hidden; padding:30px 0 30px 80px; border-top:1px dashed #c8c8c8;}
.login_option ul li.join{background:url(../images/sub/login_option01.png) no-repeat 0 20px; border-top:none;}
.login_option ul li.idpw{background:url(../images/sub/login_option02.png) no-repeat 0 20px;}
.login_option ul li div{float:left;}
.login_option ul li p{color:#444; font-size:15px; font-family:'NBGB';}
.login_option ul li span{display:block; margin-top:10px; color:#666;}
.login_option a{display:block; float:right; text-align:center; padding:13px 0; width:160px; background:#666; color:#fff;}
.login_option a:last-child{margin-right:0;}



/* 본인인증, 가입여부 */
.certification{overflow:hidden;}
.certification > div{width:370px; height:186px; padding:35px 40px 40px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background-color:#fbfbfb;}
.certification > div.mobile{float:left;}
.certification > div.mobile > div{background:url(../images/sub/mobile_icon.gif) right 33px no-repeat;}
.certification > div.ipin{float:right;}
.certification > div.ipin > div{background:url(../images/sub/ipin_icon.gif) right 33px no-repeat;}
.certification > div h5{margin-bottom:16px; font-family:'NSB'; font-size:18px;}
.certification > div p{padding-bottom:72px;}
.certification > div.ipin p{padding-bottom:30px;}
.certification > div p span{display:block; margin-top:6px;}
.certification > div a{display:block; width:124px; padding:10px 0; border:1px solid #999; background-color:#fff; text-align:center;}

/* 약관동의 */
.agree{}
.agree .agree_box{margin:15px 0 20px 0;}
.agree .agree_box .agree_chk{padding:16px 20px; border:1px solid #d5d5d5; border-top:none; }
.agree .agree_box .agree_chk label{margin-left:5px; font-size:13px; color:#666; cursor:pointer;}
.agree .agree_box .agree_chk label b{color:#0073e6; font-family:'NBG'; font-weight:normal;}
.agree .agree_box .txt{overflow-y:scroll; height:200px; padding:20px; background:#fafafa; border:1px solid #d5d5d5;}
.agree .all_chk{text-align:center; padding:17px 0; margin-bottom:40px; border:1px solid #d5d5d5;}
.agree .all_chk label{margin-left:8px; color:#666; font-size:16px; cursor:pointer;}

/* 게시판 글쓰기 약관동의 */
.agree2 input[type="checkbox"]{width:15px; height:15px;}
.all_chk2{margin-bottom:40px; padding:15px 0; border:1px solid #dcdcdc; font-family:'NSB';}
.all_chk2 p{font-size:32px;}
.all_chk2 span{display:block; font-size:16px; color:#004e89; text-align:center;}
.all_chk2 span label{margin-right:8px;}
.agree_txt2{margin-bottom:20px;}
.agree_txt2 > div:nth-child(1){overflow:hidden; padding:10px 25px; background-color:#004e89; font-family:'NBGB'; font-size:15px; color:#fff;}
.agree_txt2 > div:nth-child(1) p{float:left;}
.agree_txt2 > div:nth-child(1) span{float:right;}
.agree_txt2 > div:nth-child(1) span label{margin-right:8px;}
.agree_txt2 > div:nth-child(2){overflow-y:scroll; height:80px; padding:15px; border:1px solid #dcdcdc; border-top:none; line-height:20px;}

/* 회원정보 입력 */
.join_wrap{position:relative; margin-bottom:10px;}
.join_notice_wrap{margin-bottom: 50px}
.join_notice_wrap .red{color: #ff4343;}
.join_notice{overflow:hidden; position:relative; padding:20px; margin-bottom:10px; border:1px solid #d5d5d5;}
.join_notice::before{content:''; position:absolute; top:-1px; left:-1px; width:calc(100% + 2px); height:2px; background:#0073e6;}
.join_notice .tit{padding-left:32px; background:url(../images/sub/join_notice.png) no-repeat 0 0; color:#444; font-size:15px; font-family:'NBGB'; line-height:22px;}
.join_notice div{overflow:hidden; float:left; margin-top:16px; width:50%;}
.join_notice div span{display:block; float:left; text-align:center; padding:8px 0; margin:0 16px 8px 0; width:70px; background:#f5f5f5; border:1px solid #ddd; color:#666;}
.join_notice ul{float:left; width:calc(100% - 88px);}
.join_notice ul li{position:relative; padding-left:12px; margin-top:10px; color:#666;}
.join_notice ul li:first-child{margin-top:0;}
.join_notice ul li::before{content:''; position:absolute; top:5px; left:0; width:4px; height:4px; background:#888; border-radius:2px; line-height:20px;}
.join_insert{table-layout:fixed; margin:0 auto 0 auto; width:100%; border-top:2px solid #444;}
.join_insert th{text-align:left; padding:20px; border-bottom:1px solid #d5d5d5; color:#444; font-size:16px; font-family:'NBG','Malgun Gothic', arial, sans-serif; font-weight:normal;}
.join_insert td{padding:10px 0; border-bottom:1px solid #d5d5d5;}
.join_insert td input[type="text"],
.join_insert td input[type="password"]{padding:11px 5px; border:1px solid #ddd; font-family:'NBG'; font-size:13px; border-radius:2px; box-sizing:border-box;}
.join_insert td select{padding-left:10px; height:39px; border:1px solid #ddd; font-size:13px; font-family:'NBG'; background:#fff;}
.join_insert textarea{resize:vertical; padding: 11px 5px; width:100%; min-height:100px; border:1px solid #ddd; font-size:13px; font-family:'NBG'; border-radius:2px; box-sizing:border-box;}
.join_insert td p{margin-top:5px; color:#646464;}
.join_insert td a.confirm{display:inline-block; text-align: center; padding:12px 10px; background:#888; color:#fff; font-size:13px; font-family:'NBGB'; border-radius:2px;}
.join_insert td div{margin-bottom:14px; font-size:16px;}
.join_insert td div span{display:inline-block; width:84px;}
.join_insert td div label{margin:0 8px;}
.join_insert td#fileList div{margin-bottom:0;}
.join_insert input[type="submit"]{width:117px; height:42px; border:none; background-color:#525252; font-family:'NBGB'; color:#fff; cursor:pointer;}
.join_insert .sign1{display:inline-block; margin-left:8px; color:#429aa6;}

/*환불규정*/
.join_notice_con:after{display: block; content: ""; clear: both;}
.refund_bt{display: block; text-align: center; padding: 8px 0; margin: 0 16px 8px 0; width: 100px; background: #f5f5f5; border: 1px solid #ddd; color: #666;}
.refund_rules{width: 600px; padding: 55px 40px; border: 1px solid #d5d5d5; background: #fff;}
.refund_rules_con{max-width: 100%; max-height: calc(100vh - 20rem); overflow: auto; margin-bottom: 20px; padding: 0 10px;}
.refund_rules .section01:nth-child(n+2){margin-top: 20px;}
.refund_rules .pdf_btn li{margin: 9px 0; display: inline-block; margin-right: 10px;}
.refund_rules .pdf_btn a{display: inline-block; border: 1px solid #aaa; color: #666; padding: 9px;}
.refund_table{table-layout: fixed; text-align: center; margin: 0 auto 0 auto; width: 100%; border-top: 2px solid #444;}
.refund_table th{padding: 10px; border-bottom: 1px solid #d5d5d5; color: #444; font-family: 'NBG','Malgun Gothic', arial, sans-serif; font-weight: 600;}
.refund_table td{padding: 10px; border-bottom: 1px solid #d5d5d5; word-break: keep-all;}

.join_wrap #layer_popup{display:none; position:absolute; top:80px; left:50%; z-index:10600; margin-left:-220px; width:440px;}
.join_wrap #layer_popup .dim_layer{position:fixed; top:0; left:0; z-index:-1; opacity:0.75; width:100%; height:100%; background:#000;}
.join_wrap #layer_popup .popup_con{padding:24px; background:#fff;}
.join_wrap #layer_popup .popup_con .tit{padding-bottom:12px; color:#444; font-size:16px; font-family:'NBGB'; border-bottom:2px solid #ddd;}
.join_wrap #layer_popup .popup_con .txt{text-align:center; margin-top:35px;}
.join_wrap #layer_popup .popup_con .txt span{display:block; color:#444; font-size:14px;}
.join_wrap #layer_popup .popup_con .txt p{padding:15px 0; margin-top:16px; background:#f5f5f5; color:#333; font-size:16px; font-family:'NBGB';}
.join_wrap #layer_popup .close_btn{display:block; position:absolute; top:14px; right:14px; width:40px; height:40px; font-size:0px;}
.join_wrap #layer_popup .close_btn::before{content:''; position:absolute; top:18px; left:8px; transform:rotate(45deg); width:25px; height:2px; background:#888;}
.join_wrap #layer_popup .close_btn::after{content:''; position:absolute; top:18px; left:8px; transform:rotate(-45deg); width:25px; height:2px; background:#888;}

/* 가입완료 */
.join_success{padding:145px 40px 40px 40px; margin-top:20px; background:url(../images/sub/join_success.png) no-repeat center 40px; border:1px solid #d5d5d5;}
.join_success .tit{text-align:center; margin-bottom:27px; color:#444; font-family:'NS'; font-size:24px;letter-spacing:-0.045em;}
.join_success .tit b{font-family:'NS'; font-weight:normal; color:#0073e6;}
.join_success .txt{padding:25px 110px; background:#fafafa;}
.join_success .txt li{position:relative; padding-left:12px; margin-top:10px; color:#666; font-size:14px;}
.join_success .txt li:first-child{margin-top:0;}
.join_success .txt li::before{content:''; position:absolute; top:5px; left:0; width:4px; height:4px; background:#888; border-radius:2px;}
.join_success .cost{text-align:center; margin-top:30px;}
.join_success .cost p{color:#444; font-size:18px; font-family:'NS'; letter-spacing:-0.045em;}
.join_success .cost p span{font-family:'NSB';}
.join_success .cost p b{color:#0073e6; font-family:'NSB';}
.join_success .cost > span{display:block; margin-top:12px; color:#666; font-size:14px;}

/* 아이디,비밀번호 찾기 */
.sign_box1{padding:24px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background-color:#fbfbfb; text-align:center;}
.sign_box1 p span{padding-left:10px; background:url(../images/sub/member_dot_01.gif) 0 5px no-repeat;}
.sign_box1 p a{display:inline-block; width:124px; padding:10px 0; margin-left:10px; border:1px solid #999; background-color:#fff; text-align:center;}
ul.pw_change{text-align:center;}
ul.pw_change li{margin-bottom:10px;}
ul.pw_change li label{display:inline-block; width:115px; text-align:left;}

/*동영상 뷰 테이블*/
.video_btn1{display: inline-block; width: 70px; height: 40px; line-height: 40px; color: #fff; border-radius: 5px; font-size: 12px; float: none; margin: 0 auto; background: #0073e6; cursor: pointer; vertical-align: middle;}
.view_con{width: 100%;}
.view_con img{max-width: 100%;}
.filebox .input_file{display: inline-block; width: 200px; height: 30px; overflow: hidden; padding: 0 10px; vertical-align: middle; background: #f5f5f5; border: 1px solid #ebebeb; appearance: none;}
.filebox input[type="file"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.filebox label.btn_files{display: inline-block; height: 30px; line-height: 30px; padding: 0 14px; color: #999; vertical-align: middle; background: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb;}
.select{overflow:hidden; vertical-align: middle; display: inline-block;}
.select li{float:left; margin-right:20px;}
.select li label{margin-left:8px;}
.video_modal form{width: 1000px;}

@media only screen and (max-width:1100px) {
	
	.sub_visual{margin-top:0; height:140px;}
	.sub_infor .si_wrap{width:728px;}
	.sub_infor .si_wrap h3{padding:34px 0; font-size:24px; line-height:24px;}
	.navi{position:static; height:auto; background:none;}
	.navi .state{padding:15px 18px;}
	.navi .state span{}
	.navi .etc .share_btn{padding:16px 20px;}
	.navi .etc ul{top:48px;}
	.navi .etc ul li a{padding:9px;}
	
	.contents{width:auto; padding-bottom:50px;}
	#left_menu{display:none;}
	#sub{float:none; padding-left:0; margin:0 auto; width:728px;}
	#sub::before{display:none;}
	.strapline{margin-bottom:50px;}
	.strapline h3{font-size:26px;}
	
	.tab{margin-bottom:50px;}
	.tab ul li a{padding:15px 10px;}
	
	.sec_img1 img{width:100%;}
	
	.ui-dialog{width:728px !important;}
	
	/* 회장인사말 */
	.greeting .tit p{padding:35px 15px;}
	.greeting .tit > span{padding:22px 15px;}
	
	/* 설립목적 */
	.foundation > div > div img{width:85%;}
	.found_c li .txt p{font-size:13px;}
	
	/* 입회안내 */
	.business_purpose > li{padding:0; border:none;}
	.business_purpose > li b{padding:0; margin-right:10px; width:auto; background:none; color:#2e8ae6; font-family:'NBG'; font-weight:normal;}
	.business_purpose > li span{padding-left:10px; margin:0; font-size:13px; line-height:normal;}
	.business_purpose > li b + span{width:calc(100% - 30px); font-size:13px;}
	.business_purpose > li span::before{height:14px;}
	.business_purpose > li ul{margin-left:10px;}
	.business_purpose > li ul li{padding-left:0; margin-top:6px; font-size:12px;}
	.business_purpose > li ul li::before{display:none;}
	.qualification{width:auto}
	.qualification td{display:block; text-align:left; padding:0; margin-top:15px; border:none; line-height:normal;}
	.qualification td::before{display:none;}
	.qualification tr:first-child td::before{height:auto;}
	.qualification tr:last-child td::before{height:auto;}
	.qualification tr:first-child td:first-child{margin-top:0;}
	.qualification td p{position:static; padding:0; background:none; color:#434a59; font-size:15px; font-family:'NBGB'; letter-spacing:0;}
	.qualification td div{margin-top:4px; font-size:13px; word-break:keep-all; line-height:18px;}
	.qualification td div br{display:none;}
	.qualification td div ul{padding:0; margin-top:4px; border-top:none;}
	.qualification td div ul li b{font-size:12px;}
	.qualification td div ul li span{font-size:11px; line-height:normal;}
	
	/* 관련사이트 */
	.site_list{}
	.site_list li{margin:10px 0 0 10px; width:calc(50% - 5px);}
	.site_list li a .img{width:170px;}
	.site_list li a .txt{width:calc(100% - 170px);}
	.site_list li a .txt p{font-size:14px;}
	
	/* 만족도조사 */
	.eval_sec{padding:20px;}
	.eval_sec p{font-size:15px;}
	.gtb{position:relative;}
	.gtb ul{float:none;}
	.gtb ul li{width:100px; margin:0 0 8px 0; font-size:13px;}
	.gtb a{position:absolute; top:0; right:0;}
	.eval_list{padding:20px;}
	.eval_list p{font-size:15px;}
	.eval_list ul{float:none; width:auto;}
	.eval_list ul li{margin-left:9px; padding-left:8px;}
	.eval_insert{display:block; position:relative; padding-right:110px;}
	.eval_insert textarea{width:100%;}
	.eval_insert span{position:absolute; top:0; right:0;}
	
	/* 사이트맵 */
	
	/* 로그인, 회원 */
	.member_contents{width:728px;}
	#member_area{padding:0; min-height:auto;}
	#member_area h3{padding-top:40px; font-size:26px;}
	.login_wrap{margin-top:50px;}
	
	.join_success .txt{padding:25px 80px;}
	
}

@media only screen and (max-width:768px) {
	
	.sub_visual{height:120px;}
	.sub_infor .si_wrap{padding:0 10px; width:auto;}
	.sub_infor .si_wrap h3{padding:28px 0; font-size:22px;}
	.navi .state{padding:11px 16px;}
	.navi .etc .share_btn{padding:12px 16px;}
	.navi .etc ul{top:40px;}
	.strapline{padding-top:30px; margin-bottom:40px;}
	.strapline h3{font-size:22px;}
	
	#sub{padding:0 10px; width:auto;}
	
	.tab{margin-bottom:40px;}
	.tab ul li a{padding:13px 10px; font-size:15px;}
	
	.sub_style_1 th{padding:10px 5px; font-size:12px;}
	.sub_style_1 td{padding:10px 5px; font-size:12px;}
	
	/* 회장인사말 */
	.greeting .tit::before{display:none;}
	.greeting .tit::after{display:none;}
	.greeting .tit p{padding:35px 15px 10px 15px; font-size:22px; line-height:30px; word-break:keep-all;}
	.greeting .tit p b{font-size:22px;}
	.greeting .tit p br{display:none;}
	.greeting .tit > span{padding:15px; font-size:14px; letter-spacing:0.15em;}
	.greeting .tit > span::before{width:100%;}
	.greeting .tit > span::after{display:none;}
	.greeting .txt p{margin-top:15px; font-size:13px; line-height:20px;}
	.greeting .sign{padding-top:20px; margin-top:20px;}
	.greeting .sign p{margin-bottom:10px; font-size:13px;}
	.greeting .sign span{font-size:13px; line-height:24px;}
	.greeting .sign img{height:24px;}
	
	/* 설립목적 */
	.foundation > div > div{float:none; width:auto;}
	.foundation > div > div h6{margin-bottom:25px; font-size:24px;}
	.found_t .left{border-top:2px solid #444}
	.found_t .left p{margin-top:15px; font-size:13px;line-height:20px;}
	.found_t .right{display:none;}
	.found_c li{display:block; font-size:13px;}
	.found_c li.vision{margin:0 0 20px 0; width:auto;}
	.found_c li.mission{margin:0; width:auto;}
	.found_c li .tit{display:block; margin:0 auto; padding:27px 0; width:100px; height:auto;}
	.found_c li .tit::before{width:84px; height:84px;}
	.found_c li .tit::after{top:100px; right:50%; width:1px; height:30px;;}
	.found_c li .tit p{margin-top:4px; font-size:20px;}
	.found_c li .txt{display:block; margin-top:30px; border-left:none;}
	.found_c li .txt p{line-height:22px; word-break:keep-all;}
	.found_c li .txt p br{display:none;}
	.found_c li.vision .txt p{border-top:2px solid #2e6be6; border-left:1px solid #d5d5d5;}
	.found_c li.vision .txt p::before{top:-5px; left:50%; margin:0 0 0 -5px;}
	.found_c li.mission .txt p{border-top:2px solid #2e8ae6; border-left:1px solid #d5d5d5;}
	.found_c li.mission .txt p::before{top:-5px; left:50%; margin:0 0 0 -5px;}
	.found_b .left{display:none;}
	.found_b .right{border-top:2px solid #444;}
	.found_b .right ul li{margin-top:6px; font-size:13px;}
	
	/* 연혁 */
	.history{padding-bottom:40px; background:none;}
	.history::before{top:42px; left:17px; height:calc(100% - 42px);}
	.history::after{left:17px;}
	.history h6{text-align:left; padding:0; margin:0; width:auto; background:none; color:#0073e6; font-size:24px;}
	.history h6:before{display:none;}
	.history h6:after{display:none;}
	.history > ul{border-top:2px solid #444;}
	.history > ul > li{padding:0 0 0 0;}
	.history > ul > li:nth-child(2n){text-align:left; padding:0 0 0 0;}
	.history > ul > li .year{padding:0 0 0 34px; font-size:16px; font-family:'NBGB'; letter-spacing:0;}
	.history > ul > li .year::before{top:5px; left:14px;}
	.history > ul > li:nth-child(2n) .year::before{top:5px; left:14px; right:auto;}
	.history > ul > li .year::after{top:1px; left:10px;}
	.history > ul > li:nth-child(2n) .year::after{top:1px; left:10px; right:auto;}
	.history > ul > li .year span{font-size:16px;}
	.history > ul > li ul li{margin-left:34px;}
	.history > ul > li:nth-child(2n) ul li{margin:12px 0 0 34px;}
	.history > ul > li ul li p{font-size:13px;}
	.history > ul > li:nth-child(2n) ul li p::before{left:0; right:auto;}
	.history > ul > li ul li span{color:#666; font-size:13px;}
	
	/* 역대회장 */
	.president_list ul li{float:none; margin:0 0 8px 0; width:auto;}
	
	/* 정관 */
	.policy_form .revision{padding:15px; margin-bottom:40px;}
	
	/* 학술대회 */
	.academic_list > ul > li{padding:12px 0;}
	.academic_list > ul > li .left{float:none; width:auto; min-height:auto; border-right:none;}
	.academic_list.pre > ul > li .left{float:none; width:auto;}
	.academic_list > ul > li .left .tit{margin-top:0;}
	.academic_list > ul > li .left .session .s_tit{width:65px; font-size:11px;}
	.academic_list > ul > li .left .session p{margin:0 0 0 10px; width:calc(100% - 75px); font-size:12px; line-height:22px;}
	.academic_list > ul > li .left ul{margin-top:12px;}
	.academic_list > ul > li div ul li{margin-top:4px; font-size:12px;}
	.academic_list > ul > li div ul li b{font-size:13px;}
	.academic_list > ul > li .right{float:none; margin-top:15px; width:auto;}
	.academic_list.pre > ul > li .right{float:none; width:auto;}
	.academic_list.pre > ul > li .right div{padding-top:0; width:auto;}
	.academic_list > ul > li .right ul{padding-bottom:8px;}
	.academic_list > ul > li .right div{display:block; position:static; width:auto;}
	.academic_list > ul > li .right div a{display:inline-block; border-left:none;}
	.academic_list > ul > li .right div a span{padding:6px; font-size:12px;}
	.ui-dialog{width:calc(100% - 20px) !important;}
	
	.academic_done{padding:15px; word-break:keep-all;}
	.academic_done .tit{font-size:16px; font-family:'NBGB'; letter-spacing:0;}
	.academic_done > span{padding:10px; margin-top:12px; font-size:12px; line-height:20px;}
	.academic_done > .price{margin-top:12px;}
	.academic_done > .price p{font-size:15px; font-family:'NBG'; letter-spacing:0;}
	.academic_done > .price span{margin-top:4px;}
	
	/* 연수강좌 */
	.training_list ul li{margin-top:4px; font-size:12px;}
	.training_list ul li span{display:block; margin-top:4px;}
	.training_list ul li span:first-child{margin-top:0;}
	
	/* 관련사이트 */
	.site_list li{}
	.site_list li a{display:block; text-align:center; padding:10px; width:auto;}
	.site_list li a .img{display:block; position:relative; width:auto;}
	.site_list li a .img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-height:26px;}
	.site_list li a .txt{display:block; padding-left:0; margin-top:6px; width:auto; border-left:none;}
	.site_list li a .txt p{font-size:13px;}
	.site_list li a .txt span{font-size:12px;}
	
	/* 회원정보 입력 */
	.join_insert colgroup{display:none;}
	.join_insert th{display:block; padding:10px 0 0 0; border-bottom:none; font-size:13px; font-family:'NBGB';}
	.join_insert td{display:block; padding:10px 0; font-size:13px;}
	.join_insert td input[type="text"], .join_insert td input[type="password"]{padding:9px 5px; font-size:12px;}
	.join_insert td select{padding-left:5px; height:34px; font-size:12px;}
	.join_insert td p{font-size:11px;}
	.join_insert td a.confirm{padding:8px; margin-top:4px; font-size:11px; font-family:'NBG';}
	.join_insert .sel1{width:calc(100%/3 - 10px);}
	.join_insert .sel2{width:calc(100%/3 - 10px);}
	.join_insert .inp1{width:calc(100%/3 - 10px);}
	.join_insert .inp2{width:100%;}
	.join_insert .inp5{width:calc(100%/3 - 10px);}
	
	.training_list colgroup{display:none;}
	.training_list td{display:block; padding:10px 0; font-size:13px;}
	.training_list td.center{text-align:left;}
	.training_list .tit{display:inline-block; width:65px; font-size:11px;}
	.training_list ul{margin-top:0;}
	.training_list td input[type="checkbox"]{margin-bottom:10px;}
	
	/* 로그인, 회원 */
	.member_contents{padding:0 10px; margin-bottom:80px; width:auto;}
	#member_area h3{padding-top:30px; font-size:22px;}
	.login_wrap{margin-top:40px;}
	.login_insert{padding:25px;}
	.login_insert > p{font-size:26px;}
	.login_insert > span{font-size:22px;}
	.login_insert .li_wrap{padding-top:20px; width:auto;}
	.login_option ul{padding:0 25px;}
	.login_option ul li{padding:20px 0 20px 80px;}
	.login_option ul li div{float:none;}
	.login_option a{float:none; margin-top:10px;}
	
	.step1{margin:40px 0;}
	.step1 ol{padding:25px 0;}
	.step1 ol li{display:none; margin:0; font-size:18px;}
	.step1 ol li::before{display:none;}
	.step1 ol li::after{display:none;}
	.step1 ol li.on{display:block;}
	.step1 ol li.on p::before{top:-31px;}
	.step1 ol li.on p::after{top:-28px;}
	
	.join_notice div{float:none; width:auto; word-break:keep-all;}
	.join_success{padding:90px 20px 20px 20px; background-size:50px; background-position:center 20px;}
	.join_success .tit{margin-bottom:15px; font-size:20px;}
	.join_success .txt{text-align:center; padding:10px;}
	.join_success .txt li{display:inline-block; margin-top:6px; font-size:12px;}
	.join_success .cost{margin-top:12px;}
	.join_success .cost > span{margin-top:8px; font-size:13px;}
	
	/* 사이트맵 */
	.sitemap > ol > li{margin:20px 0 0 10px; width:calc(50% - 5px);}
	.sitemap > ol > li:nth-child(-n+3){margin-top:20px;}
	.sitemap > ol > li:nth-child(-n+2){margin-top:0;}
	.sitemap > ol > li:nth-child(3n-2){margin-left:10px;}
	.sitemap > ol > li:nth-child(2n-1){margin-left:0;}
	.sitemap > ol > li > a{padding:10px 0; font-size:15px; font-family:'NBGB'; letter-spacing:0;}
	.sitemap > ol > li > ol{padding:12px; height:240px;}
	.sitemap > ol > li > ol > li{margin-top:8px;}
	.sitemap > ol > li:nth-child(-n+3) > ol{min-height:auto;}
	.sitemap > ol > li > ol > li > a{font-size:13px;}

	/*환불규정*/
	.refund_rules{width: 100%; padding: 30px 20px;}
}

@media only screen and (max-width:480px) {

	/* 역대회장 */
	.president_list ul li{padding:12px;}
	.president_list ul li .txt{margin-left:10px; width:calc(100% - 130px);}
	.president_list ul li .txt .date{font-size:12px;}
	
	/* 정관 */
	.policy_form .revision ul li{float:none; width:auto;}
	
	/* 관련사이트 */
	.site_list li{margin:6px 0 0 6px; width:calc(50% - 3px);}
	.site_list li a .txt p{font-size:11px;}
	.site_list li a .txt span{font-size:11px;}
	
	/* 로그인, 회원 */	
	.login_insert{padding:25px 12px;}
	.login_insert > p{font-size:18px;}
	.login_insert > span{margin-top:8px; font-size:13px; font-family:'NBG'; letter-spacing:0;}
	.li_wrap .login_util .left{float:none; width:auto;}
	.li_wrap .login_util .left input{}
	.li_wrap .login_util .left input:first-child{margin-bottom:6px;}
	.li_wrap .login_util .right{float:none; margin:6px 0 0 0;}
	.li_wrap .login_util .right input[type="submit"], .li_wrap .login_util .right input[type="button"]{width:100%; height:45px;}
	.login_option ul{padding:0 12px;}
	.login_option ul li{padding:70px 0 20px 0;}
	.login_option ul li.join{background:url(../images/sub/login_option01.png) no-repeat center 20px; background-size:40px;}
	.login_option ul li.idpw{background:url(../images/sub/login_option02.png) no-repeat center 20px; background-size:40px;}
	.login_option ul li div{text-align:center;}
	.login_option ul li p{font-size:13px;}
	.login_option ul li span{font-size:12px;}
	.login_option a{width:100%;}
	
	/* 사이트맵 */
	.sitemap > ol > li{float:none; margin:15px 0 0 0 !important; width:auto;}
	.sitemap > ol > li:first-child{margin-top:0 !important;}
	.sitemap > ol > li > ol{padding:10px; height:auto;}
	.sitemap > ol > li > ol > li{margin-top:6px;}
	.sitemap > ol > li > ol > li > a{font-size:12px;}
	
}

/*저널 게시판 안내 문구 */
.payerNameMent {font-size:12px; color:grey;}

/*** 영문 커스텀 ***/
.text-basic { font-size:14px !important; text-align:justify !important; line-height:26px !important; word-break:keep-all !important; }
.text-basic strong { font-style: italic; }