@charset "UTF-8";
.mb_hidden{display:block !important}
.pc_hidden{display:none !important}
/* header */
header .wrap{/* max-width:1780px; */width:1100px;line-height:1.5;padding:0;margin:0 auto}
header .wrap:after{content:"";display:block;clear:both}
header h1.logo{line-height:100px}
header h1.logo picture{vertical-align:middle;width:304px}
.page_tit h2{font-size: 46px}
header .mb_gnb{display:none}
header .pc_gnb{display:block;border-top:1px solid black;}
header .pc_gnb .bg{display:none;}
/*1/4띠배너 사용시 top을 250 */
header .pc_gnb.active .bg{display:block;position:fixed;top:152px;left:0;width:100%;height:265px; background:white;border-bottom:1px solid black;z-index:80;} /*배너수정 top: 152px height: 245px*/


header .pc_gnb .menu{width:1100px;margin:0 auto;overflow:hidden;}
header .pc_gnb .menu>li{float:left;width:25%;line-height:50px;background: white}
header .pc_gnb .menu>li>a{font-weight:700;color:#000}
header .pc_gnb li>ul{display:none;position:absolute;z-index:100}
header .pc_gnb.active li>ul{display:block;padding-top:5px;}
header .pc_gnb li>ul>li{line-height:30px;margin-top:10px;font-weight:700;color:#999}
header .pc_gnb li>ul>li:first-child{margin-top:0}
/*2/4띠배너 사용시 top을 -60 */
header .pc_gnb .inner{background:white;position:relative;top:-60px;width:1100px;margin:0 auto}
header .btn_pc_gnb{position:absolute;right:0;top:21px;width:24px;height:17px;background:url(/ko/common/images/default/pc_btn_gnb.png) 50% 50% no-repeat;background-size:24px;text-indent:-9999px;overflow:hidden}
header .btn_pc_gnb.active{background:url(/ko/common/images/default/pc_btn_close.png) 50% 50% no-repeat;background-size:20px}
/*3/4띠배너 사용시 top을 -65px */
header .util{position:absolute;top:-65px;right:0}
header .util ul{display:inline-block}
header .util li{display:inline-block;font-size:14px;color:#666}
header .util li:not(:last-of-type){margin-right:23px}
header .util li.point{color:red;font-weight:600}
header .util p{display:inline-block}
header .util>p{display:none}
header .util p a{font-size:14px}
header .util p a:first-child::after{top:2px;height:15px;margin:0 10px 0 12px}
/* common style - toggleMenu */

.toggleMenu>li{margin-top:0px}
.toggleMenu .toggleCon{padding-top:30px; padding-bottom: 30px;}
.toggleMenu .toggleTit{line-height:70px;padding:0;font-size:18px}
.toggleMenu .toggleTit:focus{outline:none;}
.toggleMenu .toggleTit>span::after{width:25px;height:15px;margin-top:-8px;background:url(/ko/common/images/default/pc_ico_arrowDown.png) no-repeat 50% 50%;background-size:100%}
/* .toggleMenu .toggleTit.active>span::after{transform:rotate(180deg)} */
/* common style - srch_area */
.srch_area{display:table;margin:0 auto; margin-bottom: 40px;}
.srch_area .sel_wrap{display:table-cell;vertical-align:middle}
.srch_area .sel_wrap select{width:160px;height:50px;line-height:50px;margin:0;margin-right:10px;padding-right:50px;}
.srch_area .ip_wrap{display:table-cell;vertical-align:middle;width:450px}
.srch_area .ip_wrap input{width:calc(100% - 48px);height:48px;line-height:48px;border:0;padding-left:20px}
.srch_area .ip_wrap button{width:48px;height:48px;background:url(/ko/common/images/default/mb_ico_srch.png) 50% 50% no-repeat;background-size:23px}
/* common style - video_area */
.video_area li a:after{width:100px;height:100px;margin:-50px 0 0 -50px;background-size:100px}
/* common style - table */
.list_table th,
.list_table td{line-height:28px;padding:10px 0px;font-size:18px}
.list_table td{padding:10px 0px 10px 0px;}
.scrl_box{overflow-x:hidden}
/* page_tit */
.page_tit{/* max-width:1780px; */margin:0 auto}
.page_tit .tit_wrap{width:1100px;margin:0 auto;padding:60px 0 20px;line-height:1.5;font-size:36px}
.page_tit .tit_wrap h2{font-weight: 700;}
.page_tit .nav_wrap{/* max-width:1780px; */margin:0 auto}
.page_tit .nav_wrap>ul{width:1100px;margin:0 auto;overflow-x:hidden;white-space:none}
.page_tit .nav_wrap li{line-height:30px;margin-right:50px}
.page_tit .nav_wrap li a{padding:0;font-weight:400}
.page_tit .nav_wrap li.on a{padding-bottom:0;font-weight:700}
/* contents */
/*4/4띠배너 사용 시 여기를 250로 */
.contents{padding-top: 120px}
.contents.not_padding{padding-top:0}
.contents.not_padding .wrap{padding-top:0}
.contents .wrap{/* max-width:1780px; */width:1100px;margin:0 auto;padding-top: 50px;padding-left: 0px; padding-right: 0px;}
/* member - join_info */
.list_area li{}
.list_area>ul>li p.tit{margin:45px 0 0px;}
p.sub_tit{margin:60px 0 20px;}
.list_area>ul>li>ul>li,
.list_area>ul>li p.txt{}
.list_area>ul>li .ant{}
/* member - dues */
.dues_page .list_area li{}
.dues_page .list_area>ul>li p.tit{margin:28px 0 0px;}
.dues_page .list_area>ul>li>ul>li,
.dues_page .list_area>ul>li p.txt{}
.dues_page .scrl_box .list_table{min-width:none}
.dues_page .list_table col.sort{width:366px}
.dues_page .list_table col.fee{width:366px}
.dues_page .list_table col.pay{width:366px}
.dues_page .btn_area{margin-top:100px}
.dues_page .btn_area .btn_txt{width:470px}
/* paper - paper_rule, submission */
.paper_rule_page.contents .wrap,
.submission_page.contents .wrap{}
.paper_rule_page .toggleMenu li .list_area,
.submission_page .toggleMenu li .list_area{overflow-x:hidden}
.paper_rule_page .list_area>ul>li p.tit{}
.submission_page .list_area>ul>li p.tit{}
/* paper - paper_list */
.paper_list_page .list_table col.col_01{width:350px}
.paper_list_page .srch_area{}
.paper_list_page .tit_box{margin-bottom:70px}
.paper_list_page .tit_box .tit{}
.paper_list_page .btn_area{margin:60px 0 0}
/* paper - paper_view */
.list_view .top{display:table;width:100%;padding:30px}
.list_view .top .tit{display:table-cell;vertical-align:middle;}
.list_view .top .date{display:table-cell;vertical-align:middle;margin-top:0;text-align:right}
.list_view .writer_box .down_icon{right:30px;background-size:20px}
.list_view .writer{padding:30px}
.list_view .con{}
.paper_view_page .btn_area{margin-top:60px}
.paper_view_page .btn_area .btn_txt{width:200px}
/* mypage - mem_modify */
.mem_modify_page .form_area li.pw_input .btn_txt{margin:13px 28px;float:left;width:92px;font-size:15px;border-bottom:2px solid #000}
.mem_modify_page .form_area li.width_input .width_box p{float:left;width:200px;line-height:50px}
.mem_modify_page .form_area li.width_input .width_box input{float:left;width:200px}
.mem_modify_page .form_area li.privacy_input .width_box .pri_txt{position:relative;overflow:hidden}
.mem_modify_page .form_area li.privacy_input .width_box .pri_txt input{margin-top:30px}
.mem_modify_page .form_area li.privacy_input .width_box .pri_txt .btn_txt{position:absolute;top:0;left:0;margin-top:0}
.mem_modify_page .btn_area{margin-top:50px}
/* mypage - mem_out */
.mem_out_page.contents .wrap{padding-top:100px}
.mem_out_page p{line-height:22px}
.mem_out_page p strong{margin-bottom:25px;font-size:24px}
.mem_out_page .btn_area{margin-top:60px}
/* news - news_list */
.news_list_page p,
.news_list_page div{letter-spacing:-0.025em}
.news_list_page p{margin-top:15px}
.news_list_page .wrap{padding:0}
.news_list_page .box{margin-top:100px}
.news_list_page .box li{padding:30px 0}
.news_list_page .box li p.tit{margin-bottom:30px;}
.news_list_page .box li picture{padding-right:0}
.news_list_page .box .con{margin-top:30px;overflow:hidden}
.news_list_page .box .con .txt{float:left;width:805px;margin:0;}
.news_list_page .box .con .info{float:left;width:295px;padding-left:30px;box-sizing:border-box}
.news_list_page .box .con .info p{line-height:24px;font-size:18px}
.news_list_page .box .con .info p:first-child{margin-bottom:25px}
.news_list_page .box .con .info .btn_txt{margin-top:25px;padding:0 5px;}
/* introduce - secretariat */
.secretariat_page .map{height:400px}
.secretariat_page dt{margin:28px 0px 0px;}
.secretariat_page dd{}
.secretariat_page .sns_share{margin-top:50px}
.secretariat_page .sns_share li:first-child{margin-right:18px}
.secretariat_page .sns_share li.facebook a{background:url(/ko/common/images/introduce/pc_ico_facebook.jpg) 0 0 no-repeat;background-size:100%}
.secretariat_page .sns_share li.twitter a{background:url(/ko/common/images/introduce/pc_ico_twitter.jpg) 0 0 no-repeat;background-size:100%}
/* introduce - rule */
.rule_page .tit{margin-bottom:20px;}
.rule_page .rule_area .inner{height:840px;padding:0 0px;box-sizing:border-box;overflow-y:auto;}
/* introduce - directors */
.directors_page.contents .wrap{width:100%}
.directors_page .wrap>ul{margin:0}
.directors_page .wrap>ul>li{padding:40px 0}
.directors_page .wrap>ul>li .box{width:1100px;margin:0 auto}
.directors_page .wrap>ul>li p.tit{margin-bottom:50px;}
.directors_page .wrap>ul>li dl{margin-top:15px}
.directors_page .wrap>ul>li dt{width:80px}
.directors_page .wrap>ul>li dd{line-height:1.5}
.directors_page .box>ul{margin-top:40px}
.directors_page .box>ul>li{padding:20px 0;}
.directors_page .box>ul>li p{line-height:22px}
.directors_page .box>ul>li p.s_tit{margin-bottom:10px}
.directors_page .btn_area .btn_txt{width:200px}

/* footer */
footer{margin-top:20px;padding:0}
footer .wrap{width:1100px;margin:0 auto;text-align:left;border-top:1px solid #999;padding-left: 0px; padding-right: 0px;}
footer .wrap .adr_area{margin-bottom:30px; display: flex;}
footer .wrap .adr_area li{display:block; width:50%;}
footer #lastFooter{padding-top: 60px;}
footer .wrap .adr_area #lastEng{margin-top: 0px;}
footer .wrap .adr_area .copy{display:block;margin-top:35px}
footer .wrap .adr_area img{height:30px; display: block; margin-right: 25px;margin-bottom:15px;}
footer .wrap .adr_area .row{display: flex;}
footer .wrap .adr_area .row .col1{width:120px;}
footer .wrap .adr_area .row .col2{width:460px; display: flex; flex-wrap: wrap;}

.floating_bn{bottom:245px;right:60px}
.floating_bn a{width:60px;height:60px;line-height:60px;}
