/* 초기화 및 공통 */

html,body { font-size:14px; color:#333; word-break:break-all; margin:0px; font-family:'Nanum Barun Gothic', sans-serif; line-height:1; }
img {border:0px; vertical-align:middle;}
select {border: 1px solid #cfcfcf; padding: 0 0 0 5px; height: 26px; line-height: 26px; vertical-align: middle; background-color:white}
input {border: 1px solid #cfcfcf; padding: 0 0 0 5px; height: 24px; line-height: 24px; vertical-align: middle; display:inline-block;}
input[readonly="readonly"] {background-color:#cfcfcf}
button {border:0px; background:none; margin:0px; padding:0px; cursor:pointer; font-family:'Nanum Barun Gothic'}
ul,ol,dl,dd {list-style:none; margin:0px; padding:0px;}
li {list-style:none; padding:0px;}
a {text-decoration:none; color:#333;}
a:hover {text-decoration:none;}
fieldset {font-size:0; border:0; margin:0; padding:0}
h1,h2,h3,h4,h5,h6 {margin:0}
strong {font-weight:600}
textarea {width:100%; resize:none; border:0; padding:0}

.w100 {width:100%}

.mt0 {margin-top:0 !important}
.mb0 {margin-bottom:0 !important}

.mt10 {margin-top:10px !important}
.mb10 {margin-bottom:10px !important}

.mt20 {margin-top:20px !important}
.mb20 {margin-bottom:20px !important}


.ac {text-align:center !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.skip {font-size:0; width:0; height:0; text-indent:1000px; line-height:0; overflow:hidden;}
caption {font-size:0; text-indent:-9999px; overflow:hidden; height:0;}

.table {display:table; width:100%; height:100%;}
.table_cell {display:table-cell; height:100%; vertical-align:middle}

.tablet_display , .mob_display {display:none}

.under_line {position:relative}
.under_line:after {content:""; position:absolute; bottom:-1px; left:0; width:100%; border-bottom:1px solid black}

.show {display:block}
.hide {display:none}

.cu_no {cursor:default}

/* 초기화 및 공통 */

.container {max-width:1080px; margin:0 auto; position:relative}

/* 상단 배너 영역 */

  .hd_l_bg {background-color:#ffe800; z-index: 11;  position: fixed;  width:100%; top: 0; right:48%; height:70px; transition:0.3s all ease;}
  .hd_l_bg.on , .hd_r_bg.on , .hd_r_bgIn.on:after {height:0}
  .hd_r_bg {background-color:#000099; position:fixed; z-index:12; width:100%; top:0; left:52%; height:70px; transition:0.3s all ease;}
  .hd_r_bgIn {position:relative}
  .hd_r_bgIn:after {content:""; background:url("../common_img/top_banner_th.png") no-repeat; width:54px; height:70px; top:0; left:0; position:absolute; transition:0.3s all ease}

.hd_content {height: 70px; max-width:1080px; width:100%; top:0; left:50%; margin:0 0 0 -540px; position:fixed; z-index:12; transition:0.3s all ease}
.hd_content.on {opacity:0}
 .hd_contentIn {position:relative}
 .hd_content .super {position:absolute; top:0; right:0; transform:scale(0.1); transition:0.5s all ease; animation:super 1.5s; animation-delay:2s; animation-fill-mode: both; -webkit-animation-fill-mode:both}

 .hd_left {width:580px; height: 70px; line-height: 70px; float: left; position:relative; overflow:hidden}
 .hd_right {width:330px; padding:0 0 0 170px; height:100%; float:left; position:relative;}

 @keyframes super {

  from {right:0; transform:scale(0)}
  to {right:350px; transform:scale(1.0)}

}

.hd_line {opacity:0; width:181px; height:50px; background:url("../common_img/top_banner_line.png") no-repeat; position:absolute; top:9px; left:300px; animation:fadeIn 2s; animation-delay:3.2s; animation-fill-mode: both; -webkit-animation-fill-mode: both; }
.hd_stop {opacity:0; width:157px; height:25px; background:url("../common_img/top_banner_stop.png") no-repeat; position:absolute; top:22px; left:312px; animation:blink 1s; animation-delay:4.2s; animation-fill-mode: both; -webkit-animation-fill-mode: both;}
.hd_stop.infinite {animation:blink2 5s infinite;}
.hd_cursor {opacity:0; width:15px; height:20px; background:url("../common_img/top_banner_cursor.png") no-repeat; position:absolute; top:51px; left:410px; animation:hd_cursor 0.8s; animation-delay:3.2s; animation-fill-mode: both; -webkit-animation-fill-mode: both;}


.typing_txt_l , .typing_txt_r , .typing_txt_last {display: none;}

.typing_l {margin:0 0 0 10px; font-size: 16px;  color: #000099; font-weight: bold;}
.typing_last {font-size: 16px;  color: #000099; font-weight: bold; font-style:italic; position: absolute; left: 500px}

.typing_r {
  font-size:24px; color:#ffe800; font-style: italic; font-weight:bold; margin:22px 0 0; padding:0 3px 0 0;
  max-width:240px; height: 24px;
  overflow:hidden;
  display: inline-block;
  animation-name: cursor;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}


@keyframes cursor{
  0%{border-right: 1px solid #ffe800}
  50%{border-right: 1px solid #000}
  100%{border-right: 1px solid #ffe800;}
}

@keyframes rotate{

 from {

   transform: rotate(0deg);
 }

 to {

   transform: rotate(180deg);

 }

}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes hd_cursor {
  from {
    top:60px; left:416px; opacity:0;
  }

  to {
    top:51px; left:410px; opacity: 1;
  }
}

@keyframes blink {
  33% {
    opacity: 1; }
  66% {
    opacity: 0; }
  100% {
    opacity: 1; }
}


@keyframes blink2 {

  0% {
    opacity: 1; }
  6% {
    opacity: 0; }
  12% {
    opacity: 1; }
  18% {
    opacity: 0; }
  24% {
    opacity: 1; }
  100% {
    opacity: 1; }

}


.banner_btn {position:absolute; top:23px; right:0; transition:0.2s all ease}
.banner_btn:hover {transform:rotate(180deg)}


/* 상단 영역 */

.header {height:105px; position: fixed; top:0; left:0; width: 100%; background:white; z-index:21; transition:0.3s all ease}
.header.on {top:70px;}
.topLayout {max-width:1080px; margin:0 auto; position:relative}
  .topLayoutIn {padding:0}

    .topBu_L {float:left;}
    .topBu_L a {display:block; margin:23px 0 0}

    .gnb {float:right; height:105px; margin:0 130px 0 0}

	.gnb ul {display:inline-block; width:100%;}
    .gnb ul li {float:left; height:105px; text-align: center;}
    .gnb ul li:first-child {margin-left:0}
    .gnb ul li a {font-size:18px; color: black; color: rgba(0,0,0,0.8); font-weight:500; display:block; width:100%; height:105px; position:relative; overflow:hidden; box-sizing:border-box; padding:0 30px}
    .gnb ul li.on a:before {width:100%}
    .gnb ul li a:after {content:""; position:absolute; right:0; bottom:0; width:0; height:7px; transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83); background:#e60012;}
    .gnb ul li a:hover:after {width:100%; left:0}
    .gnb ul li a:before {content:""; position:absolute; right:0; bottom:0; width:0; height:7px; transition: width .4s cubic-bezier(0.51, 0.18, 0, 0.88) .1s;  background:#e60012;}
    .gnb ul li a:hover:before {width:100%; left:0}

  .gnb ul li.on a , .gnb ul li a:hover {font-weight: 500; color:black;}

	.gnb ul li .gnb_span {position:absolute; left:0; right:0;}

	.gnb ul li .fade {text-align:left; display:block; margin:45px 0 0; font-weight:bold}
	.gnb ul li .fade small {display:block; font-size:12px; color: black; color: rgba(0,0,0,0.8); margin:0 0 5px}

  .gnb span.real {position:absolute; top:55px; left:0; right:0; width:100%; transition:0.3s all ease; font-size:16px}
	.gnb ul li a:hover span.fade {opacity:0;}
    .gnb ul li span.real {opacity:0; font-weight:500;}
	.gnb ul li span.real .fa {font-size:17px}
	.gnb ul li a:hover span.real {opacity:1}
	.gnb ul li .real_color {color:#d01e00;}
	.gnb span.small {font-size:14px}

    .topBu_R {position:absolute; top:45px; right:0;}

	.topBu_R a {background-color:#0c334f; border:1px solid #0c334f; display:inline-block; text-align:center; width:118px; padding:0; color:white; font-size:14px; height:30px; line-height:30px; border-radius:16px;}
	.topBu_R a:after , .topBu_R ul li a.button:before {display:none}
    .topBu_R a:hover {background-color:white; color:#0c334f}
    .topBu_R a > span {display: inline-block; margin: 0 15px 0 0; font-weight: 500; position: static; width: auto; transition: 0s all ease; vertical-align:middle}
	.topBu_R a .fa {position:relative; vertical-align:middle}
	.topBu_R a .fa:after {content:"\f054"; position:absolute; top:0; right:0; transition:right 0.3s ease;}
	.topBu_R a:hover .fa:after {color:#0c334f; right:7px; animation-delay:1ms}

    .mobile_menu {display:none}

/* End : 상단 영역 */


/* 푸터 영역 */

.section.footer {padding:0}

  .wechat_container {position:relative; max-width:1080px; width:100%; margin:0 auto; z-index:1}

  .section .wechat_popup {bottom:-200px;}
  .section .wechat_popup.on {bottom:30px; display: inline-block;}

  .wechat_popup {border:3px solid #585b5c; background-color:white; display:none; height: auto;padding: 15px;text-align:center;border-radius: 20px;position:absolute;bottom:-400px;right:1px;transition:0.5s all ease;}
  .wechat_popup.on {bottom: 30px; display: inline-block;}
  .wechat_popup .wechat_main_txt {margin: 0 0 15px;}
  .wechat_popup .wechat_main_txt span {vertical-align:middle; font-size: 24px; font-weight: bold;  margin: 0 0 0 10px; color:black}
  .wechat_popup .wechat_sub_txt {margin: 15px 0 0;color:#666;font-size:16px;font-weight:500;}
  .wechat_popup .wechat_sub_txt p {margin:0 0 8px}
  .wechat_popup .wechat_sub_txt strong {color:#cc0000; font-weight:bold}

  .footer > .fp-tableCell {vertical-align:bottom}

  .M_footerLayout {width:100%; background-color:#303039; padding:0 0 30px 0}

  .footerLayout {}
  .footerLayoutIn {position:relative; z-index: 2;}

    .botMenu {overflow:hidden; position:static; left: 0; right: 0; top: -65px; width:100%; max-width:1080px; margin:0 auto}
    .botMenu > ul > li {float:left; height:65px; line-height:65px; text-align:center}
    .botMenu > ul > li.time {width:52%; background-color:#c1ab8d;}
    .botMenu > ul > li.kakao {width:16%; background-color:#ffde00;}
    .botMenu > ul > li.naver {width:17%; background-color:#3eb044;}
    .botMenu > ul > li.wechat {width:15%; background-color:#585b5c;}
    .botMenu > ul > li.time > ul {display:inline-block}
    .botMenu > ul > li.time > ul > li {margin:0 13px; float:left; color:white; font-weight:300;  font-size: 16px; position:relative}
    .botMenu > ul > li.time > ul > li:first-child:after {content: ""; position: absolute; top: 50%; right: -14px; bottom: 0; width: 1px; height: 14px; margin: -6px 0 0;  background-color: white;}
    .botMenu > ul > li > a {color:white; display:block}
    .botMenu > ul > li.kakao > a {color:#3c2323}
    .botMenu > ul > li img {display:inline-block; margin:0 10px 0 0}

    .M_botMenu  {position:absolute}

  .footer_info {background-color:#303039; overflow:hidden}
  .footer_infoIn {width: 1080px; margin:45px auto 35px; color:white; position:relative}

  .footer_BI {margin:0 0 20px}

  .footer_one_logo {position:absolute; top:0; right:0; z-index:1;}
  .footer_one_logo ul li a {display:block; text-align:right}
  .footer_one_logo ul li.second {float:right; margin:8px 0 0}
  .footer_one_logo ul li.second select {width:178px; height:27px; border:0; font-size:12px; font-family: 'Nanum Barun Gothic', sans-serif;}

  .footer_sns {overflow:hidden; float:right}
  .footer_sns ul li {float:left; margin:0 0 0 15px}
  .footer_sns ul li a {display:block}

  .footer_ttl { font-size: 12px; color:#bebebe; }
  .footer_company02 ul:after { content:''; clear:both; visibility:hidden; display:block; }

  .footer_company {margin:0 0 30px; overflow:hidden; line-height:1.5; }
  .footer_company ul { display:flex; flex-wrap:wrap; gap:0 7px; }
  .footer_company ul li { padding:0; color:#bebebe; font-size:12px; position:relative}
  .footer_company ul a {color:#bebebe}
  .footer_company ul a:hover {color:#adc1ef}
  .footer_company ul li:first-child {padding-left:0}
  .footer_company ul li:not(:last-child):after {content:""; display:inline-block; height:12px; margin-left: 7px; vertical-align:middle; border-left:2px solid #909092}

  .footer_company02 {overflow:hidden; margin: 0 0 15px;}
  .footer_company02 ul li {float:left; padding:0 7px; color:#bebebe; font-size:12px; position:relative; line-height:18px}
  .footer_company02 ul li:first-child {padding-left:0; width:100%; margin:0 0 6px}
  .footer_company02 ul li:before {content:""; position:absolute; top:3px; bottom:3px; left:0; border-left:2px solid #909092}
  .footer_company02 ul li:first-child:before {display:none}
  .footer_company02 select {height:20px; margin:0; padding:0; border:1px solid #9e9e9f; font-size:13px}
  .footer_company02 ul li.select {padding-left:0; border:0;}
  .footer_company02 ul li.select:before {display:none}
  .footer_company02 ul li a {color:#bebebe; transition:0.3s all ease}
  .footer_company02 ul li a:hover {color:#45abe6}
  .footer_company02 ul li img {margin:0 0 0 5px}

  .footer_num {font-size:14px; overflow:hidden;}
  .footer_num ul {overflow:hidden; margin: 0 0 18px;}
  .footer_num ul li {float:left; position:relative; color:#bfbfbf; padding:0 10px}
  .footer_num ul li:before {content:""; position:absolute; top:0; left:0; bottom:0; border-left:2px solid #909092}
  .footer_num ul li:first-child {padding-left:0}
  .footer_num ul li:first-child:before {display:none}
  .footer_num .txt_default01 {color:#bfbfbf; font-size:12px; font-weight:bold; margin: 0 0 15px;}
  .footer_num .txt_default02 {color:#969696; font-size:12px; margin: 0}
  .footer_num .txt_default02 a {color:#969696;}

  .footer_num .txt_red {color:#ee6363}
  .footer_num .txt_blue {color:#4aa9f1}
  .footer_num .txt_green {color:#36ccc5}

  .footer_logo {background-color:#303039; overflow:hidden;  border-top: 1px solid #3b3c44;}
  .footer_logoIn {width: 1080px; margin: 0 auto;}
  .footer_logoIn ul li {float:left}

/* End : 푸터 영역 */


/* 모바일 메뉴 */

.menuAllBox {display:block; width:250px; position:fixed; top:0; right:-250px; height:100%; max-height:100%; background:#fff; z-index:1001; text-align: left;}
.mob_menuBg {display:none; position: fixed; left:100%; width: 100%; bottom: 0; top: 0; left: 0; z-index:1000; background-color:rgba(0,0,0,0.7)}
.menuAllBox.on {right:0; transition:all 0.33s;}
.menuAllBoxIn { overflow-y: auto; height: 100%;}

.mobAll_list {padding:22px 10px 0}
.mobAll_list ul li {margin:0 0 10px}
.mobAll_list ul li a {display: block; position:relative; background-color:white; font-size:14px; color:black; padding: 0 0 0 20px; height:48px; line-height:48px; border:1px solid #dedede}
.mobAll_list ul li a:hover {background-color:#b10c15; color:white}
.mobAll_list ul li i {right: 15px; position: absolute;font-size: 14px; top: 50%; margin: -6px 0 0;}

.Mmenu_footer {position: absolute; bottom: 12px; left: 10px; right: 10px;}
.Mmenu_footer ul li a {height:50px; line-height:50px; display:block; text-align:center; color:white; font-size:16px;}
.Mmenu_footer ul li a .txt_box {display:inline-block; width: 150px; text-align: left;}
.Mmenu_footer ul li.time {background-color:#c1ab8d;}
.Mmenu_footer ul li.kakao {background-color:#ffde00;}
.Mmenu_footer ul li.kakao a {color:#3c2323}
.Mmenu_footer ul li.kakao .txt_box img {margin:0 11px 0 0}
.Mmenu_footer ul li.naver {background-color:#3eb044; margin: 5px 0 0;}
.Mmenu_footer ul li.naver .txt_box img {margin:0 15px 0 0}
.Mmenu_footer ul li.wechat {background-color:#585b5c; margin: 5px 0 0;}
.Mmenu_footer ul li.wechat .txt_box img {margin:0 9px 0 0}

/* End : 모바일 메뉴 */



/* 메인 페이지 공통 */

/* 메인 */

.h100 {height:100%}
.dt {display:table; width:100%; height:100%}
.dt_c {display:table-cell; vertical-align:middle}

.section {padding: 70px 0;}

.M_contentLayout.type02 {margin:105px 0 0}
.M_visual_imgCon {position:relative}

.confirm {text-align:center}
.confirm .txt01 {color:white; color:rgba(255,255,255,0.6); font-size:22px; font-style:italic; margin:40px 0 15px}
.confirm .txt01 strong {font-size:20px}
.confirm .txt02 {font-size:80px; color:white; font-weight:bold; margin:0 0 20px}
.confirm .txt03 {font-size:19px; color:#03244b; margin:0}
.confirm .txt03 strong {font-size:24px; color:#00123a;  color:rgba(0,0,0,0.9); font-style: italic;}

.confirmBox {margin:20px auto 50px; border-radius: 7px; position:relative; background-color:#0e2332; background-color:rgba(0,0,0,0.75); padding:30px 40px; max-width:850px}
  .confirmArea {position:relative}
  .confirm_Input {padding:0 140px 0 0}
  .confirm_InputIn {display:inline-block; width:100%;}
  .confirm_InputIn .txt {font-size:15px; color:#cdcfd0; margin:0 0 7px; text-align:left}
  .confirm_InputIn .txt strong {margin:0 0 0 3px}
  .confirm_InputIn select {width:100%; height:40px; line-height:40px; color:black; font-size:16px; color:black; border-radius:3px; border:0; z-index:1000; }
    .confirm_Input_left {float:left; width:48%; position:relative}
    .confirm_Input_left .txt strong {color:#74beff}
	.confirm_Input_left select:focus {outline:2px solid #74beff}
    .confirm_Input_right {float:right; width:48%; position:relative}
    .confirm_Input_right .txt strong {color:#ff854f}
	.confirm_Input_right select:focus {outline:2px solid #ff854f}

	.confirm_arrow {float: left;  text-align: center;  width: 14%;  margin: 32px 0 0;}

.confirm_popup {display:none; width:100%; height:96px; background-color:white; background-color:rgba(255,255,255,0.9); position:absolute; bottom:-105px; right:0; z-index:1;}
.confirm_popup span {color:black; font-size:13px;}
  .confirm_popupIn {position:relative;}
    .confirm_closeBtn {position:absolute; top:10px; right:10px;}

  .confirm_popup_txt {display:table;width: 100%;height: 46px;padding: 30px 0 0;text-align:center;}
  .confirm_popup_txt span {display:table-cell; vertical-align:middle;height: 100%; line-height: 1.5;}
  .confirm_popup_txt span strong {color:#ff0000}

  .confirm_btn {position:absolute; bottom:2px; right:0; transition:0.3s all ease; width:128px; height:42px; border:1px solid #e60012; line-height:42px; background-color:#e60012; text-align:center; color:white; font-size:18px; font-weight:bold; border-radius:3px}
  .confirm_btn:hover {background-color:white; color:#e60012; animation:pulse 1s}

  .confirmRink {overflow:hidden; text-align:center; margin:0 0 15px}
  .confirmRink ul {display:inline-block}
  .confirmRink ul li {float:left; margin: 0 2px;}
  .confirmRink ul li a {display:block}
  .confirmRink ul li a:hover {animation:pulsate 0.3s;}

  .time_txtBox {line-height:24px; margin:2px 0}
  .time_txtBox span {background-color:rgba(255,255,255,0.75); color:#00111d; font-size:16px; padding:2px 5px; border-radius:3px; font-weight:bold;}


@keyframes pulsate {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0,0,0,0.4);
  }
  70% {
      box-shadow: 0 0 0 7px rgba(0,0,0,0);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(0,0,0,0);
  }
}


/* 아포스티유란? */

.Map {text-align:center; position:relative}
  .Map_container_top {max-width:880px; margin:0 auto}
    .Map_txtBox {position:relative}
    .Map_txtBox .main_txt {font-size:38px; margin:0; font-weight:bold; position:absolute; top:0; left:0;}
    .Map_txtBox .sub_txt {padding:0 0 0 260px; text-align:justify; font-size:15px; color:#66696c;  line-height: 1.5; margin:0; }
    .Map_txtBox .sub_txt strong {color:black}
    .Map .area_info {width:240px; height:30px; line-height:30px; margin:30px 0 20px; display:inline-block; border-radius:15px; color:white; text-align:center; font-size:16px; background-color:#d00000}

.Map_container_bot {max-width:960px; margin:0 auto}
  .map_area {margin: 0 auto;}
  .map_area ul {display: inline-block; width: 100%;}
  .map_area ul li {width:33.33%; float:left; text-align:center; margin: 0 0 30px;}
  .map_area ul li a {display:block; position:relative; color:black;}
  .map_area ul li a .txtBox {transition:0.3s all ease; position:absolute; top:100px; left:45px; right:45px; background-color:white; background-color:rgba(255,255,255,0.5); }
  .map_area ul li a .txtBoxIn {transition:0.3s all ease; border:1px solid #dfdfdf; padding:31px 0 21px; position:relative}
  .map_area ul li a .txtBox .area_txt {font-size:16px; margin:0;}
  .map_area ul li a .txtBox .area_txt span {vertical-align:middle;}
  .map_area ul li a .txtBox .area_txt i {vertical-align:middle; color:#666666; margin:0 0 0 20px}

.map_area ul li a .txtBox .area_label {transition:0.3s all ease; width:70px; height:30px; line-height:30px; text-align:center; color:white; font-size:12px; position:absolute; display:inline-block; border-radius:15px; background-color:#666; top:-15px; left:50%; margin:0 0 0 -35px}

.map_area ul li a:hover .txtBox {background-color:#f1e4d1}
.map_area ul li a:hover .txtBoxIn {border:1px solid #bfbfbf}
.map_area ul li a:hover .area_label {background-color:#d60000}


/* popup */

.dim_layer {display: none; position: fixed; top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 10000;}
.dim_layer .dimBg {position: absolute; top: 0; left: 0;  width: 100%;  height: 100%;  background: #000;  opacity: .5;  filter: alpha(opacity=50);}
a.btn_layerClose {display: inline-block; height: 25px; padding: 0 14px 0; border: 1px solid #304a8a; background-color: #3f5a9d; font-size: 13px;  color: #fff; line-height: 25px;}

.pop_layer {display: none; position: absolute; top: 50%; left:50%; width:582px; height: auto; max-height:700px; background-color: #fff;  border:1px solid #999;  z-index: 10; border-radius:10px}
.pop_layer .pop_header {position:relative}
.pop_layer .pop_header a {position:absolute; top:-24px; right:-24px; width:48px; height:48px; line-height:48px; border-radius:50%; background-color:black; text-align:center;}
.pop_layer .pop_conts {padding:25px;}
.pop_layer p.ctxt {color: #666; line-height: 25px;}
.pop_layer .btn_r {width: 100%; margin: 10px 0 20px;  padding-top: 10px; border-top: 1px solid #DDD; text-align: right;}

  .pop_close {position:absolute; top:3px; right:0; color:red}

  .pop_red_txt {font-size:16px; color:#d60000; font-weight:bold; text-align:Center; margin:0 0 25px}

.nation_table {display:table; width:100%; height:280px;}
.nation_table_cell {display:table-cell; vertical-align:middle;}
   .nation_name_list ul {overflow:hidden}
   .nation_name_list ul li {float:left; width:25%; margin:0 0 10px}
   .nation_name_list span {text-align:center}

/* End : 아포스티유란? */


/* 국가소개 */

.Need {background-color:#f7f7f7}
   .Need_txtBox {display:inline-block; width:100%; margin:0 0 30px}
     .Need_Left_txtBox {width:40%; margin:0 5% 0 0; font-size:38px; color:black; float:left; line-height:1.2;}
     .Need_Left_txtBox strong {font-weight:bold;}
     .Need_Right_txtBox {width:55%; font-size:15px; float:right; line-height:1.5;}
     .Need_Right_txtBox .txt_default {margin:0 0 15px;color: #66696b; text-align: justify;}
     .Need_Right_txtBox strong {font-weight: 600;color: black;}

   .Need_Top_txtBox {font-size:38px; color:black; font-weight:bold; margin:100px 0 50px}
   .Need_Top_txtBox strong {font-weight:bold}
   .Need_Top_txtBox span {font-weight:400}

  .Need_Chart {position:relative;}
  .Need_Chart_Left {padding:0 420px 0 0; min-height:200px}
  .Need_Chart_Left .main_txt {color:black; font-size:38px; margin:0 0 25px; line-height:1.2; font-weight:bold}
  .Need_Chart_Left .txt_default {font-size: 15px; color:#555; font-weight:500; line-height:1.2; margin:0 0 10px; text-align: justify;}
  .Need_Chart_Left strong.txt_default {color:black; font-weight:600; font-size:16px;}
  .Need_Chart.type02 .Need_Chart_Left {margin:0 0 50px; min-height: 260px;}

  .Need_Chart02 {position:relative; height:190px}
  .Need_Chart_Left {min-height:260px; margin:0 0 50px}
  .Need_Chart_Right {position:absolute; top:0px; right:0px;}
  .Need_Chart_Right02 {padding:0 0 0 400px; height:100%}
  

/* End : 국가소개 */


/* 어떻게 ? */

.How {background-color:#2a3153}
.How .main_txt {font-size:50px; text-align:center; color:white; font-weight:400; margin:0 0 90px;}
.How .main_txt span {font-weight:bold}
.How .sub_txt {font-weight:200; text-align:center; font-size:18px; color:white; margin:0 0 40px; padding: 0 12px; line-height: 1.2;}

.How_ImgBox {position:relative; max-width:900px; margin:0 auto; height:415px}
  .How_LeftBox {position:absolute; top:0; left:0; text-align:center}
  .How_LeftBox .txtBox {position:relative; font-weight: 500; margin: 0 0 70px; width:215px; height:55px; line-height:55px; font-size:18px; color:white; background-color:#6b7682; display:inline-block; text-align:center}
  .How_LeftBox .txtBox:after {content:""; position:absolute; bottom:-15px; right:30px; background:url("../../common_img/How_left_arrow.png") no-repeat; width:17px; height:16px}
  .How_LeftBox img {display:block}

  .How_CenterBox {position: absolute; left: 50%; top: 50%;  margin: 0 0 0 -37px;}

  .How_RightBox {position:absolute; top:0; right:0; text-align:center}
  .How_RightBox .txtBox {position:relative;  font-weight:bold; margin: 0 0 70px; padding:0 30px; height:55px; line-height:55px; font-size:18px; color:black; background-color:white; display:inline-block; text-align:center}
  .How_RightBox .txtBox:after {content:""; position:absolute;  bottom:-15px; right:54px; background:url("../../common_img/How_right_arrow.png") no-repeat; width:24px; height:16px}
  .How_RightBox img {display:block}

/* End : 어떻게 ? */


/* 진행 절차 */

  .Process_TxtBox {position: absolute; left: 0; top: 0; width:350px; line-height:1.2}
  .Process_TxtBox .main_txt {font-size:32px; font-weight:600; margin:0 0 30px; color:black}
  .Process_TxtBox .sub_txt {font-size:16px; color:#444444; margin:0 0 10px; line-height:1.5}

  .Process_ProBox {display:inline-block; padding:0 0 0 480px}
  .Process_ProBox ul {float:right; width:100%; display:inline-block; border-top:2px solid #0f1e45; position:relative}
  .Process_ProBox ul.top_process {margin:10px 0 0; border-right:2px solid #0f1e45}
  .Process_ProBox ul.top_process li {float:left;}
  .Process_ProBox ul.bot_process li {float:right;}
  .Process_ProBox ul li {width:33.33%; position:relative;}
  .Process_ProBox ul.content02 li {width:50%}
  .Process_ProBox ul.content04 li {width:25%}
  .Process_ProBox ul li:before {content: ""; position: absolute; z-index:1; border: 2px solid #0f1e45; top: -6px;left: -10px; width: 6px; height: 6px;background-color: white;border-radius: 50%;}
  .Process_ProBox ul li .main_txt {font-size:18px; text-indent: -18px; padding: 0 0 0 10px; line-height: 1.2;  text-align:left; font-weight:bold; margin: 20px 0;}
  .Process_ProBox ul li .sub_txt {color:#676b78; text-align:left; font-size:13px; margin:0; line-height:1.3; padding:0 10px 0 12px;  width: 80%;}
  .Process_ProBox ul li .txt_color {color:#ff3333}

  .Process_ProBox ul.top_process li .sub_txt {margin:0 0 100px}
  .Process_ProBox ul.top_process li.color01:before {background-color:#cfa972}
  .Process_ProBox ul.top_process li.color02:before {background-color:#ffdfb1}

  .Process_ProBox ul.bot_process li.color01:before {background-color:#fff45c}
  .Process_ProBox ul.bot_process li.color02:before {background-color:#ff884d}
  .Process_ProBox ul.bot_process li.color03:before {background-color:#ff4923}
  .Process_ProBox ul.bot_process li.color04:before {background-color:#ffdfb1}

  .Process_ProBox ul:after {content:""; position:absolute; top:-2px; left:-70px; width:70px; height:2px; background-color:#0f1e45}
  .Process_ProBox ul.bot_process:before {left:-72px; top:-10px; content:""; position:absolute; width:10px; height:18px; background:url("../../common_img/bot_process_arrow.png") no-repeat}

  .Process_contry {position: absolute; bottom: 0;right: 0; max-width: 1080px; width:100%; margin: 0 auto; left: 0; text-align: right;}


/* End : 진행 절차 */


/* 상담신청 */

.consult {background-color:#e2e5e7}
.consult_LeftBox {position: absolute; left: 0; top: 0; width: 320px;}
  .consult_LeftBox .main_txt {font-size:38px; color:black; font-weight:bold; margin:0 0 20px;line-height:1.2;}
  .consult_LeftBox .main_txt span {color:#d60000}
  .consult_LeftBox .sub_txt {font-size:16px; font-weight:500; color:#444; line-height:24px; margin:0 0 30px}
  .consult_LeftBox a {display:inline-block; background-color:#e81e25; border:1px solid #e81e25; color:white; text-align:center; font-size:18px; width:230px; height:53px; line-height:53px; font-weight:500; transition:0.3s all ease; cursor:pointer}
  .consult_LeftBox a:hover {background-color:white; color:#e81e25}

  .consult_RightBox {padding:100px 0 0 420px}
  .consult_RightBoxIn {width:100%}

  .consult_Tab {overflow:hidden; border-left:1px solid #c0c2c4;}
  .consult_Tab ul li {float:left; width:50%; text-align:center;}
  .consult_Tab ul li a {display:block; border:1px solid #c0c2c4; border-left:0; font-size:18px; color:#555; height:46px; line-height:46px; background-color: #f1f2f3; text-align:center}
  .consult_Tab ul li.on a {background-color:white; border:1px solid #646464; font-size: 20px; font-weight: 500;}

  .tableBox {display:none}
  .tableBox.on {display:block}

  .table_normal {width:100%; margin:10px 0; border:1px solid #646464;}
  .table_normal thead tr th {background-color: #f5eee3;border-left: 1px solid #b7afa4;font-weight:400;color:#555555;font-size:16px;padding:10px 0;}
  .table_normal thead tr th:first-child {border-left:0}
  .table_normal thead tr td {padding:10px; text-align:center}
  .table_normal tbody tr th {padding: 5px 10px; background-color:white; text-align: left; color: black; font-size: 14px;  font-weight: 400; line-height: 1.5;  border-left: 0;  border-top: 1px solid #9fa0a0;}
  .table_normal tbody tr td {padding:10px; line-height:1.3; background-color:White;color:black;font-size:14px;text-align:center;border-left: 1px solid #b1b1b1;border-top:1px solid #b1b1b1;}
  .table_normal tbody tr td.bl {border-left:1px solid #b1b1b1}

  .bl0 {border-left:0 !important}


  .product_list {display:inline-block; width:80%}
  .product_list li {float:left; width:100%; color:#333; font-size:14px; margin:5px 0; padding:0 0 0 3%; position:relative; text-align:left}
	.product_list li:before { content:''; display:inline-block; width:3px; height:3px; background:#333; position:absolute; top:7px; left:2px; border-radius:3px; }
  .product_list li span {padding:0 5px 0 0; line-height:1.2}

  .num_txt { font-size:14px; color:black; font-weight:500; margin:0 0 10px; padding:0 0 0 18px; position:relative; }
  .num_txt:before { content:'※'; display:inline-block; position:absolute; top:0; left:0;}

  .num_txt02 { font-size:14px; color:#666; line-height: 1.4; margin:0 0 10px; padding:0 0 0 10px; position:relative; display:inline-block;}
  .num_txt02:before { content:''; display:inline-block; width:2px; height:2px; background:#666; position:absolute; top:7px; left:2px; border-radius:2px; }


/* End : 상담신청 */


/* 팁 박스 */

.One_process {display:inline-block;width:100%;text-align: center;border-top: 2px solid #0f1e45; margin:0 0 50px; position:relative}
.One_process:after {content:""; position:absolute; top:-11px; right:0; background:url("../../common_img/top_process_arrow.png") no-repeat; width:10px; height:18px; }
.One_process ul {width: 100%;display: inline-block; position: relative;max-width:780px; padding:0 0 0 90px}
.One_process ul li {float:left; width:33.33%; position:relative;}
.One_process ul li:before {content: ""; position: absolute; z-index:1; border: 2px solid #0f1e45; top: -6px;left: -10px; width: 6px; height: 6px;background-color: white;border-radius: 50%;}
.One_process ul li.color01:before {background-color:#fff45c}
.One_process ul li.color02:before {background-color:#ff884d}

.One_process ul li .main_txt {font-size:18px;text-indent: -20px;padding: 0 0 0 10px;line-height: 1.2;text-align:left;font-weight:bold;margin: 20px 0 0;}
.One_process ul li .sub_txt {color:#676b78; text-align:left; font-size:13px; margin:10px 0 0; line-height:1.3; padding:0 10px 0 12px;  width: 80%;}
.One_process ul li .txt_color {color:#ff3333}

.TipBox {padding:25px 47px; border:1px solid #999999; margin:0 0 70px}
.TipBox .Tiptxt {margin:0 0 20px}
.TipBox .Tiptxt span {color:black; font-size:15px; vertical-align:middle; margin:0 0 0 8px; line-height:1.5}
.TipBox .Tiptxt span.type02 {margin:0; font-style: italic;}
.TipList {color:#7f7f7f; line-height:1.5}
.TipList .txt_red {color:#bf1a20}

/* End : 팁 박스 */



/* 타 사이트 링크 */

.M_link {margin:50px 0 40px}
.M_link .linkBox {background-color:#60c4d9}
.M_link .linkBox.orange {background:#fa875a}
.M_link .linkBox.blue {background:#536ca6}
.M_link .linkBox.green {background:#5ac0bb}
.M_link .linkBox_con {padding:20px}
.M_link .link_name {color:white; font-size:18px; font-weight:300; margin:0 0 12px}
.M_link .link_caption {color:#005f73; font-size:12px; margin:0; font-weight:500}
.M_link .linkBox.orange .link_caption {color:#804d00}
.M_link .linkBox.blue .link_caption {color:#42c0da}
.M_link .linkBox.green .link_caption {color:#006560}
.M_link ul {display:inline-block; width:100%}
.M_link ul > li {float:left; width:255px; margin:0 0 0 20px}
.M_link ul > li:first-child {margin:0}
.M_link .linkBox_fot {background-color:#76a6b1; padding:10px}
.M_link .linkBox.orange .linkBox_fot {background-color:#c0836c}
.M_link .linkBox.blue .linkBox_fot {background-color:#6b7897}
.M_link .linkBox.green .linkBox_fot {background-color:#6fa09f}
.M_link .linkBox_fot a {font-size:14px; color:white; text-indent:10px}
.M_link .linkBox_fot a > span {display:inline-block; vertical-align:middle; font-weight:200}
.M_link .linkBox_fot .fa-play-circle-o {font-size:15px; color:#9deeff; border-radius: 50%; vertical-align:middle; display:inline; margin:0 0 0 5px}
.M_link .linkBox.orange .linkBox_fot .fa-play-circle-o {color:#ffb637}
.M_link .linkBox.blue   .linkBox_fot .fa-play-circle-o {color:#b2c9ff}
.M_link .linkBox.green  .linkBox_fot .fa-play-circle-o {color:#53d7d5}
.M_link .linkBox_fot > ul > li .fa-chevron-right {margin:0 5px; font-size:12px; vertical-align:middle; position:relative;}
.M_link .linkBox_fot > ul > li .fa-chevron-right:after {font: normal normal normal 14px/1 FontAwesome; font-size: 12px;
right: 0; content: "\f054"; position:absolute; transition:0.3s all ease}
.M_link .linkBox_fot > ul > li a:hover .fa-chevron-right::after {right:-7px}

.M_link select {border:1px solid black; background-color:white; width:100%; height:40px; line-height:40px; font-size:14px; color:black}

.M_customer {overflow:hidden; padding:70px 0}
.M_customer_count {color:#4a5060; font-size:28px; font-weight:300; position:relative; display:inline-block; margin:0 0 30px}
.M_customer_count:before {content: ""; position: absolute; top: -8px; left: -10px; width: 7px; height: 7px;  background-color: #00a0e9;}
.M_customer_count strong {font-weight:600}
.M_customer_count span {color:#ff4923; font-weight:600; margin:0 0 0 10px}
.M_customer ul li {float:left; width:25%}

.M_client {width:100%;background-color:white;border-right:1px solid #e6e7e9; margin:0 0 80px; height:100px; box-sizing:border-box}
.M_client iframe {width:100%;height:100px;overflow:hidden;}


/* 메인 페이지 END */

/* 서브 페이지 */

.txt_tip {background:url("../../common_img/tip_icon.png") no-repeat left; padding:0 0 0 32px; margin:15px 0; line-height: 1.2;}
.txt_default {margin:0 0 5px; color:black; font-size:14px}
.point_txt {position:relative; padding:0 0 0 15px; color:#333333; font-size:14px; text-align:left; line-height:2; margin:0}
.point_txt:before {content:"ㆍ"; position:absolute; left:0; top:0}

.contentLayout {padding:105px 0 0}

  .sub_section {padding:70px 0}
  .bg_gray01 {background-color:#f7f7f7}
  .bg_gray02 {background-color:#f0f3f6}
  .bg_blue {background-color:#001c58}
	.sub_main_txt {font-size:38px; color:black; font-weight:bold; margin:0 0 40px; text-align:center}
	.sub_main_txt br {display:none}
	.sub_mid_txt {font-size:20px; color:black; margin:0 0 15px; text-align:center}
	.sub_sub_txt {font-size:15px; color:#444444; margin:0; text-align:center; line-height:1.2}

	.sub_txtBox {margin:0 0 40px}
	.sub_txtBox .sub_main_txt {margin:0 0 10px}
	.sub_txtBox .sub_sub_txt {margin:0}

  .sub_how {text-align:center}
  .sub_how .main_txt {color:white; font-size:38px; font-weight:bold; margin:0 0 20px}
  .sub_how .main_txt br {display:none}
  .sub_how .sub_txt {font-size:15px; color:white; margin:10px 0; line-height:1.2}

  .sub_how .How_ImgBox {margin:55px auto 0}
  .sub_how .How_LeftBox .txtBox {background-color:#2e4d70}

  .sub_how .How_LeftBox .txtBox:after {background: url(../../common_img/sub_How_left_arrow.png) no-repeat;}


  .sub_Need_txtBox {display:inline-block; width:100%; margin: 0 0 30px;}
    .sub_Need_Left_txtBox {width:42%; margin: 0 3% 0 0; font-size: 38px; color: black; float: left;  line-height: 1.2; font-weight: 600;}
	.sub_Need_Right_txtBox {width:55%;font-size: 15px; float: right; line-height: 1.5; color:#666666}
	.sub_Need_Right_txtBox .txt_default {margin:0 0 10px}
	.sub_Need_Right_txtBox strong.txt_default {color:black}

  .sub_Process {text-align:center}

  .Process_ProBox.type02 {padding:0; max-width:890px; margin:0 0 0 35px}

  .sub_consulting {max-width:630px; margin:0 auto}
  .sub_consulting02 {max-width:880px; margin:0 auto}


  /* 아포스티유 발급 서류 여부 체크 */


  .apoBox {background-color:white; border:1px solid #626262; margin:30px 0 0; padding:40px 0 10px; position:relative}
  .apoBox .txt {font-size:18px; color:black; text-align:center; margin:0; line-height:1.2}
  .apoBox .buttonBox {margin:20px 0}
  .apoBox .buttonBox input[type="radio"] {position: absolute; opacity: 0;}
  .apoBox .buttonBox input[type="radio"]:checked + label {background-color: black;  border: 1px solid black;  color: white;}
  .apoBox .buttonBox input[type="radio"]:checked + label > span {display:inline-block}

  .apoBox .buttonBox label {cursor:pointer; transition: 0.3s all ease; box-sizing:border-box}
  .apoBox .buttonBox label > span {display:none; font-size:18px; margin:0 15px 0 0}

  .apoBox .buttonBox input[type="radio"]:checked + label .b_popup {display:block}

  .b_popup {display:none; background-color:#e3eaef; border-radius: 5px; line-height: 1; border: 1px solid black; padding:20px 20px 20px 60px; text-align:left; margin:0 20px; position:relative; z-index: 1;}
  .b_popup:before {content:""; position:absolute; top:-15px; right:35%; background:url('../common_img/b_popup_arrow.png') no-repeat; width:20px; height:15px;}
  .b_popup .txt01 {font-size:14px; color:black; margin:0 0 10px}
  .b_popup .txt02 {font-size:14px; color:#ff0000; margin:0}

  .sub_consult_left {position: absolute; left: 0; top: 0; width:250px;}
  .sub_consult_left.type02 {width:420px}
  .sub_consult_left .main_txt {color:black; font-size:38px; margin:0 0 20px; font-weight:bold; line-height:1.2}
  .sub_consult_left .sub_txt {color:black; font-size:14px; margin:0 0 10px; position:relative;  line-height:1.5}

  .sub_consult_left .sub_txt.bs {padding:0 0 0 15px;}
  .sub_consult_left .sub_txt.bs:before {content:"※"; position:absolute; left:0; top:0;}

  .sub_consult_right {padding:0 0 0 300px}
  .sub_consult_right.type02 {padding:0 0 0 460px}

  .img_container_l {position:relative; margin:0 0 70px}
  .img_container_l.chart {min-height:200px}
  .img_container_l .imgBox {position:absolute; top:0; left:0;}
  .img_container_l .img_txt {padding:0 0 0 360px;  margin:0; color:#666; font-size:15px; line-height:1.5;}
  .img_container_l .img_main_txt {font-size: 18px; color: black; font-weight: bold;  margin: 0 0 30px; line-height: 1.3;}

  .flat_img_container_l {position:relative; margin:0 0 70px}
  .flat_img_container_l .imgBox {position:absolute; top:0; left:40px;}
  .flat_img_container_l .img_txt {padding:0 0 0 270px;  margin:0; color:#666; font-size:15px; line-height:1.5;}
  .flat_img_container_l .img_main_txt {font-size: 18px; color: black; font-weight: bold;  margin: 0 0 30px; line-height: 1.3;}
  
  .best_TxtBox {margin:0 0 70px; position:relative}
  .best_TxtBox.type02 {margin:70px 0 0}
  .best_imgBox {position:absolute; top:0; left:0;}

  .sub_best_main_txt {font-size:18px; color:black; font-weight:bold; margin:0 0 30px; line-height:1.3}
  .sub_best_sub_txt {color:#666; font-size:15px; margin:0; line-height: 1.5; text-align: justify}
  .sub_best_sub_txt strong {color:#333399}

  .imgTxt {padding:10px 0 10px 140px; color:#666; font-size:15px; line-height:1.5; margin:0; text-align: justify}
  .imgTxt strong {color:#333399}

.best_container {max-width:870px; margin:0 auto}

.best_ChartBox > p {text-align:justify}

/* 상담하기 */

.sub_consultBox {background-color:#f0f3f6; padding:50px 0}
.sub_consultBox .sub_main_txt {margin:0 0 30px}
.consult_imgBox {height:85px; background:url("../common_img/consult_sub_img01.png") no-repeat center;}

.consult_Form_txt {font-size:24px; color:black; font-weight:bold; margin: 30px 0 10px}
.consult_Form {background-color:white; padding:30px; margin: 60px 0 0;}

.agree_content {padding:10px 20px; font-weight:300; color:#666; background-color:#f0f3f6; font-size:14px; border-radius:5px; height:100px; line-height:1.5; overflow:auto}
.agree_content strong {font-size:18px; font-weight:400; margin:10px 0; display:block}
.agree_content ul li {margin:0 0 10px; font-size:14px}

.form_all {height:27px; line-height:27px; margin:20px 0 0}
.form_all input[type="checkbox"]:not(old){width:0; height:0; margin:0; padding:0; opacity:0;}
.form_all input[type="checkbox"]:not(old) + span, .form_all input[type="checkbox"]:not(old) + label{cursor:pointer; display:inline-block; background:url('../common_img/form_all_chk.png') no-repeat; padding:0 0 0 40px; font-weight: 500;}
.form_all input[type="checkbox"]:not(old):checked + span, .form_all input[type="checkbox"]:not(old):checked + label {background:url('../common_img/form_all_chk_on.png') no-repeat;}
.form_all .txt_red {color:#ff0000; margin:0 0 0 5px}

.consult_Form_Bot {display:inline-block; width:100%;}
.consult_Form_Bot > ul > li {margin:0 0 10px}
.consult_Form_Bot .Form_Area {display:inline-block;position:relative;background-color: #f0f3f6;border-radius:5px;width:100%;height:50px;line-height:50px;}
.consult_Form_Bot .Form_Area.half {width:75%}
.consult_Form_Bot .Form_Area.date {width:auto; padding: 0 15px 0 0;}
.consult_Form_Bot .Form_Area.grayBg {background-color:#d0d1d3}
.consult_Form_Bot .Form_name {position:absolute; top:0px; left:20px; font-size:15px; color:black; font-weight:bold}
.consult_Form_Bot .Form_name .txt_red {color:#cc3300; font-size:12px;}

.consult_Form_Bot .Form_inputIn .nationType {display:inline-block; width:100%}
.consult_Form_Bot .Form_inputIn .nationType li {float:left; width:50%; position:relative}
.consult_Form_Bot .Form_inputIn .nationType li .FormIn_name {position:absolute; top:0; left:0; font-size: 15px; color:#333;}
.FormIn_inputIn {padding:0 0 0 100px}

.consult_Form_Bot .Form_inputIn {padding: 0 0 0 150px}
.consult_Form_Bot .Form_inputIn.type02 {padding:0 200px 0 150px}
.consult_Form_Bot .Form_inputIn.pd0 {padding:0}
.consult_Form_Bot .Form_inputIn.pd0 select {width:90%; margin:10px 5%}
.consult_Form_Bot .Form_inputIn.num input[type="text"] {width:27%}
.consult_Form_Bot .Form_inputIn.num span {width: 5%;font-size: 25px; display: inline-block; text-align: center; line-height: 58px;}
.consult_Form_Bot .Form_inputIn select {border: 0;width:90%;height:32px;line-height:32px;vertical-align:top;display:inline-block;margin:10px 0;}
.consult_Form_Bot .Form_inputIn.num select {width:27%}
.consult_Form_Bot .Form_inputIn.dateBox {width:150px;}
.consult_Form_Bot .Form_inputIn.dateBox input[type="text"] {background:url("../common_img/icon_datepicker.png") no-repeat 95% white;}
.consult_Form_Bot .Form_inputIn input[type="text"] {border: 0;width:95%;height:32px;line-height:32px;vertical-align:top;display:inline-block;margin:10px 0;}
.consult_Form_Bot .Text_Area {background-color: #f0f3f6; position:relative;padding:50px 0 0;border-radius:5px;}
.consult_Form_Bot .Text_Area .Form_name {top:20px}

.Form_textarea textarea {width:96%; margin: 0 2% 20px;}

.service_list {display:inline-block; width:100%}
.service_list li {float:left; margin:0 20px 0 0}

.service_list input[type="checkbox"]:not(old){width:0; height:0; margin:0; padding:0; opacity:0;}
.service_list input[type="checkbox"]:not(old) + span, .service_list input[type="checkbox"]:not(old) + label{cursor:pointer; display:inline-block; background:url('../common_img/checkBox.png') no-repeat left center;  padding: 0 0 0 28px;  font-size: 15px;}
.service_list input[type="checkbox"]:not(old):checked + span, .service_list input[type="checkbox"]:not(old):checked + label {background:url('../common_img/checkBox_on.png') no-repeat left center; }

.service_list input[type="radio"]:not(old){width:0; height:0; margin:0; padding:0; opacity:0;}
.service_list input[type="radio"]:not(old) + span ,  .service_list input[type="radio"]:not(old) + label {cursor:pointer; display:inline-block; background:url('../common_img/radio.png') no-repeat  left center; padding:0 0 0 28px; font-size: 15px;}
.service_list input[type="radio"]:not(old):checked + span , .service_list input[type="radio"]:not(old):checked + label {background:url('../common_img/radio_on.png') no-repeat left center;}

.bu_n {width:240px; height:55px; line-height:55px; font-size:18px; font-weight:600; display:inline-block}
.bu_s {width:160px; height:38px; line-height:38px; font-size:15px; text-align:center; border-radius:5px; display: inline-block;}
.bu_black {border:1px solid black; background-color:black; color:white;}
.bu_white {border:1px solid black; background-color:white; color:black;}
.bu_brown {border:1px solid black; background-color:#a6937c; color:white}
.bu_btn {border:1px solid #7f7f7f; background-color:white; color:#7f7f7f}
.bu_btn:hover {background-color:black; border:1px solid black; color:white}

.buttonBox {margin:30px 0; text-align:center; display: inline-block; width: 100%;}
.buttonBox ul {display:inline-block}
.buttonBox ul li {float:left; margin:0 10px}

.apo_buttonBox {margin:70px 0 30px}


/* 전세계 대사관 */


.tabBox {display: inline-block; width: 100%; position:relative}
.tabBox:after {content:""; position:absolute; bottom:-4px; left:0; right:0; height:4px; background-color:#e60012}
.tabBox ul li {float: left; text-align: center; background-color:white; display:table; width:16.7%; height:56px;}
.tabBox ul li:first-child a {border-left:1px solid #bababa}
.tabBox ul li.on {background-color: #e60012;}
.tabBox ul li.on a {color:white; border-top: 1px solid #e60012;}
.tabBox ul li a {border-top:1px solid #bababa; border-right: 1px solid #bababa; color:black; font-size:16px; font-weight:400; display:table-cell; vertical-align:middle;}
.tabBox ul li a:hover {color:#e60012;}
.tabBox ul li.on a:hover {color:white}

.tabBox ul li:first-child.on a {border-left:1px solid #e60012}
.tabBox ul li:last-child.on a {border-right:1px solid #e60012}


.contrylist {clear:both; background-color:white; border: 1px solid #e2e2e2; border-top: 0; padding:30px 180px}
.contrylist ul {display:inline-block; width:100%; list-style:none; margin:0; padding:0}
.contrylist ul li {float:left; width:24%; margin:10px 1% 10px 0; position:relative}
.contrylist ul li img {position:absolute; top:50%; left:0; margin:-9px 0 0; width:26px; height:18px}
.contrylist ul li span {display:inline-block; vertical-align:middle; padding:0 5px 0 35px; letter-spacing: -0.05em; color:black; word-break: break-all; font-size:14px; line-height:18px;}

/* End : 상담하기 */


/* 찾아오시는 길 */

.map_con {width:100%}
.map_con > .root_daum_roughmap {width:100%; z-index: 1;}

.addressBox {background-color:white; padding:30px 0 100px}
.addressBox .main_txt {font-size:24px; color:black; font-weight:bold; margin:50px 0 10px;}
.addressBox .sub_txt {font-size:18px; color:#555555; font-weight:300; margin:0 0 20px; line-height:1.5}


/* 찾아오시는 길 */

.btn_brown {display: inline-block;  background-color: #a6937c;  color: white;  transition: 0.3s all ease; border: 1px solid #626262; width:90px;  height: 22px;  line-height: 22px;  font-size: 12px;  text-align: center; vertical-align: middle;}
.btn_brown.type02 {height:28px; line-height:28px}
.btn_brown.type03 {width:90%; height:28px; line-height:28px}

.btn_brown:hover {background-color: white; color: #a6937c;}

@media all and (max-height:870px) {

 .How_ImgBox {margin:0 auto 20px}
 .M_footerLayout {padding:0}
 .M_visual {padding:50px 12px 20px;}


}


@media all and (min-width:640px) and (max-width:1100px){/* tablet */

	.mob_display {display:none}
    .tablet_display {display:none}

    /* 레이아웃 */

    .header {height:70px;}
	.header.on {top:0px;}

    .topBu_L {float:left; width:20%; margin:0 0 0 2%}
    .topBu_L a {margin:0; line-height: 70px;}
      .topBu_L a img {width:100%; max-width:100%;}
      .gnb {width:60%; margin:0 0 0 1%; height:70px; float:left;}
      .gnb ul li {width:25%; text-align:center; margin:0; height: 70px;}
      .gnb ul li .fade {margin:20px 0 0}
    .gnb.type03 ul li {width:33.33%}
      .gnb ul li a {font-size:13px; height:100%; line-height:1.2; padding:0 5px}
      .gnb ul li a.button {width:80px; font-size:13px; margin: 20px 12px 0 0;}
      .gnb ul li a.button span {margin:0 5px 0 0}
      .gnb span.real {top:25px; font-size: 14px;}
    .gnb ul li a.button:hover .fa:after {display:none}

    .topBu_R {float:left; width:15%; margin:0 2% 0 0; position:static;}
    .topBu_R a {width:90%; margin: 19px 5% 0;}
    .topBu_R a > span {margin:0 10px 0 0}


   /* 레이아웃 */

   /* 메인 */


   .M_visual {padding:100px 12px 20px;}
   .confirmBox {padding:20px; margin: 20px auto;}
   .confirm_Input {padding:0 110px 0 0}
   .confirm_btn {width:100px; font-size:16px}

   .M_link {margin:0}
   .M_link ul > li {width:48%; margin:10px 1%; float:left}
   .M_link ul > li:first-child {margin:10px 1%}

   .M_client {margin:0; display:none}

   .botMenu {position:static;}
   .botMenu > ul > li.time {width:100%; height:45px; line-height: 45px;}
   .botMenu > ul > li.kakao , .botMenu > ul > li.naver ,  .botMenu > ul > li.wechat  {width:33.33%}

   .M_contentLayout.type02 {margin:70px 0 0}

   .M_footerLayout {position:static; background-color:white; padding:0}
   .footerLayout {padding:0; margin: 0;}
   .footer_infoIn {width:auto; margin: 30px 20px 42px;}
     .footer_one_logo {position:static;}
     .footer_one_logo {display:inline-block; width:100%; margin:0 0 10px}
     .footer_one_logo ul li {float:left}
     .footer_one_logo ul li:first-child {margin:0 0 10px}
     .footer_one_logo ul li.second {display:none}
	 .footer_one_logo ul li.thrid select {display:none}

     .footer_company , .footer_company02 ul li , .footer_num ul li {margin:0 0 10px 0}

     .footer_logo {display:none}

     .fp-section , .fp-tableCell {height:auto !important;}

    .confirm .txt01 {font-size:18px}
    .confirm .txt02 {font-size:60px}
    .confirm .txt03 {font-size:18px}


   .consult  {padding:20px}
   .consult_LeftBox br {display:none}


   .Map {padding:40px 0}
   .Map .area_info {margin:30px 0 50px}
   .map_area ul li a .txtBox {left:20px; right:20px;}
   .map_area ul li a img {width:100%;  max-width: 230px;}

   .Map_txtBox .main_txt {left:20px; font-size: 34px;}
   .Map_txtBox .sub_txt {padding:0 20px 0 260px}

   /* 어떻게 ~ */

   .How  {padding:40px 0}
   .How .main_txt {font-size:36px; line-height:1.2; margin:0 0 40px}
   .How_LeftBox  {left:5%}
   .How_RightBox {right:5%}
   .How_LeftBox  img  {width:100%; max-width:250px}
   .How_RightBox img  {width:100%; max-width:250px; margin: 0 0 0 50px;}

   .How_ImgBox {position:relative; max-width: 100%; height:300px; margin:20px 0 0; padding: 0 0 40px}
   .How_TxtBox {padding:0 22px}

    /* 진행 절차 */


    .Process {padding:0 12px 20px}
    .Process_ProBox {padding:0 0 0 32px; width: 95%;}
    .Process_TxtBox {position:static; width:auto; margin:20px 0 0}
    .Process_TxtBox .main_txt {margin:0 0 10px; font-size: 24px;}
    .Process_TxtBox .main_txt br {display:none}
    .Process_TxtBox .sub_txt {font-size:14px; margin:0 0 10px}
    .Process_TxtBox .sub_txt br {display:none}
    .Process_ProBox ul.top_process li .sub_txt {margin:0 0 50px}
    .Process_ProBox ul:after {width:30px; left:-30px}
    .Process_ProBox ul.bot_process:before {left:-32px;}
    .Process_contry {display:none;}


	/* 신청하기 */


	  .consult_LeftBox {position:static; margin:20px 0; width:auto}
      .consult_LeftBox .main_txt {font-size:30px; margin:0 0 10px}
      .consult_LeftBox .sub_txt {margin:0 0 10px}
      .consult_RightBox {padding:0 0 10px}

	/* 전세계 대사관 리스트 */

	.contrylist {padding:30px}


	/* 대사관인증 신청하기 */

	.sub_consult_left , .sub_consult_left.type02 {position:static; width:100%}
	.sub_consult_left .main_txt {font-size:30px}
	.sub_consult_left .main_txt br {display:none}
	.sub_consult_left .sub_txt br {display:none}
    .sub_consult_right , .sub_consult_right.type02 {padding:0}


	/* 상담하기 */

    .agree_content {margin:12px 0 0}
    .consult_Form_Bot {margin:12px 0 0}
    .consult_Form_Bot > ul > li {margin:0 0 12px}
    .consult_Form_Bot ul li .Form_Area {width:100%; height:auto; line-height:30px}
    .consult_Form_Bot ul li .Form_Area.half {width:100%}
    .consult_Form_Bot ul li .Form_Area.Area {width:100%; border-radius:0}
    .consult_Form_Bot ul li .Form_Area.Top {border-radius:5px 5px 0 0}
    .consult_Form_Bot ul li .Form_Area.date {width:100%; padding:0}
    .mid_txt {display:block; margin:0; padding:8px 12px; background-color:#f0f3f6; position:relative; text-align:left; font-size:14px; font-weight:500}
    .mid_txt.Bot {border-radius: 0; padding: 5px 12px 10px;}
    .mid_txt:after {display:none}
    .consult_Form_Bot ul li .Form_name {margin:0 0 0 12px; position:static;}
    .Form_input {display:block; padding:0 12px}
    .consult_Form_Bot ul li .Form_inputIn , .consult_Form_Bot .Form_inputIn.type02 {padding:0}
    .consult_Form_Bot ul li .Form_inputIn input[type="text"] {width:99%; vertical-align:middle; padding: 0; margin: 0 0 10px; text-indent: 5px;}
    .consult_Form_Bot ul li .Form_inputIn select {vertical-align:middle; padding: 0; width:100%; margin:5px 0}
    .consult_Form_Bot ul li .Form_inputIn.num select {vertical-align:middle; padding:0; margin:0 0 10px}
    .consult_Form_Bot ul li .Form_inputIn.pd0 select {width:100%; margin:5px 0}
    .consult_Form_Bot ul li .Form_inputIn.num span {vertical-align:middle; line-height: 1; margin: 0 0 5px;}
    .consult_Form_Bot ul li .Form_inputIn.num input[type="text"] {width:29%; margin:0 0 10px}
	.consult_Form_Bot ul li .Form_inputIn.dateBox input[type="text"] {background-color:white}
    .sub_consultBox {padding:20px 0 0}
    .sub_consultBox .sub_main_txt {margin:0 0 20px}
    .consult_imgBox {background: url(../common_img/consult_sub_img01.png) no-repeat 70%;}
    .consult_imgBox img {width:100%}
    .consult_Form_txt {font-size:18px; margin:20px 0; padding:0 12px}
    .consult_Form {padding:12px}

	.consult_Form_Bot .Form_inputIn .nationType li {width:100%}
	.consult_Form_Bot .Form_inputIn .nationType li .FormIn_name {top:7px}

    .consult_Form_Bot ul li .Text_Area {padding:10px 0}
    .Form_textarea {margin:10px 0 0}
    .Form_textarea textarea {width:100%; margin:0}

    .addressBox {padding:20px 12px}
	.addressBox .main_txt {margin:0 0 10px}

    /* End : 상담하기 */


	/* 서브 페이지 */

	.contentLayout {padding:70px 0 0}
		.sub_section {padding:50px 20px}

		.sub_Need {padding:50px 0 0}
		.sub_Need_txtBox {padding:0 20px 40px; margin:0; width: auto;}
		.sub_Need_Left_txtBox {font-size:30px}
		.sub_Need_Left_txtBox br {display:none}
		.sub_how .How_ImgBox {margin:30px auto 0; padding: 0;}

		.How_LeftBox .txtBox {font-size:16px; margin: 0 0 30px}
		.How_RightBox .txtBox {font-size:16px; padding:0 15px; margin:0 0 30px}

		.sub_Process {padding-left:20px; padding-right:20px}

		.sub_main_txt , .sub_how .main_txt {font-size:30px}


	  /* 팁박스 */

	  .TipBox {padding:20px}

	/* 위쳇상담하기 */

	.wechat_popup , .section .wechat_popup {width:auto; left:2%; right:2%; bottom:-150px; padding: 0;}
	.wechat_popup.on , .section .wechat_popup.on {bottom:12px}
	.wechat_popup .wechat_main_txt {margin:15px 0}
	.wechat_popup img {display:none}
	.wechat_popup .wechat_sub_txt {margin:15px 0; font-size:14px}

	/* End : 위쳇상담하기 */

	.hd_l_bg , .hd_r_bg , .hd_content {display:none}

	.Need_Chart.type02 .Need_Chart_Left {padding:0; min-height:auto}
	.Need_Chart02 {height:auto}

}

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

	.pc_display {display:none}
	.mob_display {display:inline-block}

  /* 레이아웃 */


  .mobile_menu {display:block}
  .mobile_menu_btn {position:absolute; top:0px; right:0;}
  .mobile_menu_btn button {font-size:24px; width: 55px; height: 55px; line-height: 55px;}

  .header {height:55px; border-bottom:1px solid #e3e3e4}
  .header.on {top:0px;}
  .topBu_L {float:none; margin:0; text-align:left; line-height: 55px;}
     .topBu_L a {display:inline-block; width:auto; padding:0 12px; text-align:left; margin:0}
     .topBu_L a img {width:150px}
     .topBu_R {display:none}

     .gnb {display:none}

   .M_link {padding:12px; background-color:#fa875a; margin:0}
   .M_link > ul > li {width:100%; margin:10px 0}
   .M_link > ul > li:first-child {margin:10px 0}

   .M_client {display:none}

   .M_contentLayout.type02 {margin:56px 0 0}

   .fp-section, .fp-tableCell {height: auto !important; padding:0;}

   .section {padding:20px 12px}

  .botMenu {position:static;}
  .botMenu > ul > li.time {width:100%; height:auto; line-height:1; padding:15px 0}
  .botMenu > ul > li.time img {position:absolute; top: 7px; left: 20px;}
  .botMenu > ul > li.time span {width: 210px; display: inline-block; text-align: left; line-height: 1.5; margin:0 0 0 60px}
  .botMenu > ul > li.time > ul {display:block}
  .botMenu > ul > li.time > ul > li {width:100%; margin:0; position:relative; text-align: left;}
  .botMenu > ul > li.kakao , .botMenu > ul > li.naver , .botMenu > ul > li.wechat {width:33.33%; line-height: 1; float:right}
  .botMenu > ul > li.kakao img , .botMenu > ul > li.naver img , .botMenu > ul > li.wechat img {display:block; padding:8px 0; margin:0 auto; width:25px}

  .M_footerLayout {position:static; padding:0}
  .footerLayout {margin:0}
  .footer_BI {text-align:center}
  .footer_infoIn {width:auto; margin:20px 0 0}
    .footer_one_logo {position:static; text-align:center;}
    .footer_one_logo ul li:first-child {margin:0 0 20px}
    .footer_one_logo ul li.second {display:none}
    .footer_one_logo ul li a {text-align:center}
.footer_num , .footer_num > ul , .footer_sns , .footer_logo  {display:none}

  /* 레이아웃 */


   /* 메인 */

   .M_visual {padding:70px 12px 20px}

   .confirmBox {padding:20px;  margin: 20px auto;}
   .confirm_Input {padding:0}
   .confirm_Input_left , .confirm_Input_right {width:100%; margin:0 0 20px}
   .confirm_Input_left:after {display:none}
   .confirm_popup {bottom:-119px}
   .confirm .txt01 {font-size:14px}
   .confirm .txt02 {font-size:36px}
   .confirm .txt03 {font-size:16px}
   .confirm .txt03 strong {display:block; margin:10px 0 0}
   .confirm_btn {position:static; width:100%}


   .Map_container_top {margin:20px 0 0}
   .Map_txtBox .main_txt {position:static; margin:0 0 20px;}
   .Map_txtBox .sub_txt {padding:0;}
   .Map .area_info {margin:20px 0}

   .map_area ul li {width:50%; margin:0}
   .map_area ul li a {margin:0 0 20px}
   .map_area ul li a .txtBox {top:auto; bottom:0; left:5px; right:5px;}
   .map_area ul li a .txtBoxIn {padding:15px 0 10px}
   .map_area ul li a .txtBox .area_label {height:20px; line-height:20px; font-size:12px; top:-11px}
   .map_area ul li a .txtBox .area_txt {font-size:14px; margin:0 auto}
   .map_area ul li a img {width:100%}

   .pop_layer {margin: 0 !important; width: auto; top:70px; height:auto !important; max-height: none; left:8%; right:8%; position:fixed; overflow: hidden; }
   .pop_layer .pop_header a {top:0; right:0; width:35px; height:35px; line-height:35px; border-radius:0}
   .pop_layer .pop_header a img {width:16px; height:16px}
   .pop_layer .pop_conts {padding:15px 25px 5px}
   .pop_red_txt {font-size:14px; margin:0 0 15px}

   .nation_name_list ul li {width:50%; margin: 0 0 8px; font-size: 13px;}



   .How {padding:40px 0}
   .How .main_txt {font-size:24px; line-height:1.2; margin:0 0 30px}
   .How .main_txt strong {display:block}
   .How_ImgBox {height:auto}
   .How_LeftBox , .How_RightBox {position:static; padding:0 12px; margin:0 0 20px}

   .How_CenterBox {position:static; text-align:center; margin:30px 0}
   .How_LeftBox .txtBox , .How_RightBox .txtBox {display:block; margin:0 auto 40px; width: 90%;  padding: 0;}
   .How_LeftBox img {width:100%; max-width:325px; display: inline-block;}
   .How_RightBox img {width:100%; max-width:379px; display: inline-block;}

   .Process {padding:0 12px 20px}
   .Process_ProBox {padding:0}
   .Process_TxtBox {position:static; width:auto; margin:20px 0 0}
   .Process_TxtBox .main_txt {margin:0 0 10px; font-size: 24px;}
   .Process_TxtBox .sub_txt {margin:0 0 10px; color:#6f6d7f; font-size: 14px;}
   .Process_TxtBox .sub_txt br {display:none}
   .Process_ProBox ul:after {display:none}
   .Process_ProBox ul li , .Process_ProBox ul.top_process.type02 li , .Process_ProBox ul.content02 li {width:100%}
   .Process_ProBox.type02 {margin:0}
   .Process_ProBox.type02 ul li {width:100%}
   .Process_ProBox ul li .main_txt {margin: 10px 15px; text-indent: -10px;}
   .Process_ProBox ul li .sub_txt {margin: 0 15px 10px; padding: 0; width:90%}
   .Process_ProBox ul.top_process li .sub_txt {margin:0 0 10px 15px; width:90%;}
   .Process_ProBox ul li .sub_txt br {display:none}
   .Process_ProBox ul.top_process {padding:10px 0 0; border-right:0; border-left:2px solid #0f1e45}
   .Process_ProBox ul.bot_process {padding:0 0 10px; border-top:0; border-left:2px solid #0f1e45; border-bottom:2px solid #0f1e45}
   .Process_ProBox ul.bot_process:before {left:auto; top:auto; bottom:-10px; right:0; transform:rotate(180deg)}
   .Process_ProBox ul li:before {left:-6px; top:15px}

   .Process_contry {display:none}

    .consult_LeftBox {position:static; width:auto}
      .consult_LeftBox .main_txt {font-size:24px; margin:0 0 10px}
      .consult_LeftBox .sub_txt {margin:0 0 10px}
      .consult_LeftBox a {width:100%}
      .consult_RightBox {padding:10px 0 0}

      .mob_consult_Header {margin:25px 0 15px;}
      .mob_consult_Header span {font-size:18px; vertical-align:middle; display:inline-block; margin:0 10px 0 0}

      .consult_Tab ul li a {font-size:16px;}

      .table_normal tbody tr td {padding:10px 5px; border-top: 1px solid #b7afa4; font-size:12px}
      .table_normal tbody tr td.day span {display:inline-block; width:75px; text-align:right}
      .table_normal thead tr th {font-size:14px}

      .table_consult thead tr th {font-size:14px; font-weight: 500; padding:10px}
      .table_consult tbody tr td {padding:10px}

      .product_list li {font-size:13px;}

	  .num_txt02 {font-size:13px}

	.Need_Chart.type02 .Need_Chart_Left {padding:0; margin:0 0 20px}
    .Need_Chart02 {height:auto}

 	/* 서브 페이지 */

	.contentLayout {padding:56px 0 0}
		.sub_section {padding:40px 12px}

		.sub_how .sub_txt br {display:none}

		.sub_best {padding:40px 20px}
		.sub_Need {padding:40px 0 0}
		.sub_Need_txtBox {padding:0 20px 20px; margin:0; width: auto;}
		.sub_Need_Left_txtBox {font-size:26px; width:100%; margin:0 0 20px}
		.sub_Need_Right_txtBox {width:100%}
		.sub_how .How_ImgBox {margin:30px auto 0; padding: 0;}
		.sub_how .main_txt br {display:block}

		.How_LeftBox .txtBox {font-size:16px; margin:0 auto 30px}
		.How_RightBox .txtBox {font-size:16px; padding:0 15px; margin:0 0 30px}

		.sub_main_txt , .sub_how .main_txt , .sub_txtBox .sub_main_txt {font-size:26px; margin:0 0 20px; line-height: 1.2;}
		.sub_main_txt br {display:block}
		.sub_txtBox {margin:0 0 10px}

		.b_popup {padding:15px; margin:0}

		 .apoBox {padding:20px 12px}
		 .apoBox .buttonBox {margin:20px 0 0}
		 .buttonBox ul {width:100%}
		 .buttonBox ul li {width: 100%;  margin: 5px 0;}
		 .buttonBox ul li button , .buttonBox ul li label {width:100%}

		 .sub_Need_Right_txtBox .txt_default {font-size:14px; line-height: 1.5}


    /* 팁박스 */

    .TipBox {padding:20px; margin:0 0 40px}

    .One_process {border-bottom:2px solid #0f1e45; border-left:2px solid #0f1e45}
	.One_process ul li:before {top:14px; left:-6px}
	.One_process ul li {width:100%}
	.One_process ul li .main_txt {font-size: 13px; text-indent: 0; margin: 13px 0;}
	.One_process ul li .main_txt br {display:none}
	.One_process:after {top:auto; bottom:-9px;}


	/* 전세계 대사관 리스트 */

	.contrylist {padding:12px}
	.contrylist ul li {width:49%}

	.tabBox {border-left:1px solid #bababa}
	.tabBox:after {left:-1px; right:1px;}
	.tabBox ul li {width:50%; height:40px;}
	.tabBox ul li:first-child a {border-left: 0;}
	.tabBox ul li a {font-size:14px}


    /* 대사관인증 신청하기 */

	.sub_consult_left , .sub_consult_left.type02 {position:static; width:100%}
	.sub_consult_left .main_txt {font-size:24px}
	.sub_consult_left .main_txt br {display:none}
	.sub_consult_left .sub_txt br {display:none}
    .sub_consult_right , .sub_consult_right.type02 {padding:0}


	/* 이미지 박스 */

	.img_container_l {margin:0 0 30px}
    .img_container_l .imgBox {position:static; text-align:center}
	.img_container_l .imgBox img {width:100%}
    .img_container_l .img_txt {padding:0}
    .img_container_l .img_main_txt {font-size: 18px; color: black; font-weight: bold;  margin: 0 0 30px; line-height: 1.3;}

	/* 상담하기 */

    .agree_content {margin:12px 0 0}
    .consult_Form_Bot {margin:12px 0 0}
    .consult_Form_Bot > ul > li {margin:0 0 12px}
    .consult_Form_Bot ul li .Form_Area {width:100%; height:auto; line-height:30px}
    .consult_Form_Bot ul li .Form_Area.half {width:100%}
    .consult_Form_Bot ul li .Form_Area.Area {width:100%; border-radius:0}
    .consult_Form_Bot ul li .Form_Area.Top {border-radius:5px 5px 0 0}
    .consult_Form_Bot ul li .Form_Area.date {width:100%; padding:0}
    .mid_txt {display:block; margin:0; padding:8px 12px; background-color:#f0f3f6; position:relative; text-align:left; font-size:14px; font-weight:500}
    .mid_txt.Bot {border-radius: 0; padding: 5px 12px 10px;}
    .mid_txt:after {display:none}
    .consult_Form_Bot ul li .Form_name {margin:0 0 0 12px; position:static;}
    .Form_input {display:block; padding:0 12px}
    .consult_Form_Bot ul li .Form_inputIn , .consult_Form_Bot .Form_inputIn.type02 {padding:0}
    .consult_Form_Bot ul li .Form_inputIn input[type="text"] {width:99%; vertical-align:middle; padding: 0; margin: 0 0 10px; text-indent: 5px;}
    .consult_Form_Bot ul li .Form_inputIn select {vertical-align:middle; padding: 0; width:100%; margin:5px 0}
    .consult_Form_Bot ul li .Form_inputIn.num select {vertical-align:middle; padding:0; margin:0 0 10px}
    .consult_Form_Bot ul li .Form_inputIn.pd0 select {width:100%; margin:5px 0}
    .consult_Form_Bot ul li .Form_inputIn.num span {vertical-align:middle; line-height: 1; margin: 0 0 5px;}
    .consult_Form_Bot ul li .Form_inputIn.num input[type="text"] {width:29%; margin:0 0 10px}
	.consult_Form_Bot ul li .Form_inputIn.dateBox input[type="text"] {background-color:white}
    .sub_consultBox {padding:20px 0 0}
    .sub_consultBox .sub_main_txt {margin:0 0 20px}
    .consult_imgBox {background: url(../common_img/consult_sub_img01.png) no-repeat 70%;}
    .consult_imgBox img {width:100%}
    .consult_Form_txt {font-size:18px; margin:20px 0; padding:0 12px}
    .consult_Form {padding:12px; margin:0}

	.consult_Form_Bot .Form_inputIn .nationType li {width:100%}
	.consult_Form_Bot .Form_inputIn .nationType li .FormIn_name {top:7px}

    .consult_Form_Bot ul li .Text_Area {padding:10px 0}
    .Form_textarea {margin:10px 0 0}
    .Form_textarea textarea {width:100%; margin:0}

    .addressBox {padding:20px 12px}
	.addressBox .main_txt {margin:0 0 10px}

    /* End : 상담하기 */

	/* 찾아오시는 길 */

	.addressBox .sub_txt {font-size:14px; margin:0 0 10px}


	/* End : 찾아오시는 길 */

	/* 위쳇상담하기 */

	.wechat_popup , .section .wechat_popup {width:auto; left:2%; right:2%; bottom:-150px; padding: 0;}
	.wechat_popup.on , .section .wechat_popup.on {bottom:12px}
	.wechat_popup .wechat_main_txt {margin:15px 0}
	.wechat_popup img {display:none}
	.wechat_popup .wechat_sub_txt {margin:15px 0; font-size:14px}

	/* End : 위쳇상담하기 */

	.hd_l_bg , .hd_r_bg , .hd_content {display:none}

	.btn_brown {min-width:60px; width: auto; height: auto; padding: 2px 5px; line-height: 1.5;}

    .best_ChartBox , .best_TxtBox , .flat_img_container_l {margin:0 0 30px} 
    
	.flat_img_container_l .imgBox {position:static; text-align:center}
	.flat_img_container_l .img_txt {padding:0}


	/* 버튼 */

	.btn_brown.type02 {width:auto}
	.btn_brown.type03 {padding:0}

}


/* 푸터 상단 외부링크 추가 2021-01-22 */
.footer_item { border-bottom:1px solid #46464f; }
.footer_item ul { width:1080px; height:56px; line-height:56px; margin:0 auto; font-size:0; }
.footer_item li,
.footer_item li:not(:first-child):before { display:inline-block; vertical-align:top; }
.footer_item li a { font-size:12px; color:#bebebe; }
.footer_item li:not(:first-child):before { font-size:12px; content:'\007C'; display:inline-block; margin:0 10px; color:#a0a0a0; }
.footer_item ~ .footer_infoIn { margin-top:20px; }

@media (max-width: 1100px) and (min-width: 640px){/* tablet */
	.footer_item ul { width:100%; padding-left:20px; }
}
@media all and (max-width:640px) { /* phones */
	.footer_item { display:none; }
}

/* 개인정보보호책임보험 팝업 추가 2023-01-13 */
.insurance_open,
.insurance_close { cursor:pointer; }
.insurance_popup,
.insurance_dim { left:0; right:0; bottom:0; top:0; }
.insurance_close,
.insurance_dim { position:absolute; }
.insurance_popup { position:fixed;  z-index:100; }
.insurance_popup .insurance { position:absolute; top:calc(50% - 250px); left:calc(50% - 195px); }
.insurance_close { top:0; right:0; width:30px; height:30px; opacity:0; }
.insurance_dim { opacity:0; background-color:rgba(0,0,0,0.4); transition:opacity 0.6s; }

.insurance_popup.this_show .insurance { animation:0.3s fadeDown; }
.insurance_popup.this_hide .insurance { opacity:0; animation:0.3s fadeUp; }

.insurance_popup.this_show .insurance_dim { opacity:1; }
.insurance_popup.this_hide .insurance_dim { opacity:0; }

@keyframes fadeDown {
    from { opacity:0; transform:translate3d(0, -50px, 0); }
    to { opacity:1; transform:translate3d(0); }
}
@keyframes fadeUp {
	from { opacity:1; transform:translate3d(0); }
	to { opacity:0; transform:translate3d(0, -50px, 0); }
}



/* 본사 주소 추가 2024-07-02 */
.foot_toggle { display: inline-block; }
.foot_toggle_btn { position:relative; overflow:hidden; font-size:0; color:transparent; width:17px; height:16px; margin:0 0 0 5px; vertical-align:top; border:1px solid transparent; border-radius:2px; background-color:transparent; }
.foot_toggle_btn:before { content:''; position:absolute; width:5px; height:5px; top:50%; left:50%; margin-left:2px; border-style:solid; border-color:#75757d; border-width:2px 0 0 2px; margin:-5px 0 0 -3px; transform:rotate(-135deg); }
.footer_company:has(.open) .foot_toggle_btn:before { margin-top:-2px; transform:rotate(45deg); }
.foot_toggle { display: none; }
.foot_toggle.open,
.foot_toggle_btn { display:inline-block; }


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

	.footer_company ul li:nth-child(2):after,
	.footer_company ul li:first-child ~ li:nth-last-of-type(2):after,
	.footer_company.two ul:nth-of-type(2) li:first-child:after { content:none; }

	.footer_company ul li:nth-child(2) ~ li:nth-last-of-type(2),
	.footer_company ul li:last-child { box-sizing: border-box; width: 100%; }

}

@media screen and ( max-width:640px ) {
	.footer_company { padding:0 20px; }
}