@import url("common.css");
/* NHN INS Webstandard dev team dog 100804 */

#visual{position:relative; width:100%; height:250px; box-sizing:border-box; text-align:center;}
	.subtop_company{background:url('/m/img/subtop_company.jpg') center center/cover no-repeat;}
	.subtop_hk_establishment{background:url('/m/img/subtop_hk_establishment.jpg') center center/cover no-repeat;}
	.subtop_hk_management{background:url('/m/img/subtop_hk_management.jpg') center center/cover no-repeat;}
	.subtop_vt_establishment{background:url('/m/img/subtop_vt_establishment.jpg') center center/cover no-repeat;}
	.subtop_visa{background:url('/m/img/subtop_visa.jpg') center center/cover no-repeat;}
	.subtop_customer{background:url('/m/img/subtop_customer.jpg') center center/cover no-repeat;}
	.subtop_other{background:url('/m/img/subtop_customer.jpg') center center/cover no-repeat;}

#visual h2 { font-size:28px; letter-spacing:0; color:#fff; font-weight:700; font-family:'Montserrat', sans-serif; line-height:110%;  padding-top:130px}
#visual h2.twoline {padding-top:120px}

/** 서브메뉴  **/
#container .sticky-wrapper {position:absolute; display: block;  max-width:640px; width:100%; height: 45px; z-index: 10; top:205px;}

/** dropdownlist **/
.dropLst { display:inline-block; vertical-align:middle; color:#666; }
.dropLst .txt { position:relative; display:block; text-align:left; text-decoration:none;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:40px; padding:0 40px 0 10px; box-sizing:border-box; color:#333; }
.dropLst .hidradio { opacity:0; filter:alpha(opacity=0); position:absolute; z-index:-1; top:5px; left:5px; }
.dropLst .dlst { display:none; position:absolute; top:46px; z-index:9; }
.dropLst.bottom .dlst { top:auto; bottom:100%; }
.dropLst .dlst.aright { right:0; }
.dropLst ul { margin-top:-1px; background-color:rgba(24,24,24,0.48); max-height:400px; padding:0; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; }
.dropLst ul > li { position:relative; }
.dropLst ul > li > label { display:block; position:relative; cursor:pointer; }
.dropLst ul > li > label > span { display:block; }
.dropLst ul > li > a:hover, .dropLst ul > li > label:hover > span, .dropLst ul > li > label.hover > span {}
.dropLst .txt, .dropLst ul { border:1px solid #d7d7d7; }
.dropLst .txt, .dropLst li span, .dropLst li a { line-height:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dropLst li span, .dropLst li a { padding:0 10px; }
.dropLst li a.selected, .dropLst li a.on, .dropLst li label.on span {}
.dropLst li span, .dropLst li a { display:block; }

/** 서브 네비게이션 모바일 **/
.mobile_snb {display: block; width:100%; /*margin:0 auto;*/ height:45px; background:rgba(24,24,24,0.48);max-width:640px; }
.mobile_snb .box {width: 50%; float:left; height: 45px; /*background-color:rgba(24,24,24,0.48);*/ box-sizing:border-box;}
.mobile_snb .box.dep1 { border-right:1px solid rgba(255,255,255,0.2)}
.mobile_snb .dropLst .txt, 
.mobile_snb .dropLst li span, 
.mobile_snb .dropLst > a {padding-left:14px; width:100%; height: 45px; line-height: 45px; font-size:13px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:0;}
.mobile_snb .box .dropLst .txt {padding-right:40px; color:#fff;}
.mobile_snb .box .dropLst .txt:before {content: ""; position: absolute; top:50%; right:14px; display: block; width: 6px; height: 10px; margin-top:-2px; background: url('/m/img/sub_lnbArrow.png') no-repeat center center/cover; background-size:100%; -webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); transition:all 0.2s cubic-bezier(0, 0, 0.25, 1);}
.mobile_snb .box .dropLst .txt.on:before {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); background-size:100%}
.mobile_snb .box .dropLst ul {padding:0;}
.mobile_snb .box.dep1 .dropLst ul,
.mobile_snb .box.dep1 .dropLst ul li {background-color: #f9f9f9; border-bottom:1px solid #ddd;}
.mobile_snb .box.dep1 .dropLst ul li:first-child {border-top:1px solid #ddd;}
.mobile_snb .box.dep1 .dropLst ul li:last-child {border-bottom:0;}
.mobile_snb .box.dep1 .dropLst li .value {padding-left:14px; width:100%; height: 33px; line-height: 33px; font-size:13px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:0; color:#555;}
.mobile_snb .box.dep1 .dropLst li .value.on {color:#fff;  background:#0074c9;}
.mobile_snb .box.dep1 .dropLst .txt {color:#fff; }
.mobile_snb .box.dep1 .dropLst .txt:before {background-position:center center;} /* 첫번째 서브메뉴 화살표 위치 */
.mobile_snb .box.dep2 .dropLst ul li  {background-color: #f9f9f9; border-bottom:1px solid #ddd;}
.mobile_snb .box.dep2 .dropLst ul li:last-child{border-bottom:none}
.mobile_snb .box.dep2 .dropLst li .value {padding-left:14px; width:100%; height: 36px; line-height: 36px; font-size:13px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:0; color:#555;} /*color:#003591;*/
.mobile_snb .box.dep2 .dropLst li .value.on {color:#fff;  background:#005dab;}
.mobile_snb .dropLst {width:100%; box-sizing: border-box; position:relative;}
.mobile_snb .dropLst .dlst {width:100%;}
.mobile_snb .dropLst .dlst ul {border:none;}


/* 천명호추가(2016-07-20) */
.pay_add_tit {font-size: 11px; color: #555;}
.pay_add_tit2 {font-size: 11px; color: #ee2d7a;}



/* 공통 */
.contents_in{padding:30px 10px;}

.show480 {display:none;}
.none480 {display:block;}

.dep_tit{font-size:18px; letter-spacing:0; line-height:130%; color:#333; font-weight:600; padding:0 0 13px}
.dep_tit span{font-weight:100; font-size:18px; letter-spacing:0; line-height:130%; }

.ls0{letter-spacing:0 !important; }
.tmar25{margin-top:25px}

.nomtop {margin-top:0 !important}
.nombottom {margin-bottom:0 !important}
.mtop90 {margin-top:90px !important}
.mtop15{margin-top:15px}

.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;}
.table_style th{color:#444; font-weight:600; text-align:left; padding:14px 0 14px 15px; border-bottom:1px solid #d4d4d4; background-color:#f9f9f9; letter-spacing:0;}
.table_style td{border-bottom:1px solid #e9e9e9; padding:14px 0 14px 15px; text-align:left}

.table_style2{width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #333; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.table_style2 th{color:#333; font-weight:700; font-family:'Montserrat', sans-serif; text-align:center; border-bottom:1px solid #ddd; background-color:#f2f9ff; border-right:1px solid #ddd; font-size:13px; line-height:110%; padding: 13px 0}
.table_style2 th:last-child {border-right:none;}
.table_style2 td{font-size:13px; letter-spacing:0; padding:13px 10px; text-align:center; border-right:1px solid #ddd; vertical-align:middle;border-bottom:1px solid #ddd;}
.table_style2 td:last-child {border-right:none;}
.table_style2 td span.eng {font-size:14px}
.table_style2 td p.tablein_txt {margin-top:10px; letter-spacing:0;}
.table_style2.left td {text-align:left}
.table_style2.top td {vertical-align:top}
.table_style2 td.center {text-align:center;}
.table_style2 th.gray {background:#f9f9f9; padding:10px}

.table_style2.p15 td {padding:15px}
.table_style2.vt th {width:80px}
.table_style2.vt .borderbbb {border-bottom:1px solid #bbb}
.table_style2.vt td {}
.table_style2.vt td .dot2 li {float:left; width:50%;}

.table_style2 p.cor_taxtxt {margin-bottom:5px;}
.table_style2 p.cor_taxtxt:last-child {margin-bottom:0;}

.table_style3{width:100%; border-collapse:separate; border-spacing:0px; border:1px solid #ddd;}
.table_style3 th{color:#333; font-weight:500; font-family:'Montserrat', sans-serif; text-align:center; padding:12px; border-right:1px solid #ddd; background-color:#f9f9f9; letter-spacing:0; text-align:center}
.table_style3 th:last-child {border-right:none;}
.table_style3 td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:12px; text-align:center}
.table_style3 td:last-child {border-right:none;}

.table_process {position:relative;}
.table_process li {position:relative; font-size:13px; line-height:20px; letter-spacing:0; margin-bottom:5px; padding-left:25px; box-sizing:border-box;}
.table_process li:last-child {margin-bottom:0 !important}
.table_process li span.num {font-size:11px; width:20px; line-height:20px; height:20px; border-radius:20px; color:#fff; background:#005dab; text-align:center; box-sizing:border-box; position:absolute; top:0; left:0; font-family:'Montserrat', sans-serif; font-weight:700}

.cont_title{color: #333; font-weight:400; font-family:'Montserrat', sans-serif;font-size: 20px; line-height: 110%; letter-spacing:0; margin-bottom:20px}
h4.con_tit {font-weight:300; font-family:'Montserrat', sans-serif; font-size:18px; letter-spacing:0; line-height:130%; color:#333; margin-bottom:15px;}
h4.con_tit span.eng {font-weight:700; font-size:20px; color:#fff; line-height:130%}
h5.dep_tit {font-weight:700; font-family:'Montserrat', sans-serif; font-size:16px; letter-spacing:0; line-height:110%; color:#333; background:url('/m/img/dep_tit.gif') left top no-repeat; padding:5px 0 0 17px; margin:30px 0 10px 0; background-size:15px auto; box-sizing:border-box;}
h5.dep_tit span {font-size:15px; letter-spacing:0; color:#333; font-weight:500; font-family:'Montserrat', sans-serif;}
h5.dep_tit:first-child {margin-top:0}
h5.dep_tit:last-child {margin-bottom:0;}
/*h5.dep_tit p.sub_tit {display:inline-block; font-weight:500; font-family:'Montserrat', sans-serif; font-size:13px; letter-spacing:0; vertical-align:top}
h5.dep_tit p.sub_tit:before {display:block; content:""; width:1px; height:10px; background:#787878; float:left; margin:4px 9px 0 6px}*/
h5.dep_tit p.sub_tit {position:relative; display:block; font-weight:500; font-family:'Montserrat', sans-serif; font-size:13px; letter-spacing:0; vertical-align:middle; padding-left:8px; margin-top:10px}
h5.dep_tit p.sub_tit:before {display:block; content:""; width:3px; height:3px; background:#787878; position:absolute; top:8px; left:0;}


h5.dep_tit2 {font-weight:500; font-family:'Montserrat', sans-serif; font-size:14px; letter-spacing:0; line-height:135%; color:#333; background:url('/m/img/dep_tit02.gif') left 3px no-repeat; background-size:10px auto; padding:0 0 0 15px; margin:20px 0 10px 0; box-sizing:border-box;}
h5.dep_tit2:first-child {margin-top:0;}
h5.dep_tit2:last-child {margin-bottom:0;}
/*h5.dep_tit2 p.sub_tit {display:inline-block; font-weight:400; font-family:'Montserrat', sans-serif; font-size:13px; letter-spacing:0; vertical-align:middle; line-height:110%;}
h5.dep_tit2 p.sub_tit:before {display:block; content:""; width:1px; height:10px; background:#787878; float:left; margin:2px 9px 0 13px}*/
h5.dep_tit2 p.sub_tit {position:relative; display:block; font-weight:500; font-family:'Montserrat', sans-serif; font-size:13px; letter-spacing:0; vertical-align:middle; padding-left:8px; margin-top:10px}
h5.dep_tit2 p.sub_tit:before {display:block; content:""; width:3px; height:3px; background:#787878; position:absolute; top:8px; left:0;}


.deptit_list02 {position:relative; overflow:hidden;}
.deptit_list02 h5 {float:none; width:100%;}

h6.num {position:relative; font-size:14px; color:#333; letter-spacing:0; padding-left:27px; box-sizing:Border-box; font-weight:500; font-family:'Montserrat', sans-serif; margin:20px 0 10px 0}
h6.num:first-child {margin-top:0}
h6.num span {position:absolute; left:0; color:#fff; font-size:11px; width:20px; height:20px; border-radius:20px; background:#005dab; display:inline-block; line-height:20px; text-align:center;}

.num2 {position:relative; font-size:15px; color:#333; letter-spacing:0; padding-left:34px; box-sizing:Border-box; font-weight:500; font-family:'Montserrat', sans-serif; margin:20px 0 10px 0}
.num2:first-child {margin-top:0}
.num2 span {position:absolute; left:0; color:#fff; font-size:13px; width:25px; height:25px; border-radius:25px; background:#005dab; display:inline-block; line-height:25px; text-align:center;}

.fontblack {color:#333 !important;}
.kor {font-family:'Montserrat', sans-serif !important; font-weight:400; letter-spacing:0 !important}
span.bold {font-weight:700; font-family:'Montserrat', sans-serif; line-height:130%; letter-spacing:0;}
span.eng {font-weight:400 !important; font-family:'Montserrat', sans-serif; letter-spacing:0 !important;}
span.eng.bold {font-weight:700 !important; font-family:'Montserrat', sans-serif;}
span.blue {color:#005dab !important; line-height:130%;}
span.orange {color:#f47d31 !important;}
.lang {letter-spacing:0 !important}

.con_txt p {font-size:13px; letter-spacing:0; line-height:18px; margin-bottom:10px;}
.con_txt p:last-child {margin-bottom:0 !important}

.dot h6.list_stit {font-size: 14px; font-weight:500; color:#333; line-height:110%; margin:15px 0 8px 0}
.dot li.list_stit:first-child h6.list_stit {margin-top:0}
.dot li.list_stit {padding-left:0}
.dot li.list_stit:before {display:none; }
.dot li.list_stit ol {padding-left: 12px}

.dot li {position:relative; padding-left:8px; box-sizing:border-box; font-size:13px; letter-spacing:0; line-height:18px; float:left; width:50%; margin-bottom:5px}
.dot li:last-child {margin-bottom:0 !important}
.dot li:before {display:block; content:""; width:3px; height:3px; background:#787878; position:absolute; top:8px; left:0;}
.dot.list01 li {float:none; width:100%}
.dot.list02 li {width:50%;}

.dot2 li {position:relative; padding-left:8px; box-sizing:border-box; font-size:13px; letter-spacing:0; line-height:18px; margin-bottom:5px;}
.dot2 li:last-child {margin-bottom:0}
.dot2 li:before {display:block; content:""; width:4px; height:1px; background:#797979; position:absolute; top:9px; left:0;}

.dot p {position:relative; padding-left:8px; box-sizing:border-box; font-size:13px; letter-spacing:0; line-height:18px; margin-bottom:5px; }
.dot p:last-child {margin-bottom:0}
.dot p:before {display:block; content:""; width:3px; height:3px; background:#fff; position:absolute; top:8px; left:0;}

.border_box {width:100%; background:#fff url('/hk_management/img/line_bg.gif') left top repeat; padding:5px; box-sizing:border-box; position:relative; overflow:hidden;}
.border_box > .border_boxin {position:relative; overflow:hidden; background:#fff; box-sizing:border-box; padding:15px 15px 12px 15px}

.gray_box {border:1px solid #ddd; width:100%; background:#f9f9f9; box-sizing:border-box; padding:15px}
.gray_box li {font-size:13px; line-height:18px; letter-spacing:0;}
.gray_box li:last-child {margin-bottom:0}


/******* 회사소개 *******/
/* EXTRANS CONSULTING */
.about_top {position:relative; /*overflow:hidden;*/ background:url('/m/eng/company/img/about_bg_m.jpg') left top/contain no-repeat; padding:5% 3% 0 5%; margin-bottom:40px; box-sizing:border-box; max-width:640px}
.about_top h4.con_tit {color:#fff; margin-bottom:5px}
.about_top .about_tit p {color:rgba(255,255,255,0.8); font-size:13px; letter-spacing:0; line-height:18px}
.about_top .con_txt {position:relative; margin-top:30px; background:#fff; padding:3%; box-sizing:border-box;}
.about_top .con_txt p {}
.about_value { max-width:640px}
.about_value h4.con_tit {margin-bottom:35px;}
.about_diagram {margin-bottom:30px; position:relative; overflow:hidden;}
.about_diagram div {position:relative; /*overflow:hidden;*/ display:inline-block; border-radius:150px; width:46%; background:#005dab; padding:8px; box-sizing:border-box;margin-right:6%;}
.about_diagram div:nth-child(2) {margin-right:0;}
.about_diagram div:nth-child(2):before {display:block; content:""; width:20px; height:20px; background:url('/m/eng/company/img/about_plus.gif') center center no-repeat; background-size:100%; position:absolute; top:50%; margin-top:-10px; left:-10.5%;}
.about_diagram div:last-child:after {display:block; content:""; width:20px; height:20px; background:url('/m/eng/company/img/about_equal.gif') center center no-repeat; background-size:100%; position:absolute; top:-28px; left:45%; transform:rotate(90deg)}
.about_diagram div:last-child {display:block; clear:both; background:#f47d31; margin:35px auto 0 auto; text-align:center;}
.about_diagram dl {/*display:table;*/ position:Relative; overflow:hidden; border-radius:134px;  line-height:50px; height:50px; border:1px solid rgba(255,255,255,0.3); box-sizing:border-box; text-align:center; padding:8px 10px 10px 38%; width:100%; background:url('/m/eng/company/img/about_icon01.gif') left 25% center no-repeat; background-size:12% auto}
.about_diagram div:nth-child(2) dl {background-image:url('/m/eng/company/img/about_icon02.gif')}
.about_diagram div:last-child dl {background-image:url('/m/eng/company/img/about_icon03.gif')}
/*.about_diagram dt {display:table-cell; vertical-align:middle;  width:30px; height:35px; text-align:right;}
.about_diagram dt img {max-width:100%; max-height:100%;}*/
.about_diagram dd {/*display:table-cell; vertical-align:middle;*/ font-size:13px; color:#fff; line-height:130%; letter-spacing:0; text-align:left;}


/*  연락처 및 찾아오시는 길 */
.tel_info {position:relative; overflow:hidden;}
.tel_info dl {width:100%; margin:0 0 2% 0; padding:15px; box-sizing:border-box; border:1px solid #ddd;}
.tel_info dl:nth-child(2n) {margin-right:0}
.tel_info dl:nlast-child {margin-bottom:0}
.tel_info dt {font-weight:500; font-family:'Montserrat', sans-serif; letter-spacing:0; line-height:135%; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px; box-sizing:border-box; color:#333; font-size:12px;}
.tel_info dt span {line-height:135%; font-family:'Montserrat', sans-serif;}
.tel_info dt span.bold {letter-spacing:0 !important; font-size:14px;}
.tel_info dt span.kor {font-size:14px; font-weight:700; font-family:'Montserrat', sans-serif !important;}
.tel_info dd {}
.tel_info dd span.bold {font-weight:700; font-family:'Montserrat', sans-serif; letter-spacing:0}
.tel_info dd p {font-family:'Montserrat', sans-serif; letter-spacing:0; font-size:13px;padding-left:20px; box-sizing:border-box; margin-bottom:5px; background:url('/m/eng/company/img/email_icon.gif') left center no-repeat; background-size:12px auto; line-height:18px}
.tel_info dd p:last-child {margin-bottom:0}
.tel_info dd p.email {}
.tel_info dd p.tel {background-image:url('/m/eng/company/img/tel_icon.gif')}
.tel_info dd p.fax {background-image:url('/m/eng/company/img/fax_icon.gif')}

.tel_info dl.kakao {}
.tel_info dl.kakao img {margin-top:-2px}
.tel_info dl.kakao dd p.id {background-image:url('/m/eng/company/img/id_icon.gif')}
.tel_info dl.kakao dd p.kor {background-image:none; padding-left:0; font-size:13px; line-height:20px; letter-spacing:0 !important}
.tel_info dl.kakao dd p.kor span {line-height:20px;}

.location_con {position:relative;}
.location_con iframe {height:300px;}
.location_con .loca_info {position:relative; border:1px solid #ddd; border-top:none; box-sizing:border-box; padding:20px 15px}
.location_con .loca_info ul {}
.location_con .loca_info li {position:relative; box-sizing:border-box; font-size:13px; letter-spacing:0; margin-bottom:10px; padding-left:67px;}
.location_con .loca_info li:last-child {margin-bottom:0}
.location_con .loca_info li span {color:#333; font-weight:500; font-family:'Montserrat', sans-serif; letter-spacing:0; position:absolute; left:0; }
.location_con .btn {position:relative; text-align:center;}
.location_con .btn a {display:block; width:51px; height:51px; margin:15px auto 0 auto; background:#1d3951 url('/m/eng/company/img/locaBtn.png') center center no-repeat;}


/******* 홍콩 법인 설립 *******/
/* 단독법인 */

.hk_topimg {position:relative; text-align:center; height:180px; margin-bottom:60px; max-width:640px; background:url('/m/eng/hk_establishment/img/single_bg.jpg') left top/cover no-repeat;}
.hk_topimg.single { margin-bottom:112px }
.hk_topimg .titbox {width:90%; background: #fff url('/m/eng/hk_establishment/img/sub_logo.gif') right bottom no-repeat; background-size:auto 20px;  margin: 0 auto; text-align: center; box-shadow: 4px 3px 10px 1px rgba(0,0,0,0.2);padding:30px 20px;box-sizing: border-box; position:absolute; top:85px; left:50%; margin-left:-45%}
.hk_topimg .titbox h4 {font-weight:700; font-family:'Montserrat', sans-serif; font-size:15px; letter-spacing:0; line-height:135%; margin-bottom:10px; color:#333;}
.hk_topimg .titbox p {font-size:13px; letter-spacing:0; line-height:18px; }

.hk_process {position:relative; overflow:hidden;}
.hk_process dl {position:relative; overflow:hidden; display:table; width:100%;border:1px solid #ddd; border-radius:100px; box-sizing:border-box; margin-bottom:10px}
.hk_process dl:last-child {margin-bottom:0 !important}
.hk_process dt {display:table-cell; width:130px; height:130px; border-radius:130px; padding:8px; box-sizing:border-box; background:#005dab; vertical-align:middle}
.hk_process dt p {/*display:table-cell; vertical-align:middle;*/display:flex; justify-content:center; align-items:center; width:114px; height:114px; border-radius:114px; padding:0 30px; border:1px solid rgba(255,255,255,0.3); box-sizing:border-box; text-align:center;}
.hk_process dt p img {/*max-width:100%;*/ width:100%}
.hk_process dd {display:table-cell; vertical-align:middle; padding:0 3%; box-sizing:border-box;}
.hk_process dd h5 {font-weight:700; font-family:'Montserrat', sans-serif; font-size:11px; letter-spacing:0; color:#333; margin-bottom:7px;}
.hk_process dd h5 span {background:#005dab; margin-right:5px; font-family:'Montserrat', sans-serif; font-size:10px; color:#fff; display:inline-block; text-align:center; width:18px; height:18px; line-height:18px; border-radius:18px; box-sizing:border-box;}
.hk_process dd h6 {font-weight:400; font-family:'Montserrat', sans-serif; font-size:13px; line-height:18px; letter-spacing:0; color:#333;}
.hk_process dd p {font-size:12px; letter-spacing:0; line-height:17px; margin-top:3px;}

.preparation {position:relative; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; padding:15px 15px 12px 15px; background:#f9f9f9}
.preparation li {}

/* 개인법인 */
.hk_topimg.personal {position:relative; background-image:url('/m/eng/hk_establishment/img/personal_bg.jpg'); margin-bottom:130px}

/* 홍콩지사 */
.hk_topimg.branch {position:relative; background-image:url('/m/eng/hk_establishment/img/hk_branch_bg.jpg'); margin-bottom:100px}

/* 연락사무소 */
.hk_topimg.office {position:relative; background-image:url('/m/eng/hk_establishment/img/office_bg.jpg'); margin-bottom:120px}


/******* 홍콩 법인 관리 *******/
.border_line {height:1px; width:100%; position:relative; overflow:hidden; border-top:1px dashed rgba(221,221,221,0.7); margin-top:40px; box-sizing:border-box}

/* 법인/개인 계좌 개설 */
.hk2_topimg.account {background-image:url('/m/eng/hk_management/img/account_bg.jpg'); margin-bottom:70px}
.hk2_topimg.account .titbox {/*top:100px*/}

.credit_account {position:relative;}
.credit_account img {position:absolute; bottom:-10px; right:0; width:180px; z-index:1}
.credit_account h6 {position:relative; font-weight:700; font-family:'Montserrat', sans-serif; color:#333; letter-spacing:0; font-size:16px; line-height:135%; margin-bottom:15px; z-index:9}
.credit_account h6 span {font-size:18px; line-height:135%}
.credit_account .con_txt {width:calc(100% - 190px)}



/* 간사 서비스 */
.hk2_topimg {position:relative; text-align:center; height:200px; margin-bottom:60px; max-width:640px; background:url('/m/eng/hk_management/img/service_bg.jpg') right bottom/cover no-repeat;}
.hk2_topimg img {}
.hk2_topimg .titbox {/*position:absolute; top:110px; right:50px;*/ text-align:center; padding:30px 20px; background:#f47d31 url('/hk_management/img/sub_logo2.gif') right bottom no-repeat; background-size:auto 20px;box-sizing:border-box; width:90%;position:absolute; top:85px; left:50%; margin-left:-45%}
.hk2_topimg .titbox h6 {font-weight:400; font-style:italic; font-family:'Montserrat', sans-serif; color:rgba(255,255,255,0.8); line-height:110%; font-size:13px; letter-spacing:0; margin-bottom:7px}
.hk2_topimg .titbox h5 {font-weight:700; font-family:'Montserrat', sans-serif; letter-spacing:0; line-height:135%; margin:0 0 10px 0; color:#fff; font-size:15px; }
.hk2_topimg .titbox p {font-size:13px; letter-spacing:0; color:#fff; line-height:18px}
.hk2_topimg .titbox .small_txt {position:relative; padding-left:19px; box-sizing:border-box; font-size:13px; letter-spacing:0; color:rgba(255,255,255,0.8); margin-top:8px;}
.hk2_topimg .titbox .small_txt span {position:absolute; left:0; }


/* 회계/세금신고/감사보고 */
.hk2_topimg.report {background-image:url('/m/eng/hk_management/img/report_bg01.jpg'); margin-bottom:180px}
.hk2_topimg.report .titbox {}
.hk2_topimg.report .titbox p {text-align:left}

.hk2_topimg.tax {background-image:url('/m/eng/hk_management/img/report_bg02.jpg');}
.hk2_topimg.tax .titbox {}

.hk2_topimg.inspection {background-image:url('/m/eng/hk_management/img/report_bg03.jpg');}
.hk2_topimg.inspection .titbox {}
.hk2_topimg.inspection .titbox p {text-align:left}
.hk2_topimg.inspection .titbox p:before {}
.hk2_topimg.inspection .titbox p:last-child {margin-bottom:0}

/* 갱신/폐업/회생 */
.hk_process.ver02 {border:1px solid #ddd; border-right:none; border-bottom:0}
.hk_process.ver02 dl {width:100%; float:none; margin-bottom:0; border-top:none; border-left:none; border-radius:0; height:auto; padding:15px; box-sizing:border-box; display:table}
.hk_process.ver02 dt {background:#fff; border-radius:0; height:auto; width:45px; padding:0; vertical-align:middle; text-align:left; }
.hk_process.ver02 dt img {width:100%}
.hk_process.ver02 dd {padding:0 0 0 15px}
.hk_process.ver02 dd h5 {}
.hk_process.ver02 dd h6 {}
.hk_process.ver02 dd h6 span {line-height:18px}
.hk_process.ver02 dd h6 span.plus_txt {font-size:12px; letter-spacing:0;}
.hk_process.ver02 dd h6 span.smallfont {font-size:12px; letter-spacing:0;}

.bulb_box {position:relative; overflow:hidden; background:#f9f9f9; padding:12px 15px; box-sizing:border-box;}
.bulb_box p {letter-spacing:0; line-height:23px; background:url('/m/eng/hk_management/img/bulb_icon.gif') left center no-repeat; background-size:10px auto; padding-left:18px; box-sizing:border-box;}

.hk_process.ver03 {border-right:none; border-bottom:none;}
.hk_process.ver03 dl {display:table; float:none; width:100%; padding:15px; height:auto}
.hk_process.ver03 dl br {display:none;}
.hk_process.ver03 dt {display:table-cell; vertical-align:middle; width:35px; height:auto; line-height:100%; margin-bottom:10px;}
.hk_process.ver03 dt img {width:100%}
.hk_process.ver03 dd {text-align:left; display:table-cell; vertical-align:middle; padding-left:15px}


/* 라이선스/물류/신용장 */
.license_con {position:relative; overflow:hidden; max-width:640px}
.license_con .license_in {position:relative; overflow:hidden; clear:both; padding-bottom:100px}
.license_con .license_in:nth-child(2) {padding-bottom:120px}
.license_con .license_in img.bg {position:relative; z-index:9; width:40%}
.license_con .border_box {position:absolute; top:45px; right:0; width:75%;}
.license_con dl { background:#fff; padding:8% 5% 8% 24% !important; box-sizing:border-box; box-sizing:border-box}
.license_con dt {margin-bottom:15px; width:16%}
.license_con dd {}
.license_con dd h6 {font-weight:700; font-family:'Montserrat', sans-serif; color:#333; letter-spacing:0; font-size:15px; line-height:135%; margin-bottom:7px}
.license_con dd h6 span{font-weight:700; font-family:'Montserrat', sans-serif; font-style:italic; letter-spacing:1pt; font-size:12px; line-height:135%; margin-left:2%; display:inline-block}
.license_con dd p {font-size:13px; letter-spacing:0; line-height:18px;}

.license_con .license_in.right img.bg {float:right;}
.license_con .license_in.right .border_box {left:0;}
.license_con .license_in.right dl {padding:8% 5% 8% 10% !important;}

/******* 베트남 법인 설립 *******/
/* 베트남 법인 설립 */
.hk2_topimg.vt_esta {background-image:url('/m/eng/vt_establishment/img/vt_establishment_bg.jpg'); margin-bottom:80px}
.hk2_topimg.vt_esta .titbox {top:100px}
.border_box.vt_esta_process {}
.border_box.vt_esta_process > .border_boxin {text-align:center; padding:20px 15px}


/* 이주 및 정착 */
.hk2_topimg.vt_immi {background-image:url('/m/eng/vt_establishment/img/vt_immigration_bg.jpg'); margin-bottom:60px}
.hk2_topimg.vt_immi .titbox {top:100px}

.border_box.vt_immi {position:relative; overflow:hidden; text-align:center;}
.border_box.vt_immi > .border_boxin {}
.border_box.vt_immi dl {float:left; margin:0 90px 118px 0}
.border_box.vt_immi dl:nth-child(3n) {margin-right:0}
.border_box.vt_immi dl:nth-child(3) ~ dl {margin-bottom:0}
.border_box.vt_immi dl.four {clear:both; margin-left:137px}
.border_box.vt_immi dt { width:179px; height:179px; border-radius:179px; margin:0 auto 20px auto; display:flex; justify-content:center; align-items:center;}
.border_box.vt_immi dd {font-size:18px; line-height:110%; letter-spacing:0; color:#333; font-family:'Montserrat', sans-serif; font-weight:500; margin-bottom:20px}
.border_box.vt_immi dl:nth-child(3) dd ~ dd {margin:20px auto 0 auto}
.border_box.vt_immi dd span {display:block; font-size:15px; line-height:110%; letter-spacing:0; color:#666; margin-top:13px}

/*
.border_box.vt_immi dl.one dt {
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0.49, #02b79f), color-stop(0.5, #02ae97));
	background: -moz-linear-gradient(-45deg, #02b79f 49%, #02ae97 50%);
	background: -webkit-linear-gradient(-45deg,  #02b79f 49%, #02ae97 50%);
	background: -o-linear-gradient(-45deg,  #02b79f 49%, #02ae97 50%);
	background: -ms-linear-gradient(-45deg,  #02b79f 49%, #02ae97 50%);
	background: linear-gradient(-45deg,  #02b79f 49%, #02ae97 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02b79f', endColorstr='#02ae97', gradientType=1);
}
.border_box.vt_immi dl.two dt {
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0.49, #048bce), color-stop(0.5, #0486c3));
	background: -moz-linear-gradient(-45deg, #048bce 49%, #0486c3 50%);
	background: -webkit-linear-gradient(-45deg,  #048bce 49%, #0486c3 50%);
	background: -o-linear-gradient(-45deg,  #048bce 49%, #0486c3 50%);
	background: -ms-linear-gradient(-45deg,  #048bce 49%, #0486c3 50%);
	background: linear-gradient(-45deg,  #048bce 49%, #0486c3 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#048bce', endColorstr='#0486c3', gradientType=1);
}
.border_box.vt_immi dl.three dt {
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0.49, #005eab), color-stop(0.5, #0059a2));
	background: -moz-linear-gradient(-45deg, #005eab 49%, #0059a2 50%);
	background: -webkit-linear-gradient(-45deg,  #005eab 49%, #0059a2 50%);
	background: -o-linear-gradient(-45deg,  #005eab 49%, #0059a2 50%);
	background: -ms-linear-gradient(-45deg,  #005eab 49%, #0059a2 50%);
	background: linear-gradient(-45deg,  #005eab 49%, #0059a2 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005eab', endColorstr='#0059a2', gradientType=1);
}
.border_box.vt_immi dl.four dt {
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0.49, #039fba), color-stop(0.5, #0397b1));
	background: -moz-linear-gradient(-45deg, #039fba 49%, #0397b1 50%);
	background: -webkit-linear-gradient(-45deg,  #039fba 49%, #0397b1 50%);
	background: -o-linear-gradient(-45deg,  #039fba 49%, #0397b1 50%);
	background: -ms-linear-gradient(-45deg,  #039fba 49%, #0397b1 50%);
	background: linear-gradient(-45deg,  #039fba 49%, #0397b1 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#039fba', endColorstr='#0397b1', gradientType=1);
}
.border_box.vt_immi dl.five dt {
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0.49, #036bcc), color-stop(0.5, #0366c2));
	background: -moz-linear-gradient(-45deg, #036bcc 49%, #0366c2 50%);
	background: -webkit-linear-gradient(-45deg,  #036bcc 49%, #0366c2 50%);
	background: -o-linear-gradient(-45deg,  #036bcc 49%, #0366c2 50%);
	background: -ms-linear-gradient(-45deg,  #036bcc 49%, #0366c2 50%);
	background: linear-gradient(-45deg,  #036bcc 49%, #0366c2 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#036bcc', endColorstr='#0366c2', gradientType=1);
}*/


/******* 비자 서비스 *******/
/* 홍콩 비자 */
.hk_visa_top {position:relative; overflow:hidden; background:url('/m/eng/visa/img/hk_visa_bg.jpg') left bottom no-repeat; padding:15px}
.hk_visa_top li {}

/* 베트남 비자 */
.hk_topimg.vt_visa {position:relative; overflow:hidden; background:url('/m/eng/visa/img/vt_visa_bg.jpg') left top/cover no-repeat; padding:30px 15px; box-sizing:border-box; text-align:left; margin-bottom:0; height:auto}
.hk_topimg.vt_visa h4 {font-size:16px; line-height:135%; letter-spacing:0; font-weight:300; font-family:'Montserrat', sans-serif; margin-bottom:8px; color:#fff}
.hk_topimg.vt_visa h4 span.orange {letter-spacing:0; line-height:135%; font-weight:700; font-family:'Montserrat', sans-serif;}
.hk_topimg.vt_visa p {font-size:13px; letter-spacing:0; color:rgba(255,255,255,0.7);}
.hk_topimg.vt_visa p span.bold {letter-spacing:0;}

.border_box.vt_visa {}
.border_box.vt_visa .border_boxin {background:#fff url('/m/eng/visa/img/vt_visa_txtbg.gif') right bottom no-repeat; background-size:30% auto}
.border_box.vt_visa ul > li {}
.border_box.vt_visa ul > li:last-child {clear:both; float:none; width:100%; margin-bottom:0}
.border_box.vt_visa ul > li:before {}
.border_box.vt_visa ul > li:last-child:before {}
.border_box.vt_visa ul > li span.bold {color:#333; letter-spacing:0;}
.border_box.vt_visa ol.check {box-sizing:border-box; padding-top:5px}
.border_box.vt_visa ol.check li {float:none; width:100%; padding-left:12px; box-sizing:border-box; background:url('/m/eng/visa/img/check.gif') left 5px no-repeat; background-size:8px auto}
.border_box.vt_visa ol.check li:before {display:none;}



/*******************************************************************************
	@media 581~640px
*******************************************************************************/
@media all and (max-width:640px){



}


/*******************************************************************************
	@media 421~480px
*******************************************************************************/
@media all and (max-width:480px){

.show480 {display:block;}
.none480 {display:none;}

#visual {height:210px}
#visual h2 {font-size:20px; padding-top:108px}
#visual h2.twoline {padding-top:93px}

#container .sticky-wrapper {top:165px}

h4.con_tit {margin-bottom:10px;}
h4.con_tit br {display:none;}

.dot li {width:100%; float:none;}
.dot.list02 li {float:none; width:100%;}

.table_style2.vt td .dot2 li {float:none; width:100%;}

.border_box > .border_boxin {padding:15px}

.preparation {padding:15px}

.hk_process dl {margin-bottom:15px;}
.hk_process dl:last-child {}
.hk_process dt {width:85px; height:85px; border-radius:85px;}
.hk_process dt p {width:75px; height:75px; border-radius:75px; padding:0 20px}
.hk_process dd {}
.hk_process dd h5 {margin-bottom:4px}
.hk_process dd p {font-size:12px}

/******* 회사소개 *******/
/* EXTRANS CONSULTING */
.about_top {margin-bottom:40px;}
.about_top h4.con_tit br {display:block;}
.about_top .about_tit p br {display:none;}
.about_top .con_txt br {display:none;}
.about_top .con_txt {position:relative; padding:15px;  margin-top:15px;}
.about_diagram div { display:block;width:100%; margin-right:0; margin-bottom:25px}
.about_diagram div:nth-child(2):before {width:15px; height:15px; top:-10px; left:50%;  margin-left:-10px;}
.about_diagram div:last-child:after {width:15px; height:15px; position:absolute; top:-20px; left:50%;  margin-left:-10px;}
.about_diagram div:last-child {margin-top:20px;}
.about_diagram dl {background-position:26% center; padding-left:37%; background-size:9% auto;  }
.about_diagram dd {padding-top:10px}
.about_diagram dd br {display:none; }


/******* 홍콩 법인 설립 *******/
/* 단독법인 */
.hk_topimg {margin-bottom:30px; background:none !important; height:auto;}
.hk_topimg.single {margin-bottom:30px;}
.hk_topimg .titbox {width:100%; position:relative; top:auto; left:auto; margin-left:0; padding:20px 15px}
.hk_topimg .titbox h4 {margin-bottom:8px;}

/* 개인법인 */
.hk_topimg.personal {margin-bottom:30px}

/* 홍콩지사 */
.hk_topimg.branch {margin-bottom:30px}

/* 연락사무소 */
.hk_topimg.office {margin-bottom:30px}


/******* 홍콩 법인 관리 *******/
/* 법인/개인 계좌 개설 */
.hk2_topimg.account {margin-bottom:0}
.hk2_topimg.account .titbox {top:auto}
.credit_account {text-align:center;}
.credit_account img {position:relative; bottom:auto; right:auto; width:180px; margin:0 auto 10px auto;}
.credit_account h6 {font-size:14px; margin-bottom:10px; text-align:left;}
.credit_account h6 span {font-size:15px;}
.credit_account .con_txt {width:100%; text-align:left;}

/* 간사 서비스 */
.hk2_topimg {height:auto; margin-bottom:30px; background:none !important;}
.hk2_topimg .titbox {width:100%; position:relative; top:auto; left:auto; margin-left:0;  padding:20px 15px}

/* 회계/세금신고/감사보고 */
.hk2_topimg.report {margin-bottom:20px}
.hk2_topimg.tax {margin-bottom:20px}
.hk2_topimg.inspection {margin-bottom:20px}

/* 갱신/폐업/회생 */
.hk_process.ver02 {border:1px solid #ddd;}
.hk_process.ver02 dl {width:100%; float:none; margin-bottom:0; border-top:none; border-left:none; border-radius:0; height:auto; padding:15px; box-sizing:border-box; }
.hk_process.ver02 dt {display:table-cell; background:#fff; border-radius:0;  width:40px; height:auto; padding:0; vertical-align:middle}
.hk_process.ver02 dd {display:table-cell; vertical-align:middle}

.hk_process.ver03 {border-right:none; border-bottom:none;}
.hk_process.ver03 dl {display:table; float:none; width:100%; padding:15px; height:auto}
.hk_process.ver03 dl br {display:none;}
.hk_process.ver03 dt {display:table-cell; vertical-align:middle; width:35px; height:auto; line-height:100%; margin-bottom:10px;}
.hk_process.ver03 dt img {width:100%}
.hk_process.ver03 dd {text-align:left; display:table-cell; vertical-align:middle; padding-left:15px}

/* 라이선스/물류/신용장 */
.license_con br {display:none;}
.license_con .license_in { padding-bottom:0; margin-bottom:15px;}
.license_con .license_in:last-child {margin-bottom:0}
.license_con .license_in:nth-child(2) {padding-bottom:0}
.license_con .license_in img.bg {width:100%;}
.license_con .border_box {position:relative; top:auto; right:auto; width:100%;}
.license_con dl {padding:15px !important;}
.license_con dt {margin-bottom:15px; width:50px}
.license_con dd h6 {font-size:14px;}
.license_con .license_in.right img.bg {float:none;}
.license_con .license_in.right dl {padding:15px !important;}
.license_con .license_in.right .border_box {left:auto}


/******* 베트남 법인 설립 *******/
/* 베트남 법인 설립 */
.hk2_topimg.vt_esta {margin-bottom:30px}
.hk2_topimg.vt_esta .titbox {top:auto}

/* 이주 및 정착 */
.hk2_topimg.vt_immi {margin-bottom:30px}
.hk2_topimg.vt_immi .titbox {top:auto}

/******* 비자 서비스 *******/
/* 홍콩 비자 */
.hk_visa_top {background:#edf1f4;}
.hk_process dd h6 br {display:none;}

/* 베트남 비자 */
.hk_topimg.vt_visa {background:url('/m/eng/visa/img/vt_visa_bg.jpg') left top/cover no-repeat !important}
.border_box.vt_visa .border_boxin {background:#fff;}


}


/*******************************************************************************
	@media 321~420px
*******************************************************************************/

@media all and (max-width:420px){

.about_diagram dl {padding-left:32%; background-position:20% center;}



}




/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px){





}