@charset "UTF-8";
/* 공통 */
.hide{display:block;position:absolute;width:0;height:0;text-indent:-9999999px;overflow:hidden;}
.pc-hide{display:none !important;}
.clear:after{content: ""; display: block; clear: both}
/* 컨텐츠 공통 */
.rel{position: relative}
.v-middle{vertical-align:middle !important}
.center-block{display: block; margin-left: auto; margin-right: auto}
.table-res{display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar}
/* 사이트 공통 */
.full{position: relative; text-align: center}
.full img{max-width: 100%; height: auto}
.tab-wrap {border: 1px solid #bfbfbf; padding: 20px 0}
ul.tab-type01 li{font-size: 15px; letter-spacing: -1px; padding-left: 20px; line-height: 1; padding-bottom: 15px}
ul.tab-type01 li:last-of-type{padding-bottom: 0}
ul.tab-type01 li a:before{content: "-"; display: inline-block; padding-right:10px}
ul.tab-type01 .on a{color: #0c6f07}
ul.tab-type01 a{vertical-align: top}
.mobile-tab {display:none; padding:20px 0 0 0;}
.mobile-tab .select-tab {width: 100%;height: 45px;font-size: 17px;line-height: 32px;}
.table-link td:nth-child(2) {text-align:left !important; text-indent: 10px}
.table-link a:hover,.table-link a.on{color: #0c6f07; text-decoration: underline}
/* sub-content-box */
.bottom-p25{padding-bottom: 25px;}
.bottom-p30{padding-bottom: 30px;}
.bottom-p45{padding-bottom: 45px;}
.black-out{position: fixed; top:0; left: 0; right: 0; bottom: 0; background: #000; z-index: 10; opacity: 0.8;} 
.box-line{position: relative; border: 1px solid #bfbfbf; padding: 20px 0}
.box-line .btn-control-box{position: absolute; top:50%; right: 20px; height: 30px; line-height: 1; margin-top: -15px}
.btn-control-box .btn-control{display: block; text-indent: -99999px; width:30px; height:30px; float: left;}
.btn-control-box .btn-pre{background: url(/_res/aposho/img/sub/btn_pre.png) no-repeat}
.btn-control-box .btn-next{background: url(/_res/aposho/img/sub/btn_next.png) no-repeat}
.btn-line{border: 1px solid #bfbfbf; display: inline-block; font-size: 18px; padding:4px 24px 5px 24px; font-weight: 200}
.title-icon{font-size: 20px; padding-left: 20px; text-indent: -20px; line-height: 1; letter-spacing: -0.5px; color: #0c6f07; font-weight: 500; margin-bottom:20px}
.title-icon:before{content:" "; display: inline-block; width: 10px; height: 10px; background: #dbdade; margin-right: 10px; border-radius: 3px; vertical-align: middle; margin-bottom:5px;}
.text-basic{font-size: 16px; line-height: 1.4}
.text-middle{font-size: 18px; line-height: 1.4}
.text-large {font-size: 22px; line-height: 32px; letter-spacing: -1px; padding-bottom: 20px} 
.text-large strong{font-weight: 400}
.text-green{color: #0c6f07}
.text-center{text-align: center}
.text-left{text-align: left !important}
.text-right{text-align: right !important}
.text-center{text-align: center !important}
.text-box{padding: 30px 0; font-size: 16px;}
.text-box h3{font-size: 22px; padding-bottom: 30px}
.text-box h4{font-size: 18px; padding:10px 0 20px 0; color:#0c6f07}
.text-box p{padding-bottom: 25px; line-height: 1.4}
.text-box ol{padding-bottom:10px}
.text-box li{padding:0 0 10px 15px}
.text-box li p{padding: 10px 0 0 15px}
.dot-green{font-size: 16px; padding-left: 10px; padding-bottom: 20px; text-indent: -10px}
.dot-green::before{content:" "; display: inline-block; width: 5px; height: 5px; background: #0c6f07; margin-right: 5px; border-radius: 3px; vertical-align: middle}
.img-box .generalimg{max-width: 25%;height: auto;text-align:  center;}
.img-box img{max-width: 100%; height: auto; text-align:  center}
.list-img-box-nextconference img{max-width: 100%; height: auto; text-align:  center}
.mobile-list-img-box-nextconference img{max-width: 375px; height: auto; text-align:  center}
.list-link li{font-size: 15px; padding-left: 25px; line-height: 1; padding-bottom: 15px}
.list-link li:last-of-type{padding-bottom: 0}
.list-link a{display: block; text-indent: -5px}
.list-link a:before{content: "-"; display: inline-block; padding-right:5px}
.list-link .on{color: #0c6f07}
.list-vertical-line:after{content: ""; display: block; clear: both}
.list-vertical-line li{float: left; display: block; padding:0 20px; font-size: 17px; font-weight: 200; position: relative; line-height: 1}
.list-vertical-line li:after{content: " "; width: 1px; height: 13px; background-color: #555; float: left; display: block; position: absolute; top:50%; right: 0; margin-top: -6px}
.list-vertical-line li:last-of-type:after{display: none}
.list-vertical-line .on{color: #0c6f07}
.list-logo li{padding: 30px 0 30px 200px; border: 1px solid #ccc; position: relative; margin-bottom: 35px; min-height:190px}
.list-logo .list-body{padding-right: 20px}
.list-logo .list-body dt{font-size: 20px; color: #0c6f07; font-weight: 400; padding:0 0 15px 0;}
.list-logo .list-body dd{font-size: 18px; font-weight: 500; line-height: 1.2; padding-bottom: 10px}
.list-logo .list-body strong{font-weight: 400}
.list-logo .list-body .list-img{position: absolute; top:30px; left: 20px; width: 150px; padding:0}
.list-logo .list-body .list-img-box{border:1px solid #bfbfbf; box-sizing:border-box; background-color: #fff; width: 150px; height: 150px; line-height: 150px; text-align: center}
.list-logo .list-img a{display:block; background: url(/_res/aposho/img/sub/member/icon_home.png) 80% 50% no-repeat; background-color: #0c6f07; width:100%; height: 35px; line-height: 35px; color: #fff; margin-top: 18px; text-align: left; text-indent: 22px}
.list-logo .list-body .list-img img{width:80%; height: auto; vertical-align: middle; max-height: 100px}
.list-logo .list-body .no-img{background: url(/_res/aposho/img/sub/bg_no_image.png) center center no-repeat; width: 150px; height: 150px;}
.list-logo .list-body .list-photo img{width:103px; height:auto; vertical-align: middle}
.list-logo .list-body .list-photo{position: absolute; top:35px; left: 40px; width: 150px; vertical-align: 1; padding:0}
.list-box li{padding: 30px; position: relative; border: 1px solid #ccc; margin-bottom: 35px}
.list-box dl{line-height: 1.4; }
.list-box dt{font-size: 18px; font-weight: 500; padding-bottom: 10px}
.list-box dd{padding-bottom: 10px}
.list-dl{position: relative; line-height: 1.4}
.list-dl dt{font-size: 18px; padding-bottom: 10px}
.list-dl dd{font-size: 14px; padding-bottom: 10px}
.list-dl .dot-green{font-size: 16px}
.list-icon{position: relative; background-position: 0px 5px; padding-left: 28px}
.list-icon strong{display:block; position: absolute; top:0; left: 0; width: 0; height: 0; text-indent: -999999px}
.icon-address{background: url(/_res/aposho/img/sub/member/icon_address.png) 0 2px no-repeat}
.icon-year{background: url(/_res/aposho/img/sub/member/icon_year.png) 0 2px no-repeat}
.icon-mail{background: url(/_res/aposho/img/sub/member/icon_mail.png) 0 6px no-repeat}
.icon-fax{background: url(/_res/aposho/img/sub/member/icon_fax.png) 0 4px no-repeat}
.icon-mob{background: url(/_res/aposho/img/sub/member/icon_mob.png) 0 2px no-repeat}
.icon-tel{background: url(/_res/aposho/img/sub/member/icon_tel.png) 0 4px no-repeat}
.icon-web{background: url(/_res/aposho/img/sub/member/icon_web.png) 0 4px no-repeat}
.form-wrap-line{border: 1px solid #bfbfbf; max-width: 915px; margin: 0 auto; background:#fff}
.form-box{width:520px; margin: 0 auto; padding: 60px 0; font-weight: 200}
.form-box .form-area{margin-bottom: 15px; position: relative; min-height: 36px; font-size: 20px; }
.form-box .form-area label{display: inline-block; width: 160px; height: 36px; line-height: 36px}
.form-box .form-area .right{position: absolute; top:0; right: 0}
.form-area input,.form-area select{border: 1px solid #bfbfbf; display: inline-block; text-indent: 10px; box-sizing:border-box; width: 208px; height: 36px; line-height: 36px; vertical-align: top}
.form-area textarea{width: 100%; border: 1px solid #bfbfbf; box-sizing:border-box}
.form-box-large .form-area{min-height: 50px;}
.form-box-large .form-area label{width: 115px; height: 50px; line-height: 50px}
.form-box-large .form-area input{height: 50px; width: 350px}
.form-pass-find{position:fixed; top:50%; left: 50%; z-index: 100; width: 100%; transform: translate(-50%, -50%)}
.form-pass-find .form-area label{width: 150px}
.form-box .form-center{text-align: center}
.form-box .btn{border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; border: 0; margin: 0; width: 190px; height: 50px; font-weight: 200; font-size: 18px}
.form-box .btn-green{color: #fff; background: #0c6f07}
.form-box .btn-black{color: #fff; background: #464646; font-size: 15px; width: 142px; height: 36px}
.form-box .alert{display: inline-block; height: 36px; line-height: 36px; font-size: 15px; color:#c80000; vertical-align: top}
.form-center .alert{padding-bottom: 15px; text-align: center; display: block}
.color-red{color:#ff0000;}
/* Secretary General */
.list-dl .photo_general{position: absolute; top:-130px; right: -10px; width: 293px; height: 307px; line-height: 307px; text-align: center; background: url(/_res/aposho/img/sub/about/bg_general.png) no-repeat}
.photo_general img{vertical-align: middle; border: 1px solid #ccc}
.list-general .dot-green{max-width: calc(100% - 300px);}
/* APOSHO MEMBERS */
.map-box{margin-bottom: 30px; width: 100%}
.map-list{display:none; position: relative; width: 915px; height: 509px;}
.map-list.on{display: block;}
.map-list.APOSHO35{width: 915px; height: 100%}
.map-list.APOSHO36{width: 915px; height: 100%}
.map-list.asia{background:url(/_res/aposho/img/sub/member/map_asia.png) no-repeat}
.map-list.africa{background:url(/_res/aposho/img/sub/member/map_africa.png) no-repeat}
.map-list.oceania{background:url(/_res/aposho/img/sub/member/map_ocea.png) no-repeat}
.map-list.europe{background:url(/_res/aposho/img/sub/member/map_eu.png) no-repeat}
.map-list.america{background:url(/_res/aposho/img/sub/member/map_america.png) no-repeat}
.map-list li a{position: absolute; background: url(/_res/aposho/img/sub/member/mappin_icon.png) left top no-repeat; display:inline-block; height: 32px; padding-left: 25px}
.map-list li a.on{background: url(/_res/aposho/img/sub/member/mappin_icon_on.png) no-repeat; color:#0c6f07}
.map-list li a.mappin-right{padding-left: 0; padding-right: 25px; background-position: right top}
.map-list h3{position: absolute; right: 25px; bottom: 25px; text-align: right}
.map-list .china{top:138px; left: 420px}
.map-list .hongkong{top: 205px; left: 410px}
.map-list .taipei{top:190px; left: 549px;}
.map-list .japan{top:72px; left: 699px;}
.map-list .indonesia{top:438px; left: 544px;}
.map-list .korea{top:65px; left: 560px;}
.map-list .india{top:227px; left: 168px;}
.map-list .srilanka{top:355px; left: 191px;}
.map-list .pakistan{top:161px; left: 70px;}
.map-list .malaysia{top:369px; left: 310px;}
.map-list .philippines{top:312px; left: 568px;}
.map-list .singapore{top:395px; left: 320px;}
.map-list .thailand{top:285px; left: 298px;}
.map-list .brunei{top:375px; left: 496px;}
.map-list .kingdom{top:256px; left: 337px;}
.map-list .germany{top:291px; left: 442px;}
.map-list .brunei{top:375px; left: 496px;}
.map-list .usa{top:271px; left: 383px;}
.map-list .vietnam{top:298px; left: 434px;}
.map-list .mauritius{top:362px; left: 687px;}
.map-list .australia{top:234px; left: 328px;}
.map-list .APOSHO35 {display:none; position: relative; width: 1685px; height: 1404px;}
.map-list .APOSHO36 {display:none; position: relative; width: 1685px; height: 1404px;}
.map-country{display: block; padding: 0 0 15px 20px; font-size: 18px}
.map-mobile-select {display: none;}


/* 햄버거 메뉴 시작 */
@media screen and (max-width:1024px) {
	.map-box{overflow-x:scroll}
    .form-box{padding: 30px 0}
    .title-icon,.text-large,.text-box h3{font-size: 18px} 
    .btn-line,.text-middle,.list-dl .dot-green,.text-box h4{font-size: 15px}
    .list-logo .list-body dd{font-size: 16px}
    .text-box,.text-basic{font-size: 14px}
    .list-dl .photo_general{width: 150px; height: 160px; top:0; line-height: 160px; background-size: 150px auto}
    .photo_general img{width: 90px; height: auto;}
    .list-general .dot-green{max-width: calc(100% - 170px);}
	.list-img-box-nextconference img{max-width: 370px; height: auto; text-align:  center}
}

@media screen and (max-width:768px) {
	/* mobile-tab */
	.tab-wrap,.tab-map-wrap, .map-country{display: none;}
	.pc-nextconference{display: block; width: 375px;  height: auto;}
	.mobile-tab {display: block;}
    /* sub-content-box */
    .box-line{padding: 15px 0}
    .list-vertical-line li{font-size: 15px; padding: 0 15px}
    .title-icon:before{width: 8px; height: 8px}
    .pc-hide{display: block !important}
    .full button{width:100%; height:100%; max-width:40px; max-height:40px; text-indent:-999em; position:absolute; right:0; bottom:0; 
    outline:none; background:url(/_res/aposho/img/sub/btn-full.png) no-repeat; background-size:cover; opacity: 0.5; 
        cursor:pointer; z-index: 100;}
	.form-pass-find{width: calc(100% - 70px)}
    .form-box{width: 500px}
    .form-box .form-area{font-size: 18px}
    .form-area input, .form-area select{width: 180px;}
    .form-box-large .form-area label{height: 40px; line-height: 40px;}
    .form-box-large .form-area input{height: 40px; line-height: 40px;}
    .form-box .btn{height: 40px}
    .form-box .btn-black{height: 36px}
    
    .board_write_button ul li button, .board_write_button ul li a {width: 100px;}
	.board_write_button ul li {width: 100px;}
}

@media screen and (max-width:576px) {
    .list-logo .list-body dt,.list-box dt{font-size: 16px}
    .list-logo .list-body dd,.list-box dd{font-size: 15px}
	.form-pass-find{width: calc(100% - 35px)}
    .form-wrap-line{margin:0; padding:10px}
    .form-box{padding:0; width:100%}
    .form-box .form-area{font-size: 14px; min-height: 30px}
    .form-box .form-area label{width: 100px; height: 30px; line-height: 30px}
    .form-area input, .form-area select{width: calc(98% - 100px); height: 30px; line-height: 30px}
    .form-box-large .form-area label{width: 100px; height: 30px; line-height: 30px}
    .form-box-large .form-area input{width: calc(100% - 100px); height: 30px;}
    .form-pass-find .form-box-large .form-area label{width: 120px; height: 30px; line-height: 30px}
    .form-pass-find .form-box-large .form-area input{width: calc(100% - 120px); height: 30px;}
    .form-box .alert{font-size: 14px; display: block; height: 20px; line-height: 20px}
    .form-sign .form-area .alert{display: block; width: 200px; text-indent: 105px}
    .form-reset .form-area .alert{text-align: left}
    .form-box .btn{width:100%; height: 30px; font-size: 15px; margin-bottom: 10px}
    .form-sign .form-area .right{position: relative; text-align: right; padding-top: 10px; height: 30px;}
    .form-box .btn-black{width: calc(98% - 100px);} 
	.thumb-list li{float: inherit; width: 100%; border-right: none; border-bottom: 1px solid #bfbfbf}
	#passFindForm .btn-modal.btn-green{width:100% !important; line-height:30px}
}	

/* 모바일 최소폰트 14px */
@media screen and (max-width:420px) {
    .sub-content-box{font-size: 15px}
	.title-icon{font-size:16px; margin-bottom: 15px}
	.list-logo li{padding: 200px 15px 15px}
    .list-logo .list-body{padding-right: 0}
    .list-logo .list-body .list-img{width: 100%; top:20px; left: 0;}
    .list-logo .list-body .list-img-box{margin:0 auto}
    .list-logo .list-img a{width: 150px; margin: 0 auto; height: 22px; line-height: 22px; font-size: 14px; background-size: auto 10px; position: relative; top:-22px}
    .list-box li{padding: 15px; margin-bottom: 15px}
}

/* Next Conference */
        .aposhoList {min-width: 320px;max-width: 800px;padding: 50px;margin: 0 auto;background: #ffffff;}
		/*라디오버튼 숨김*/
         .aposhoList input {display: none;}
         .aposhoList section {display: none;padding: 20px 0 0;border-top: 1px solid #ddd;}
         .aposhoList label { display: inline-block; margin: 0 0 -1px; padding: 15px 25px; font-weight: 600;text-align: center;color: #bbb;border: 1px solid transparent;}
         .aposhoList label:hover {color: #2e9cdf;cursor: pointer;}
        /*input 클릭시, label 스타일*/
        input:checked + label {color: #555;border: 1px solid #ddd;border-top: 2px solid #2e9cdf;border-bottom: 1px solid #ffffff;}
        #tab1:checked ~ #content1,
        #tab2:checked ~ #content2,
        #tab3:checked ~ #content3{
            display: block;}