@charset "UTF-8";
.sub-bg-wrap{background:url(/_res/aposho/img/main/bg_main.png) top center repeat-x}
.sub-header-wrap{position: relative; max-width: 1600px; height: 116px; margin:0 auto; background-color: #fff; border-bottom: 1px solid #dedede; }
.sub-visual-wrap{padding: 94px 0}
.sub-wrap{position: relative; min-height:285px}
.sub-content-wrap{width: 76.25%; min-height: 287px;}
.lnb{position: absolute; top:60px; right:0; width:240px}
/* header : header-wrap */
.sub-header-wrap .header-box{padding-top:19px; padding-bottom: 19px; line-height: 44px}
/* sub-visual */
.sub-visual-wrap{background-size:cover; background-repeat:no-repeat; max-width:1600px; margin:auto}
.sub-about .sub-visual-wrap{background-image: url(/_res/aposho/img/sub/sub_about.jpg)}
.sub-apocon .sub-visual-wrap{background-image: url(/_res/aposho/img/sub/sub_apocon.jpg)}
.sub-event .sub-visual-wrap{background-image: url(/_res/aposho/img/sub/sub_event.jpg)}
.sub-doc .sub-visual-wrap{background-image: url(/_res/aposho/img/sub/sub_doc.jpg)}
.sub-member .sub-visual-wrap{background-image: url(/_res/aposho/img/sub/sub_members.jpg)}
.sub-forum .sub-visual-wrap{background-image: url(/_res/aposho/img/sub/sub_forum.jpg)}
.sub-login .sub-visual-wrap{background-image: url(/_res/aposho/img/sub/sub_login.jpg)}
.sub-visual-box {color: #fff; font-weight: 200px; letter-spacing: -1px; text-align: center; font-size:15px}
.sub-visual-box h2{padding-bottom:4px; font-weight: 500; font-size: 40px}
.sub-visual-box ul{text-align: center}
.sub-visual-box li{display: inline-block}
.sub-visual-box li:before{content: ">"; display:inline-block; padding:0 10px}
.sub-visual-box li:first-of-type:before{display:none}
/* sub-wrap */
.sub-container .sub-wrap{padding-top:60px; padding-bottom:90px}
.sub-content-wrap h2{font-weight: 500; font-size: 32px; letter-spacing: -1px}
.sub-content-wrap h2::after{content: ""; display: block; margin:30px 0 29px 0; width:62px; height: 5px; background-color:#64c549 }
.sub-content-tab{padding-bottom:35px}
.sub-content-full h2{text-align: center; padding-bottom:30px}
/* lnb */
.lnb li{height: 47px; line-height: 47px; }
.lnb li a{display: block; font-size: 17px; letter-spacing: -1px; text-indent: 20px; border-top: 1px solid #ccc}
.lnb li:last-of-type a{border-bottom: 1px solid #ccc}
.lnb .on,.lnb a:hover{background-color: #0c6f07; color: #fff}
/* 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; background-image: }
.btn-line{border: 1px solid #bfbfbf; display: inline-block; font-size: 18px; padding:4px 24px 5px 24px; font-weight: 200}
.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} 
.text-large strong{font-weight: 400}
.text-green{color: #0c6f07}
.text-center{text-align: center}
.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}
.title-icon{font-size: 20px; 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}
.list-link li{font-size: 15px; padding-left: 20px; line-height: 1; padding-bottom: 15px}
.list-link li:last-of-type{padding-bottom: 0}
.list-link li a:before{content: "-"; display: inline-block; padding-right:10px}
.list-link .on{color: #0c6f07}
.list-link a{vertical-align: top}
.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; vertical-align: 1; 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 dt{font-size: 18px; font-weight: 500; line-height: 1.4; padding-bottom: 10px}
.list-box dd{line-height: 1.4; padding-bottom: 10px}
.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:absolute; 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{-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}
.thumb-list{border-top:2px solid #0c6f07}
.thumb-list li{float: left; width: 50%; box-sizing: border-box; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf}
.thumb-list li:nth-child(even){border-right: none}
.thumb-list .thumb-body{padding: 20px; position: relative;}
.thumb-list .img-box{border: 1px solid #bfbfbf; width:103px; height: 126px; float: left; margin-right: 20px; background:url(../img/sub/bg_no_image.png) center center no-repeat; background-size: 80px auto}
.thumb-list img{width: 100%; height: 100%}
.thumb-list a{position:absolute; display: block; width: 90%; height: 70%;  bottom:20px; right: 20px; color: #0c6f07; background:url(/_res/aposho/img/main/bg_more.png) right bottom no-repeat; text-indent: -99999px; z-index: 10;}
.thumb-list a:hover{background-image: url(/_res/aposho/img/main/bg_more_on.png)}

.map-box{margin-bottom: 30px; width: 100%}
.map-list{display:none; position: relative; width: 915px; height: 509px;}
.map-list.on{display: block}
.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.eroupe{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 .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-country{display: block; padding: 0 0 15px 20px; font-size: 18px}
.map-mobile-list{display: none; padding-bottom: 30px}
.map-mobile-list.on{display: block}
/* 사이트 공통 */
.full{position: relative; text-align: center}
.full img{max-width: 100%; height: auto}
.img-box 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}


/* 햄버거 메뉴 시작 */
@media screen and (max-width:1024px) {
	.map-box{overflow-x:scroll;}
    .sub-bg-wrap{background: none}
	/* sub-nav */
    .lnb{display: none}
    .sub-content-wrap{width: 100%}
    .sub-visual-wrap{background-position:center center}
    /* sub-visual */
    .sub-visual-wrap{padding: 76px 0}
    .sub-visual-box h2{font-size:30px }
    .sub-content-wrap h2::after{margin:20px 0 20px 0}
    .sub-content-wrap h2{font-size: 22px}
    /* sub-content-box */
	.form-box{padding: 30px 0}
}

@media screen and (max-width:768px) {
   /* sub-visual */
    .sub-visual-wrap{padding: 73px 0}
    .sub-about .sub-visual-wrap{background-image: url(/_res/aposho/img/sub/mo_about.jpg)}
    .sub-apocon .sub-visual-wrap{background-image: url(/_res/aposho/img/sub/mo_apocon.jpg)}
    .sub-event .sub-visual-wrap{background-image: url(/_res/aposho/img/sub/mo_event.jpg)}
    .sub-doc .sub-visual-wrap{background-image: url(/_res/aposho/img/sub/mo_doc.jpg)}
    .sub-member .sub-visual-wrap{background-image: url(/_res/aposho/img/sub/mo_members.jpg)}
    .sub-forum .sub-visual-wrap{background-image: url(/_res/aposho/img/sub/mo_forum.jpg)}
    .sub-login .sub-visual-wrap{background-image: url(/_res/aposho/img/sub/mo_login.jpg)}
    .sub-visual-box h2{font-size:30px }
    .sub-content-wrap h2::after{margin:20px 0 20px 0}
    .sub-content-wrap h2{font-size: 22px}	
	/* mobile-tab */
	.tab-wrap,.tab-map-wrap, .map-country{display: none;}
	.mobile-tab {display: block;}
    /* sub-content-box */
    .box-line{padding: 15px 0}
    .text-large {font-size: 18px; line-height: 30px} 
    .list-vertical-line li{font-size: 15px; padding: 0 15px}
    .list-logo .list-body dd{font-size: 16px; line-height: 1.4}
    .title-icon{font-size: 18px}
    .text-basic{font-size:15px}
    .btn-line{font-size: 15px}
    .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}
}

@media screen and (max-width:576px) {
	.sub-container .sub-wrap{padding-top: 40px; padding-bottom: 70px;}
    /* sub-content-box */
    .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}
}	

/* 모바일 최소폰트 14px */
@media screen and (max-width:420px) {
	/* sub-visual */
	.sub-visual-box{font-size: 14px}
    .sub-visual-box h2{font-size:24px }
    .sub-content-wrap h2::after{margin:15px 0 15px 0}
    .sub-content-wrap h2{font-size: 18px}
    /* sub-content-box */
    .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}
}