@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: url(fonts/NanumBarunGothicUltraLight.eot);
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(fonts/NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(fonts/NanumBarunGothicUltraLight.woff) format('woff'),
       url(fonts/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/NanumBarunGothicLight.eot);
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(fonts/NanumBarunGothicLight.woff2) format('woff2'),
       url(fonts/NanumBarunGothicLight.woff) format('woff'),
       url(fonts/NanumBarunGothicLight.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(fonts/NanumBarunGothic.woff2) format('woff2'),
       url(fonts/NanumBarunGothic.woff) format('woff'),
       url(fonts/NanumBarunGothic.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 600;
  src: url(fonts/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(fonts/NanumBarunGothicBold.woff2) format('woff2'),
       url(fonts/NanumBarunGothicBold.woff) format('woff'),
       url(fonts/NanumBarunGothicBold.ttf) format('truetype');
}



/*-------------- Reset --------------*/

body  { font-family: 'Nanum Gothic', 'malgun gothic', sans-serif; font-weight:400; }
a:focus { outline:none; text-decoration:none; }
a { text-decoration:none; }
a:hover { text-decoration:none; }
ul,li { list-style:none; margin:0; padding:0; }
b, strong { font-weight:700; }
input { outline:none; }


/*-------------- Layout --------------*/

.container { width:1080px; padding-right:0; padding-left:0; margin-right:auto; margin-left:auto; }

.al {text-align:left !important}
.ac {text-align:center !important}
.ar {text-align:right !important}
.fl { float:left; }
.fr { float:right; }
.mt0 { margin-top:0 !important; }
.mb0 { margin-bottom:0 !important; }


.inBasket{ padding-left:20px; padding-right:20px; list-style:none; }
.inBasket li{ padding-top:10px; padding-bottom:10px; border-bottom:1px solid #ccc; }
.inBasket li select{ margin-top:7px; margin-bottom:0; }

.s { text-decoration:line-through; }
.s1 { text-decoration:none; color:#cc0000; font-weight:normal; margin-bottom:5px; }
.s2 { display:block; width:100%; font-size:12px; text-decoration:none; font-weight:bold; font-size:14px; }

.table-striped > tbody > tr:first-child {border-top:1px solid #ddd}
.table-striped > tbody > tr {border-bottom:1px solid #ddd}


.modal-dialog { margin:170px auto; }


.price_temp { text-decoration:line-through; margin-bottom:0; font-size:12.5px}
.price {color:red;}


/*-------------- Header --------------*/

header { position:absolute; width:100%; left:0; z-index:10; }
#title { width:100%; min-width:1080px; }
#menu { width:100%; }
/* #menu.search { height:140px; }
#menu.line { height:50px;background-color:#0079c2;border-top:0 solid #f3f3f5;border-bottom:0 solid #d1d8e4; position:relative; } */
#service { background-color:#f3f4f8;padding-bottom:13px;min-height:750px; }


.hd_area { position:relative; width:1080px; height:140px; display:flex; justify-content:space-between; 
  /* IE hack */
  display: -ms-flexbox; -ms-flex-pack:justify;
}
.container.hd_area:before, /* bootstrap less 의사클래스 상속스타일 해제 */
.container.hd_area:after { content:none !important; } 

.hd_area .logo { position:relative; font-size:0; width:31%; margin-top:43px; }
.hd_area .logo a { display:inline-block; }
/* Header 상단 검색창 */
.hd_search_area { position:relative; width:38%; margin-top:50px; }
.hd_search_form { display:flex; }
.hd_search_input { width:350px; }
.hd_search_btn { width:45px; height:47px; border:0px;width:45px;height:47px;border-radius:0px;margin:0; }
.searchbox { border:3px solid #007dd8; border-right:0; padding:7px; width:350px; height:47px; font-size:16px; }
.search_text { background-color:#ffff66; color:red; }
.export_cash { position:absolute;top:-38px;left:50%;margin-left:-158px; } /* 수출 바우처 사이트 연결 배너 */
/* 상세검색(국가로 검색) 페이지 링크 추가 2021-06-25 */
.link_state { position:absolute; top:4px; left:410px; width:95px; height:38px; line-height:38px; text-align:center; letter-spacing:-0.05em; font-weight:500; font-size:16px; color:#fff; border-radius:5px; background-color:#004f98; z-index:9; } /* 헤더 > 국가로 검색 버튼 */
.link_state:hover { color:#86e1ff; }
/* Header 우측 영역 */
.hd_right_area { position:relative; width:31%; text-align:right; }
.hd_item_area { position:absolute; right:0; top:8px; text-align:right; display:flex; }
.hd_item_list { display:flex; font-size:11px; white-space:nowrap; color:#6d6d6d; }
.hd_item_list a:after { content:''; display:inline-block; width:1px; height:12px; margin:1px 4px 0; vertical-align:top; background-color:#6d6d6d; }
.hd_item_list a span { font-size:11px; color:#6d6d6d; }
.logo_baemin { display:inline-block; margin-top:45px; }
/* Header 언어 선택 메뉴(Global Language) 변경 2020-09-02 */
.global { position:relative; display:inline-block; vertical-align:middle; font-size:13px; font-weight:bold; text-align:left; }
.gb_btn { display:block; height:14px; padding:0 15px 0 18px; line-height:15px; background:url('../img/icons_global.png') -7px -8px no-repeat; cursor:pointer; }
.gb_btn:after { position:absolute; right:0; top:50%; margin-top:-3px; content:''; width:9px; height:0; border-top:5px solid #000; border-left:5px solid transparent; border-right:5px solid transparent; }
.gb_box { position:absolute; top:30px; right:0; box-sizing:border-box; width:328px; min-height:143px; padding:0 25px 5px; 
		  border-top:4px solid #80bf24; background-color:#fff; box-shadow:3px 3px 10px rgba(0,0,0,0.2); z-index:12; }
.gb_box:before { content:''; position:absolute; right:35px; top:-10px; width:10px; height:0; border-bottom:8px solid #80bf24; border-left:5px solid transparent; border-right:5px solid transparent;}
.gb_box:after { content:''; display:block; clear:both; visibility:hidden; }
.gb_lang { display:block; line-height:1; padding:20px 0 15px; margin-bottom:12px; border-bottom:1px solid #e7e4e2; }
.gb_box button { float:left; display:block; box-sizing:border-box; min-width:95px; height:24px; text-align:left; line-height:24px; margin-bottom:15px; padding-left:30px; font-family:'Nanum Gothic', sans-serif; color:inherit; background-image:url('../img/icons_global_r.png'); background-repeat:no-repeat; background-color:transparent; background-position-x:-3px; border:0; outline:0; cursor:pointer; }
.gb_box button:nth-child(odd) { margin-left:60px; }
.gb_en { background-position-y:-33px; }
.gb_ch { background-position-y:-63px; }
.gb_kr { background-position-y:-93px; }
.gb_jp { background-position-y:-123px; }
.gb_vn { background-position-y:-153px; }
.global .gb_box { display:none; }


/* 	gnb style 수정 (2020-10-28)
   -----------------------------------------------------------------------------
	gnb hover 2depth 추가 (2020-07-22 / 23) 
	서브페이지의 기존 서브메뉴 구조/스타일을 참고하여 사용 (sticky 스크립트가 적용되는 걸 방지하기 위해 수정)   */

/* gnb 메뉴 디자인 변경 2020-10-28 */
.gnb_box { height:50px;background-color:#0079c2;border-top:0 solid #f3f3f5;border-bottom:0 solid #d1d8e4; position:relative; 
			background: rgb(203,25,186); background: linear-gradient(90deg, rgba(0,121,194,1) 50%, rgba(203,25,186,1) 50%); }
.gnb { width:1080px; height:50px; margin-left:auto; margin-right:auto; font-size:0; }
.gnb .dep1 { position:relative; display:inline-block; width:200px; height:100%; vertical-align:top; text-align:center; background-color:#0079c2; }
/* 미국민원/중국민원 메뉴 폭 재조정*/
#dep1 { width:170px; }
#dep1 strong { text-indent:1em; }
#dep2 { width:230px; }
#dep4,
#dep5 { width:140px; }

.gnb .dep1:nth-child(3) ~ .dep1 { background-color:#cb19ba; }

.gnb .dep1 a { display:block; width:100%; height:50px; color:#fff; letter-spacing:-0.05em; white-space:nowrap; }
.gnb .dep1 strong { position:absolute; top:50%; left:50%; letter-spacing:-0.1em; transition:all 0.1s; 
					transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); }
.gnb .dep1:hover strong,
.gnb .dep1.on strong { color:#ffee00; }

.gnb .dep1 .mn { font-size:16px; }
.gnb .dep1 .hv { font-size:15px; }
.gnb .dep1 .hv,
.gnb .dep1:hover .mn,
.gnb .dep1.hv2 .mn { opacity:0; }
.gnb .dep1:hover .hv,
.gnb .dep1.hv2 .hv { opacity:1; }
.gnb:before,
.gnb:after { position:absolute; left:50%; top:6px; z-index:1; }
.gnb:before { content:url('../img/gnb_img_left.png'); margin-left:-555px; }
.gnb:after { content:url('../img/gnb_img_right.png'); margin-left:540px; }


/*** 2depth area style start ***/

.depth2hover { position: absolute; width: 100%; left: 0; top:50px; /*z-index:12;*/ }
.depth2_wrap { letter-spacing:-1px; Background-color:#fff; }
.depth2_wrap .container {  }
.depth2_wrap li { display:block; position:relative; float:left; }
.depth2_wrap li a { display:block; box-sizing:border-box; height: 46px; border-bottom:3px solid transparent; padding-top:12px; color:#777; }
.depth2_wrap li.active a,
.depth2_wrap li a:hover { font-weight:bold; color:#3a3a3a; }

.depth2hover .navbar-nav { box-sizing:border-box; }
.depth2hover .navbar-nav,
.depth2hover .navbar-nav > li { float:none; }
.depth2hover .navbar-nav > li { display:inline-block; vertical-align:top; text-align:center; }

@media only screen and (min-width: 768px) { /* sub page navbar.less 스타일 초기화 */
	.navbar-nav > li { display:inline-block; }
	.navbar-nav,
	.navbar-nav > li  { float:none; }
}


/* 2depth 메뉴(그 외 해외 국가 민원신청) 재정렬 */
.depth2hover .dps06.navbar-nav, 
.navbar-default3 .navbar-nav { text-align:right; } /* 그 외 해외국가 민원 신청 */

/* 2depth hover style - hover text color */
.depth2_wrap .dps01 li.active > a,
.depth2_wrap .dps01 li > a:hover { border-bottom-color:#ffb700; }
/* .depth2_wrap .dps02 li.active > a,
.depth2_wrap .dps02 li > a:hover { border-bottom-color:#01c1ff; }
.depth2_wrap .dps04 li.active > a,
.depth2_wrap .dps04 li > a:hover { border-bottom-color:#d81a0e; } */
.depth2_wrap .dps06 li.active > a,
.depth2_wrap .dps06 li > a:hover { border-bottom-color:#cc1aba; }

.depth2_bdb { position:absolute; bottom:-1px; left:0; right:0; display:block; height:1px; background-color:#000; } /* depth2 border bottom (jquery add) */

/* main 2depth menu area border-bottom */
.dps01 .depth2_bdb,
.dps02 .depth2_bdb,
.dps03 .depth2_bdb { background-color:#428bca; }
.dps04 .depth2_bdb,
.dps05 .depth2_bdb,
.dps06 .depth2_bdb { background-color:#cb19ba; }
/* sub 2depth menu area border-bottom */
.sticky-wrapper:not(.is-sticky) .navbar-default,
.sticky-wrapper:not(.is-sticky) .navbar-default1,
.sticky-wrapper:not(.is-sticky) .navbar-default2 { border-bottom-color:#428bca; }
.sticky-wrapper:not(.is-sticky) .navbar-default3,
.sticky-wrapper:not(.is-sticky) .navbar-default4 { border-bottom-color:#cb19ba; }

/* 2depth 영역 */
.navbar-default { border-bottom:1px solid #d1d8e4; letter-spacing:-1px; background-color:#fff; }
.navbar-default .navbar-nav > li > a { height:45px; border-bottom:3px solid Transparent; padding-top:12px; }
.is-sticky .navbar-default .navbar-nav > li > a { color:#fff; }

.nav > li > a:hover,
.nav > li > a:focus { background-color:Transparent; }
.navbar-default .nav > li > a:hover { color:black; font-weight:bold; border-bottom:3px solid #ffb700; }
.navbar-default2 .nav > li > a:hover { color:black; font-weight:bold; border-bottom:3px solid #01c1ff; }
.navbar-default3 .nav > li > a:hover { color:black; font-weight:bold; border-bottom:3px solid #cc1aba; }
.navbar-default4 .nav > li > a:hover { color:black; font-weight:bold; border-bottom:3px solid #d81a0e; }


.navbar-default2 { border-bottom:1px solid #d1d8e4; letter-spacing:-1px; Background-color:white; }

.navbar-default2 .navbar-nav > li > a {  height: 48px;  border-bottom:3px solid Transparent;  padding-top:12px;  color:#777777; }

.is-sticky .navbar-default2 .navbar-nav > li > a { color:white; }

.navbar-default3 { border-bottom:1px solid #d1d8e4; letter-spacing:-1px; Background-color:white; }
.navbar-default3 .navbar-nav > li > a { height: 48px; border-bottom:3px solid Transparent; padding-top:12px; color:#777777; }

.is-sticky .navbar-default3 .navbar-nav > li > a { color:white; }

.navbar-default4 { border-bottom:1px solid #d1d8e4; letter-spacing:-1px; Background-color:white; }

.navbar-default4 .navbar-nav > li > a { height: 48px; border-bottom:3px solid Transparent; padding-top:12px; color:#777777; }
.is-sticky .navbar-default4 .navbar-nav > li > a { color:white; }

header .is-sticky nav.navbar { background:#333; }
header .is-sticky nav.navbar li.active a { color:#3a3a3a; font-weight:bold; }
header .is-sticky nav.navbar [class*="navbar-default"] .navbar-nav > li > a { height: 45px; border-bottom:3px solid Transparent; padding-top:12px; }

header [class*="navbar-default"] .navbar-nav > .active > a,
[class*="navbar-default"] .navbar-nav > .active > a:hover,
[class*="navbar-default"] .navbar-nav > .active > a:focus { color: #3a3a3a; font-weight:bold; background-color:Transparent; }
header .navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { border-bottom:3px solid #ffb700; }
header .navbar-default2 .navbar-nav > .active > a,
.navbar-default2 .navbar-nav > .active > a:hover,
.navbar-default2 .navbar-nav > .active > a:focus { border-bottom:3px solid #01c1ff; }
header .navbar-default3 .navbar-nav > .active > a,
.navbar-default3 .navbar-nav > .active > a:hover,
.navbar-default3 .navbar-nav > .active > a:focus { border-bottom:3px solid #cc1aba; }
header .navbar-default4 .navbar-nav > .active > a,
.navbar-default4 .navbar-nav > .active > a:hover,
.navbar-default4 .navbar-nav > .active > a:focus { border-bottom:3px solid #cb19ba; }

header .is-sticky [class*="navbar-default"] .navbar-nav > .active > a,
.is-sticky [class*="navbar-default"] .navbar-nav > .active > a:hover,
.is-sticky [class*="navbar-default"] .navbar-nav > .active > a:focus { font-weight:bold; background-color:#333; border-bottom:3px solid Transparent; }
header .is-sticky .navbar-default .navbar-nav > .active > a,
.is-sticky .navbar-default .navbar-nav > .active > a:hover,
.is-sticky .navbar-default .navbar-nav > .active > a:focus { color:#ffb700; }
header .is-sticky .navbar-default2 .navbar-nav > .active > a, 
.is-sticky .navbar-default2 .navbar-nav > .active > a:hover, 
.is-sticky .navbar-default2 .navbar-nav > .active > a:focus { color:#01c1ff; }
header .is-sticky .navbar-default3 .navbar-nav > .active > a, 
.is-sticky .navbar-default3 .navbar-nav > .active > a:hover, 
.is-sticky .navbar-default3 .navbar-nav > .active > a:focus { color:#cc1aba; }
header .is-sticky .navbar-default4 .navbar-nav > .active > a, 
.is-sticky .navbar-default4 .navbar-nav > .active > a:hover, 
.is-sticky .navbar-default4 .navbar-nav > .active > a:focus { color: #d81a0e; }

.is-sticky [class*="navbar-default"] .nav > li > a:hover { border-bottom:3px solid Transparent; }
.is-sticky .navbar-default .nav > li > a:hover { color:#ffb700; }
.is-sticky .navbar-default2 .nav > li > a:hover { color:#01c1ff; }
.is-sticky .navbar-default3 .nav > li > a:hover { color:#cc1aba; }
.is-sticky .navbar-default4 .nav > li > a:hover { color:#d81a0e; }

.nav-tabs > li > a { border-radius:0; }


/*-------------- Footer --------------*/
.footer_items { border-top:1px solid #bebebe; border-bottom:1px solid #d1d8e4; border-bottom:; background-color:#fff; }
.footer_items > ul { display:flex; width:1080px; line-height:50px; margin:0 auto; font-size:12px; letter-spacing:-1px; }
.footer_items > ul li {  }
.footer_items > ul li + li:not(.family_site):before { content:''; display:inline-block; margin:0 7px 0 9px; vertical-align:middle; width:1px; height:10px; background-color:#e8e9ec; }
.footer_items > ul li > a { color:#888; }
.footer_items > ul li > a[href=*"pc_mode=off"] { color:red; font-weight:bold; }

.footer_area { padding-bottom:1px; background-color:#fff }
.footer_container { position:relative; margin:0 auto; width:1080px; padding-top:15px; }
.footer_quick { position:absolute; right:0; top:10px; display:flex; gap:10px; } /* 좌우 퀵배너 푸터로 이동 2022-12-05 - 배달의민원TV / 라디오 광고듣기 / 블로그&포스트 */
.footer_quick a { display:block; }

.footer_inner { font-size:12px; color:#888; }

.footer_logoBg { width:100%; background-color:#fbfcfc; overflow:auto; border-top:1px solid #c5c6c6; padding-bottom:10px}
.footer_logo { width: 1080px; margin:0 auto; }
.footer_logo ul { border-top:1px solid #dce0e0; overflow: auto; margin:0; padding: 0;}
.footer_logo ul.border0 {border-top:0}
.footer_logo ul li {float:left; list-style:none}

.footer_info { display:flex; margin-top:5px; }
.footer_info li {}
.footer_info li:first-child b { display: block; padding-left:17px; background:url(../img/icon_home.gif) 0 1px no-repeat; }
.footer_info li b a { display:inline-block; line-height:1; padding-bottom:2px; color:#0134d9; border-bottom:1px solid #0134d9;  }
.footer_info li b a:hover { color:orange; border-bottom-color:orange; }
.footer_info li + li:before { content:''; display:inline-block; margin:0 7px 0 9px; vertical-align:middle; width:1px; height:10px; background-color:#e8e9ec; }

.dpt_box,
.dpt_box:after,
.dpt_box li,
.dpt_box li * { display:block; }
.dpt_box { width:840px; margin-top:30px; display:flex; flex-wrap:wrap; }
.dpt_box li { box-sizing:border-box; width:25%; height:80px; font-size:0; }
.dpt_box li * { line-height:1; }
.dpt_box strong { font-size:12px; color:#333; }
.dpt_box b { margin:10px 0 7px; font-size:16px; }
.dpt_box i { font-size:12px; color:#4d4d4d; font-style:normal; font-weight:normal; cursor:pointer; }
.dpt_01 { color:#d90022; }
.dpt_02 { color:#009900; }
.dpt_03 { color:#8600a8; }


.txt-slider { width:350px; }
.txt-slider-item b { display:block; color:#000; padding-bottom:10px; }

.copyright { margin:-7px 0 35px; }
.copyright p { display:flex; }
.copyright a,
.copyright > * { color:#888; }



/*-------------- 퀵배너(윙배너) --------------*/
.affix_area_left { position:absolute; left:-90px; top:0; width:70px; }
[class*="affix_area_"] a { display:block; }

.affix_bn { margin-bottom:10px; }
.affix_bn.wt { display:block;margin-top:15px;text-align:center } /* 웹툰 */

/* 좌측 퀵배너 - 수출바우처 추가 */
.exp_bn { overflow:hidden; width:92px; height:301px; margin:17px 0 0 -10px; box-sizing:border-box; border-radius:15px; }
.exp_bn a { position:relative; display:block; height:100%; box-sizing:border-box; padding-top:1px; font-size:0; }
.exp_bn img { display:block; animation-iteration-count:1; animation-fill-mode:forwards; }
img[class^="mw_qbn_txt0"],
.mw_pbn_sea { opacity:0; margin-left:auto; margin-right:auto; animation-name:fadeIn; animation-duration:2s; }
img[class^="mw_qbn_txt0"] { z-index:1; }
.mw_pbn_sea { position:absolute; left:0; top:0; z-index:0; animation-delay:0.5s; }
.mw_qbn_txt01 { margin-top:16px; margin-bottom:5px; animation-delay:2s; }
.mw_qbn_txt02 { animation-delay:3s; }
.mw_qbn_ship { position:absolute; left:-2px; top:100%; 
    /* animation-timing-function:cubic-bezier(0.83, 0, 0.17, 1); */
    animation-timing-function:cubic-bezier(0.64,.37,.17,1); animation-name:ship; animation-delay:2s; animation-duration:3.3s;
}
@keyframes ship {
    from { top:100%; }
    to { top:122px; }
}
@keyframes fadeIn {
  from { opacity:0; }
  to { opacity:1; }
}
/* 좌측 퀵배너 - 학위검증 서비스 배너 (수출 바우처와 사이즈가 같아 위치 조정이 필요함) */
.affix_bn.degree { position:relative; width:94px; height:303px; margin:10px 0 0 -15px; }
.affix_bn.degree img { position:absolute; left:0; top:0; display:block; animation-timing-function:cubic-bezier(0,0.99,0.38,1); cursor:pointer; }
/*
.fade_img_01 { animation:fade1 5s infinite; }
.fade_img_02 { animation:fade2 5s infinite; }

@keyframes fade1 {
  0% { opacity:0; }
  50% {	opacity:1; }
  100% { opacity:0; }
}
@keyframes fade2 {
  0% { opacity:1; }
  50% {	opacity:0; }
  100% { opacity:1; }
}
*/

/* 우측 퀵배너 */
.affix_area_right { position:absolute; right:-120px; top:0px; width:100px; }
/* 장바구니 버튼 */
.afx_cart { position:relative; cursor:pointer; }
.afx_cart_count { position:absolute; top:16px; right:27px; width:18px; height:20px; line-height:20px; letter-spacing:-1px; font-size:12px; color:#ffe600; font-weight:normal; text-align:center; cursor:pointer; }
.afx_cart img { display:block; }
/* 서비스후기 작성하기 메인 배너 수정 2020-06-09 */
.quick_wrap { position:relative; width:100px; padding:1px; margin-top:10px; border-radius:13px 13px 17px 17px; background-color:#e19400; }
.quick_5, .quick_5 span, .quick_5 img { display:block; }
.quick_5 span, .quick_5 span img, .quick_5 em { position:absolute; font-style:normal; }
.quick_5 span { left:10px; top:35px; }
.quick_5 em { text-align:right; left:20px; width:47px; text-align:center; font-size:28px; line-height:28px; letter-spacing:-2px; font-weight:bold; font-weight:900; font-family:'nanumgothic'; color:#381e1f; }
.quick_5 em i { font-size:15px; font-style:normal; margin-left:3px; }
.quick_5 span img { width:63px; height:auto; top:31px; }
.afx_partner { margin:10px 0 -5px -13px; }/* 파트너센터 바로가기 배너 */
.afx_faq { margin:10px 0 0 0; } /* Q&A배너 */


/* 나의 장바구니 팝업 */
.popover.left > .arrow {  }

.affix_popover,
.affix_popover_arrow,
.affix_popover_arrow:after { position:absolute; }
.affix_popover { left:-340px; top:0; box-sizing:border-box; width:324px; border:3px solid #007ac5; border-radius:15px; box-shadow:0 5px 10px rgba(0, 0, 0, .2); background-color:#fff; z-index:9999; }
.affix_popover_arrow,
.affix_popover_arrow:after { border-style:solid; border-width:10px 0 10px 10px; border-color:transparent; }
.affix_popover_arrow { top:50px; right:-11px; margin-top:-11px; border-left-color:#999; }
.affix_popover_arrow:after { content:''; right:1px; bottom:-10px; border-left-color:#fff; }

.popover_title { box-sizing:border-box; display:flex; justify-content:space-between; align-items:center; margin:10px 14px 0; padding:0 5px 5px; border-bottom:1px solid #007ac5; border-radius:15px 15px 0 0; background-color:#fff; }
.popover_title strong { font-size:15px; color:#007ac5; }
.popover_title button { padding:5px 0; font-size:13px; letter-spacing:-1px; color:#007ac5; border:0; background:transparent; cursor:pointer; }

.popover_content { overflow-y:auto; width:calc(100% - 30px); height:234px; margin:0 auto; color:#000; }
/* 담긴 상품 목록 */
.popover_row { display:flex; flex-wrap:wrap; align-items:start; padding:12px 0 10px; letter-spacing:-1px; border-bottom:1px solid #eee; }
.popover_row:after { content:''; visibility:hidden; display:block; clear:both; }
.popover_row p { margin:0; }
.affix_item { flex:1; }
.affix_item p:first-child { }
.affix_item p:nth-child(2) { font-size:0.9em; color:#828282; }
.affix_qty { flex:0 0 40px; width:40px; text-align:center; }
.affix_discount { line-height:1.2; color:red; }
.affix_discount b { display:block; }
.affix_price { flex:0 0 80px; width:80px; text-align:right; }
.affix_price * { display:block; margin:0 0 5px; padding-right:10px; }

.affix_price .dis { background-color:#ffff66 } /* 할인 */
.affix_charges { width:100%; margin-top:5px; font-size:12px; color:#a4a1a1; }
.affix_charges li:before { content:''; display:inline-block; width:14px; height:14px; vertical-align:middle; background:url(/img/arr2.png); }
.affix_del { flex:0 0 30px; width:30px; }

/* 장바구니에 담긴 민원이 없습니다. */
.affix_noitem { padding:13px 0; text-align:center; letter-spacing:-1px; color:#838383; font-size:14px; }
.affix_noitem p { margin:12px 0 0; }

/* 기타 체크사항 */
.orderbutton { width:calc(100% - 30px); margin:0 auto; padding:5px 0 1px; border-top:1px solid #007ac3; }
.order_special { padding:1px 0; }
.order_special label { display:block; margin:7px 0 0; font-weight:normal; color:#000; cursor:pointer; }
.order_special input[type="checkbox"] { width:20px; height:20px; margin:0; vertical-align:middle; cursor:pointer; }
/* 총금액 */
.affix_allprice { padding-top:20px; font-weight:bold; }
.affix_allprice b { margin-right:10px; color:#017ac1;letter-spacing:-1px;font-size:1.1em; }
/* 결제버튼 */
.affix_payment { text-align:center; }
.affix_payment button { background-color:#007dd8;border:0px;width:100%;height:48px;margin:0;border-top-left-radius:0px;border-top-right-radius:0px; }

/*-------------- Main --------------*/

.main_container:before { content:''; display:block; height:25px; }

.main_subttl { margin-top:30px; font-size:23px; letter-spacing:-0.03em; font-weight:400; }
.main_subttl a { color:#000; }

/* Carousel */
.shop__slideshow { width:1080px; margin-top:0; margin-bottom: 0px; }
.shop__slideshow .carousel-inner .item__container { display:table; width:100%; height:100%; }
.shop__slideshow .carousel-inner .item-container__inner { display:table-cell; vertical-align:middle; }
.shop__slideshow .carousel-inner .item { width:100%; height:400px; }
.shop-slideshow__control { display:block; position:absolute; top:50%; left:30px;  width:30px; height:70px;
  -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
  -webkit-transition:opacity 0.3s;  -o-transition:opacity 0.3s; transition: opacity 0.3s; 
}
.shop-slideshow__control[data-slide="next"] { left:auto; right: 45px; }
.carousel-indicators .active { width:17px; height:12px; background-color:#333; }
.carousel-indicators li { width:15px; height:10px; border:solid 1px #333; }


/* 바로가기 링크 영역 수정 2021-12-27 */
.main_b { width:1080px; }
.main_b ul { display:flex; justify-content:space-around; align-items:center; height:126px; padding:0 15px; border:1px solid #e6e7e9; background-color:#fff; }
.main_b a,
.main_b span,
.main_b span:before { display:block; }
.main_b a { height:80px; }
.main_b span { letter-spacing:-0.05em; font-size:14px; text-align:center; color:#444; }
.main_b span:before { content:''; margin:0 auto 5px; width:62px; height:53px; background-position:center center; background-repeat:no-repeat; }
.main_b_1 span:before { background-image:url(../img/main_b_icon-r1.png); }
.main_b_2 span:before { background-image:url(../img/main_b_icon-r2.png); }
.main_b_3 span:before { background-image:url(../img/main_b_icon-r3.png); }
.main_b_4 span:before { background-image:url(../img/main_b_icon-r4.png); }
.main_b_5 span:before { background-image:url(../img/main_b_icon-r5.png); }
.main_b_6 span:before { background-image:url(../img/main_b_icon-r7.png); }
.main_b_7 span:before { background-image:url(../img/main_b_icon-r8.png); }
.main_b_8 span:before { background-image:url(../img/main_b_icon-r6.png); }
.main_b_9 span:before { background-image:url(../img/main_b_icon-r9.png); }

/* FAMILY SITE */
/*
.family_site li {float:left; width:25%; list-style:none; margin:10px 0 0; position:relative}
.family_site li:before {content:""; position:absolute; top:0; left:0; bottom:0; border-left:1px solid #f3f4f8}
.family_site li:first-child:before {display:none}
*/
.family_site2 { display:flex; margin:10px 0 0 2px; }
.family_site2 li { position:relative; box-sizing:border-box; width:270px; height:97px; padding:0 0 0 20px; letter-spacing:-0.05em; background-color:#61c2d2; background-repeat:no-repeat; }
.family_site2 li:not(:first-child)::before { content:''; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#f3f4f8; }
.family_site2 li:first-of-type { background-image:url(../img/new_01_back.png); background-position:calc(100% - 21px) 5px; }
.family_site2 li:nth-of-type(2) { background-image:url(../img/new_02_back.png); background-position:calc(100% - 17px) 6px; }
.family_site2 li:nth-of-type(3) { background-image:url(../img/new_03_back.png); background-position:calc(100% - 15px) 6px; }
.family_site2 li:nth-of-type(4) { background-image:url(../img/new_04_back.png); background-position:163px 6px; }
.family_site2 strong { display:block; margin:25px 0 10px; line-height:1; font-size:16px; color:#fff; text-shadow:0 0.01em 2px rgba(0,0,0,0.5); }
.family_site2 a { overflow:hidden; position:relative; display:inline-block; width:57px; height:18px; line-height:19px; padding-left:5px; font-size:11px; color:#fff; }
.family_site2 a:after { content:''; position:absolute; right:2px; top:6px; display:block; border-width:3px; border-style:solid; border-color:transparent transparent transparent #fff; }
.family_site2 a:nth-of-type(2) { background-color:#00505c; }
.family_site2 a:first-of-type { background-color:#747474; }

/* 19 -03-22 앱 부분 추가 */
.app_area { display:flex; justify-content:space-between; margin:30px 0 0; }
/* 메인 앱 배너 영역 수정&추가 2022-03-15 */
.app_area01 { position:relative; }
.app_area01 button { position:absolute; top:89px;  border:0; padding:0; background-color:transparent; z-index:1; }
.app_area01 button img { display:block; }
.app_area01 .app_btn01 { left:23px; }
.app_area01 .app_btn02 { left:138px; }
.app_area02 {  }
.app_area02 a { display:block; }

/* --- 클라이언트 로고 캐러셀 영역 --- */
.logo_carousel iframe { overflow:hidden; width:100%; height:100px; }
.logo_carousel_top { display:table; width:100%; }
.logo_carousel_top > div { display:table-cell; }
.logo_carousel_top > div:first-child { text-align:left; }
.logo_carousel_top > div:nth-child(2) { text-align:right; }
.logo_carousel { overflow:hidden; width:100%; height:100px; border-left:1px solid #e6e7e9; border-right:1px solid #e6e7e9; }

/* 기업 슬라이더 하단 구분선 */
.img_line { display:block; clear:both; margin-top:20px; margin-bottom:25px; } 


/* --- 게시물 미리보기 & 고객센터 --- */

.info_area { display:flex; justify-content:space-between; width:1080px; margin-bottom:35px; }

.preview_box,
.customer_center { box-sizing:border-box; float:left; width:calc(100% / 3 - 15px); height:180px; }

/* 게시글 미리보기 탭 */
.preview_box {  }
/* 탭 버튼 */
.preview_tab:after { display:block; content:''; clear:both; visibility:hidden; }
.preview_tab li { float:left; width:50%; }
.preview_tab li a { display:block; padding:10px 15px; box-sizing:border-box; font-weight:bold; color:#838383; border-width:1px 1px 0 1px; border-style:solid; border-color:#c6c7cb; border-top-left-radius:12px; border-top-right-radius:12px; background-color:#eee; }
.preview_tab li.active { }
.preview_tab li.active a { color:#fff; border-color:#3aa1d5; background-color:#3aa1d5; }
.preview_box ~ .preview_box .preview_tab li.active a { border-color:#59bfea; background-color:#59bfea; } /* 두번째 탭 컬러 변경 */
/* 탭 컨텐츠 */
.tab-content { background-color:white;height:139px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd; }
.tab-pane { padding:20px 15px 10px; }
.notice li { padding: 2px 0; }
.notice li a { color: #444; font-size:10pt; }
.notice li.date { float: right; font-family: Arial; font-size: 9px; color: #999; margin-top:3px; }
.tab-pane .clr { display:none; } /* 이전 작업의 흔적 - 개발에서 만든 엘리먼트라 삭제하지 못하고 숨김 */

/* 고객센터 */
.customer_center { padding:25px 30px; line-height:1; background-color:#dceffe; }
.customer_center b { display:block; margin:8px 0 11px; line-height:1; }
.customer_center mark { background-color:transparent; font-weight:400; font-size:14px; color:#444; }
.customer_center mark i { font-style:normal; font-size:16px; font-weight:800; color:#e60012; }
.customer_center mark span { font-size:21px; }
.cc_ttl { font-size:13px; font-weight:700; font-style:normal; }
.cc_number { display:block; margin:5px 0; font-size:38px; font-weight:700; }
.cc_time { display:block;  font-size:14px; color:#000; margin:10px 0 5px; font-weight:700; line-height:1; }
.cc_time small { display:block; margin-top:8px; font-size:12px; font-weight:300; color:#636363; }
.cc_365 { margin:12px 0 0; font-size:15px; color:#0071ca; font-weight:700; }
.department li { display:inline-block; min-width:125px; margin-top:5px; vertical-align:top; font-size:12px; color:#666; }
.department strong { color:#4f4e4e }
.department li:nth-child(odd):after { content:'\007C'; margin-left:4px; }










.popup_btn {position: absolute; left: 204px; top:58px; width:205px; height:43px; cursor:pointer; border:0; padding:0; background:transparent}
.popup_btn.type02 {left:444px}
.popup_btn.type03 {left:185px}
.popup_btn.type04 {left:212px}
.popup_btn.type05 {left:335px}


.dim_layer {display: none; position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 10;}
.dim_layer .dimBg {position: absolute; top: 0; left: 0;  width: 100%;  height: 100%;  background: #000;  opacity: .5;  filter: alpha(opacity=50);}

.pop_layer {position: fixed; top:200px; left: 50%; border:1px solid #c1ccd5; background-color:#f5f5f5; width:1020px; margin:0 0 0 -510px; z-index: 10; }
.pop_layer .pop_conts {padding:0}
.pop_layer > .pop_close {position: absolute; top: -23px; right: -23px; cursor: pointer; display:block}
.pop_container {overflow: auto; overflow-x: hidden;}

.pop_header {background-color: #f5f5f5; border-bottom: 0;  text-align: left;  font-size: 30px;  font-weight: 600;  height: auto;  line-height: 1;  margin: 40px 0 0 20px;}
.pop_headerIn {position:relative;}


.movieBox {position:absolute; bottom:75px; left:85px; z-index:10}
.movieBox ul li {float:left; margin:0 10px 0 0; list-style:none}





.category{
  padding:0;
}










/* 19-06-07 마이페이지 버튼 부분 추가 */

.bu_confirm {margin: 5px 0 0; width:100px; height:22px; line-height:22px; display:inline-block; background-color:#ff8125; color:white; font-size:11px; border:0; border-radius:3px}

.buttonBox {text-align:center}
.blue_btn {width: 100px;  height: 43px; line-height: 43px; background-color: #2a5dbf;  color: white; font-size: 16px;   font-weight: 500; display: inline-block; margin: 0; cursor:pointer}


/* 19-06-26 고객의 소리 */

.voiceBox {background-color:white; border-top:4px solid #ff6666; padding:0 30px 30px}
.voiceBox .main_txt {font-size:30px; margin:30px 0 25px; font-weight:bold; text-align:center; line-height:1} 
.voiceBox .main_txt span {display:inline-block; margin:0 10px 0 0}
.voiceBox .sub_txt {color:#333; font-size:14px; font-weight: 500; margin:0; text-align:center }

.table_voice {width:100%; margin:35px 0 0; border:1px solid black}
.table_voice tbody tr th {background-color:#f3f4f8; border-bottom:1px solid #aaaaad; color:black; font-size:16px; text-align:center; font-weight:600; padding:18px 0}
.table_voice tbody tr td {padding:18px 10px; border-bottom:1px solid #aaaaad;  border-left:1px solid #b2b2b2; color:black}

.textareaBox {margin:0 9px}
.textareaBox  textarea {width:100%; resize:none; border:1px solid #626262}

.w30 {width:30%}
.w60 {width:60%}

.service_Form {display:inline-block; width:100%; margin:45px 0 0}
.service_Form > ul {padding:0}
.service_Form > ul > li {margin:0 0 20px; list-style:none}
.service_Form .Form_Area {width:100%; display:inline-block;position:relative;background-color:#f2f2f7;border-radius:5px; padding:18px 0; min-height:50px} 
.service_Form .Form_Area.date {width:auto; padding: 0 15px 0 0;}
.service_Form .Form_Area.grayBg {background-color:#d0d1d3}
.service_Form .Form_name {position:absolute; top:50%; margin:-11px 0 0; left:20px; font-size:16px; color:black; font-weight:500}
.service_Form .Form_name .txt_red {color:#cc3300; font-size:12px;}

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

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


.vitem_list {padding:0; margin:0}
.vitem_list li {list-style:none; margin:10px 0 0}
.vitem_list li:first-child {margin:0}

.service_list {display:inline-block; width:100%;  padding: 0; margin:0}
.service_list li {float:left; margin:0 20px 0 0; list-style:none}
.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{height:22px; font-weight: 400; cursor:pointer; display:inline-block; background:url('../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('../img/checkBox_on.png') no-repeat left center; }

.agree_chkBox {text-align:center; margin:0 0 10px}
.agree_chkBox input[type="checkbox"]:not(old){width:0; height:0; margin:0; padding:0; opacity:0;}
.agree_chkBox input[type="checkbox"]:not(old) + span, .agree_chkBox input[type="checkbox"]:not(old) + label{height:22px; font-weight: 400; cursor:pointer; display:inline-block; background:url('../img/checkBox.png') no-repeat left center;  padding: 0 0 0 28px;  font-size: 15px;}
.agree_chkBox input[type="checkbox"]:not(old):checked + span, .agree_chkBox input[type="checkbox"]:not(old):checked + label {background:url('../img/checkBox_on.png') no-repeat left center; }
  
.service_txt {font-size:14px; color:black; margin:0}

.starR {background: url("../img/voice_star.png") no-repeat; width:28px; height:28px;display: inline-block; text-indent: -9999px; cursor: pointer;}
.starR.on {background: url("../img/voice_star_on.png") no-repeat; }

.file_Con {border:1px dashed #aaaaaa; padding:20px}
.file_Con ul li {position:relative; margin:10px 0 0}
.file_Con ul li:first-child {margin:0}
.file_Con ul li span.label {position:absolute; left:0; top:10px; font-size:14px; color:black; font-weight:bold}
.file_Con .brown_ex {margin:10px 0 15px 120px}

.fileBox {position:relative;display:inline-block;}
.fileInput {display:inline-block;width:200px;  height: 31px; vertical-align: middle;}

.fileBox .upload_name {display: inline-block; color:black; vertical-align: middle;  background-color:white; border: 0; padding:5px 5px 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none;  font-size: 14px; width: 100%; height:33px; line-height:33px}
.uploadBox input[type="file"] {position: absolute;	width: 1px;	height: 1px;	padding: 0;	margin: -1px;	overflow: hidden;	clip:rect(0,0,0,0);	border: 0;}
.uploadBox {display: inline-block;margin: 0 0 0 10px;vertical-align: middle;}
.uploadBox label {display: inline-block;margin: 0; vertical-align: middle;cursor: pointer;width: 130px;line-height:31px;text-align: center;background-color: #656565;font-size: 15px;color:white; transition:0.3s all ease; border-radius: 5px;border:1px solid #656565;font-weight: 400;}
.uploadBox label:hover {background-color:White; color:#656565}

.file_info_txt {color:black; font-size:15px; display:inline-block; vertical-align:middle; margin:0 0 0 5px}

.file_txt {color:#cc0000; font-size:14px; margin:5px 0 0}

.ser_ButtonBox {margin: 15px 0 0;text-align:center;}
.s_white_btn {width:128px;height:38px;line-height:38px;background-color:White;font-size:16px;font-weight:500;color:black;border:1px solid #818181;border-radius:5px;transition:0.3s all ease;margin: 4px;}
.s_white_btn:hover {background-color:black; color:white}
.s_blue_btn {width:128px; height:38px; line-height:38px; background-color:#0079c3;  font-size:16px; font-weight:500; color:white; border:1px solid #0079c3; border-radius:5px; transition:0.3s all ease}
.s_blue_btn:hover {background-color:white; color:#0079c3}


.star-input>.input,
.star-input>.input>label:hover,
.star-input>.input>input:focus+label,
.star-input>.input>input:checked+label{
	display: inline-block;
	vertical-align: top;
	background: url("../img/star_long.png") no-repeat;
}

.star-input>.input>label:hover,
.star-input>.input>input:focus+label,
.star-input>.input>input:checked+label{
	background: url("../img/star_long_on.png") no-repeat;
}

.star-input{
	white-space: nowrap;
}
.star-input>.input{
	display:inline-block;
	width: 118px;
	height: 24px;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}
.star-input>.input>input{
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.star-input>.input>label{
	width: 10px;
	height: 0;
	padding: 20px 0 0 0;
	overflow: hidden;
	float: left;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
}

.star-input>.input>label:hover~label{
	background-image: none;
}
.star-input>.input>label[for="p1"]{ 
	width: 11px;
	z-index: 10;
}
.star-input>.input>label[for="p2"]{ 
	width: 23px;
	z-index: 9;
}
.star-input>.input>label[for="p3"]{ 
	width: 34px;
	z-index: 8;
}
.star-input>.input>label[for="p4"]{ 
	width: 46px;
	z-index: 7;
}
.star-input>.input>label[for="p5"]{ 
	width: 58px;
	z-index: 6;
}
.star-input>.input>label[for="p6"]{ 
	width: 70px;
	z-index: 5;
}
.star-input>.input>label[for="p7"]{ 
	width: 81px;
	z-index: 4;
}
.star-input>.input>label[for="p8"]{ 
	width: 93px;
	z-index: 3;
}
.star-input>.input>label[for="p9"]{ 
	width: 105px;
	z-index: 2;
}
.star-input>.input>label[for="p10"]{ 
	width: 119px;
	z-index: 1;
}


/* EOD : 고객의 소리  */


/* 19-06-27 주차장 안내 */

.ac {text-align:center}

.parkBox {margin:10px 0 0}
.park_main_txt {color:#333; font-size:30px; font-weight:bold}
.park_sub_txt {color:#222;font-size: 16px; margin: 0 0 20px;}
.park_fot_txt {color:#222; font-size:13px; margin: 0 0 20px;}

.park_tableBox {width:100%;}
.park_table {width:695px; margin-bottom:10px;border: 1px solid #646464;}
.park_table thead tr th {background-color: #e2e2e2;border-left: 1px solid #a3a3a3;font-weight:400;text-align: center;padding: 10px 0;color: #555;font-weight: 500;font-size: 12px;}
.park_table thead tr th:first-child {border-left:0}
.park_table thead tr td {padding: 5px; text-align:center}
.park_table tbody tr td {padding: 5px;border-left: 1px solid #a3a3a3;border-top: 1px solid #b1b1b1;color: #333;font-size: 13px;}
.park_table tbody tr td:first-child {border-left:0}

/* EOD : 주차장 안내 */


/* 19-08-06 메인 비디오 영역 작업 */

.M_videoBox {background-color:#585e73;  width:533px; height:254px; }
  .M_video_L {width:360px; height:100%; background-color:black; float:left; display:table; overflow:hidden}
  .M_video_L img {width:100%; max-height:203px}
  .M_video_LIn {display:table-cell; vertical-align:middle; position:relative}
  .M_video_LIn:after {display:block; content:""; position:absolute; top:95px; left:50%; width:77px; height:55px; margin:0 0 0 -39px; background:url("../img/youtube_play.png") no-repeat}  

  .M_video_R { width:173px; height:100%; background-color:#505769; display:inline-block}

  .M_videoR_list { height:216px; overflow-y:hidden}
  .M_videoR_list ul li {background-color:#505769; font-size:12px; border-top:1px solid #333; padding:0 15px; line-height:11px; transition:0.2s all ease}
  .M_videoR_list ul li:hover {background-color:#333333}
  .M_videoR_list ul li:first-child {border:0}
  .M_videoR_list ul li a {color: White; white-space: nowrap;  width: 100%;  overflow: hidden; text-overflow: ellipsis; display: inline-block;  padding:11px 0; transition:0.3s all ease}
  .M_videoR_list ul li.on a {color:#95bbf2}

  .M_videoR_more {text-align:right; height:33px; line-height:33px;transition:0.2s all ease}
  .M_videoR_more a {color:#cfa972; display:block; padding:0 20px; font-size:13px}
  .M_videoR_more:hover {background-color:#333333}



.videoP {position:absolute; top:611px; width:100%; height: 612px; background-color:#383845; color:white; z-index:2; outline:1px solid black; display:none;}
  .videoP_L {width:836px; float:left; background-color: #383845;}
    .video_area {height:500px}
    .video_thum {padding:0 54px}

	.video_thum .slick-slide {text-align:center; height:112px;}
	.video_thum .slick-slide p {color: #b2b2b2; font-size: 12px;  margin: 5px 3px 0;  line-height: 1.2; height:28px; overflow: hidden;}
  
    .slick-track {margin:0 0 0 11px}
	.slick-prev {position:absolute; top:40px; left:17px}
    .slick-next {position:absolute; top:40px; right:17px}
    
	.thumBox {display:block; height:100%}

	.thum_img {margin: 15px 0 0; width:86px; height:51px; display: inline-block; border: 2px solid #9a9ea8}
	.thum_img img {width:100%; max-height:46px;}

	.thumBox.on .thum_img , .thumBox:hover .thum_img {border:2px solid #e86264}
	.thumBox.on p , .thumBox:hover p {color:#fa6464}


  .videoP_R {width:243px; height:100%; float:right; position:relative; border-left: 1px solid black} 

  .videoP_close {position: absolute; top:-1px; right: -45px; width: 45px; height: 45px;  line-height: 45px; text-align: center; background-color: #313645;}
 
  .videoName {background-color:#474f6c; color:white; padding: 25px 15px; font-size: 18px;font-weight: 500; line-height: 1.2;}
    .videoNameIn {height:62px; overflow-y: hidden;}

  .videoExplan {color:#e7e7e7; background:#383845; padding:10px 9px 30px 10px; font-size: 13px; height: 437px; overflow-y: auto; line-height:1.4;}
  .videoExplan.no_apply {height:501px}

  .video_apply_btn {position:absolute; bottom:0; left:0; width:100%; height:63px; line-height:63px; background-color:#d33838; text-align:center; font-size:20px; color:white}
  .video_apply_btn:hover {color:white}

.movieP {height:376px; border:1px solid black; background-color: black;}
  .movieL {float:left; width:595px}
  .movieR {float:right; width:248px; height: 100%; position: relative; border-left: 1px solid black;}
  .movieR .videoExplan {height:199px; background-color: #33333b; padding:10px 9px 10px 10px;}
  .movieR .videoExplan.no_apply {height:263px}

.movieList {margin:30px 0 0}
.movieList ul {padding:0; margin:0; overflow:hidden}
.movieList ul li {padding:15px 0; list-style:none; display:inline-block; width:100%; border-top:1px solid #b5b5b5;}
.movieList ul li:last-child {padding-bottom:0}

.movieList_L {float:left; width:155px; margin:0 15px 0 0}
.movieList_L a {width:155px; height:88px; display:block; overflow:hidden; position:relative; border:3px solid white}
.movieList_L a:after {display: block; content: ""; position: absolute; top:29px; left: 50%; width: 36px; height: 26px; margin: 0 0 0 -18px; background: url("../img/mini_youtube_play.png") no-repeat;} 

.movieList_L a:hover {border:3px solid #ff0000;}
.movieList_L img {width:100%; height:100%}

.movieList_R {float:left; width:675px; line-height:1}
.movieList_R .name {color:#007ac3; font-size:14px; margin:5px 0 10px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.movieList_R .day {color:#8e8e8e; font-size:12px; margin:0 0 8px;}
.movieList_R .content {color:#333; font-size:13px; line-height:1.2; height:32px; margin:0; overflow:hidden}

.movieList.type02 {margin:20px 0 0; border-bottom:1px solid #929292; border-top:2px solid black}
.movieList.type02 ul li {border-top:1px dashed #929292}
.movieList.type02 ul li:last-child {padding-bottom:15px}
.movieList.type02 .movieList_R {width:850px; position:relative}
.movieList.type02 .movieList_R .day {position:absolute; top:7px; right:20px; margin:0}
.movieList.type02 .content {height:46px}

.movieList ul li:first-child {border-top:0; padding-top:0}
.movieList.type02 ul li:first-child {padding-top:15px}

.paging {text-align:center; margin:30px 0 25px}
.paging ul {padding:0; margin:0; display:inline-block; overflow:hidden}
.paging ul li {float:left; list-style:none; width:28px; height:28px; line-height: 25px; border:1px solid #b5b5b5; display:inline-block; margin:0 3px}
.paging ul li.arrow {border:0; line-height:28px}
.paging ul li.arrow a:hover {color:#007ac3}

.paging ul li a {color:black; display:block}
.paging ul li.on a {color:white}
.paging ul li.on {background-color:#007ac3; border:1px solid #007ac3;}


/* 19-08-21 서비스 이용후기 수정 및 고마워요 올민원 */

.table_normal {width:100%; margin-bottom:40px; border-top:2px solid #000;}
.table_normal thead tr th {text-align: center; background-color: #f5f5f5; border-bottom: 1px solid #bdbdbd; border-left:0 solid #bdbdbd; font-weight: 500; padding: 10px 0; font-size: 14px; color: #656565;}
.table_normal thead tr th:first-child {border-left:0}
.table_normal thead tr td {padding: 10px; text-align:center}
.table_normal tbody tr td {padding: 10px; font-size:13px; border-left:0 solid #d7d7d7; border-bottom:1px solid #dedede; color:#666; text-align:center}
.table_normal tbody tr td:first-child {border-left:0}
.table_normal tbody tr td strong {color:#333; font-weight:500; display:inline-block; font-size:14px; margin:0 0 5px}
.table_normal tbody tr td small {font-size:11px; color:#b28850}
.table_normal tbody tr td p {margin:5px 0 0}
.table_normal.line thead tr th {border-left:1px solid #bdbdbd}
.table_normal.line tbody tr td {border-left:1px solid #d7d7d7}
.table_normal.line thead tr th:first-child , .table_normal.line tbody tr td:first-child {border-left:0}
.table_normal .star {width:70px}

.table_normal .thanks_link {font-size:12px; color:#007ac3; text-decoration:underline}

.table_normal tbody a {color:#656565}
.table_normal tbody a:hover {color:#ff854f}

.brown_btn {background-color:#af7924; border-radius:5px; width:200px; height:40px; line-height:40px; font-size:14px; color:white; display:inline-block; text-align:center}
.brown_btn:focus , .brown_btn:hover {color:white}
.brown_btn img , .brown_btn span {margin:0 5px}

.thank_view {border-top:2px solid black;}
  .thank_hd {padding:0 20px; height:45px; line-height:45px; border-bottom:1px solid #bdbdbd}
  .thank_hd .name {margin:0 20px 0 0; display:inline-block; vertical-align:top; color:#333; font-size:14px; font-weight:500}
  .thank_hd .star {display:inline-block; vertical-align:top; margin: -2px 0 0;}
  
  .thank_con {padding:15px 20px}
  .thank_con .name {margin:0 0 20px}
  .thank_con .product {color:#0068b7; font-size:16px; font-weight:500; margin:0 5px 0 0}
  .thank_con .service {color:#666; font-size:16px;}
  .thank_con .txt {color:#666; font-size:14px; margin:10px 0 0}  
  .thank_con img { display:block; max-width:800px; height:auto; }

.white_btn {vertical-align: top; background-color: white; border: 1px solid #c2c2c2; height: 25px; line-height: 23px; display: inline-block; font-size: 12px; color: #8b8b8b; font-weight: 500; padding: 0 10px;}
.gray_b_button {width:50px; height:23px; line-height:1; background-color:white; border:1px solid #aaaaaa; font-size:12px; color:#858585; cursor:default; outline:0}
.blue_b_button {width:50px; height:23px; line-height:1; background-color:white; border:1px solid #0068b7; font-size:12px; color:#0068b7}

.table_normal tbody tr.reply {display:none;}
.table_normal tbody tr.reply td {background-color:#e5e8ec; padding:25px; text-align:left; border:1px solid #bdbdbd; position:relative}
.table_normal tbody tr.reply td:before {content: ""; position: absolute; top: -1px; left: -1px; right: -1px; border-top: 1px solid #bdbdbd;}
.table_normal tbody tr.reply .hd {color:#7d7d7d; font-size:13px; padding:0 0 15px; border-bottom:1px dashed #808080}
.table_normal tbody tr.reply .con {color:black; font-size:14px; padding:15px 0 0; line-height:1.5;}


.main_thank {padding:25px 15px 0;height: 131px;line-height: 1; position:relative}
.main_thank_hd {height:16px;margin: 0 0 10px;}
.main_thank_hd span {vertical-align:top;}
.main_thank_hd .name {color:#959595;font-size:12px;padding:0 10px 0 0;border-right:1px solid #7c7c7c; max-width: 140px; display: inline-block; white-space: nowrap;  text-overflow: ellipsis;}
.main_thank_hd .star {margin:0 0 0 15px}
.main_thank_hd .star img {vertical-align:top; margin: -1px 0 0}

.main_thank_con .type { font-size:13px;color:#444;font-weight:500; /*white-space: nowrap; text-overflow: ellipsis;*/}
.main_thank_con .txt {font-size:13px;color:#444;line-height: 1.5;margin: 0; height: 36px; overflow: hidden; display: inline-block;}
.main_thank_con .txt:hover {color:#007ac3}

.main_thanke_more {position: absolute; top: 25px; right: 15px; font-size: 13px; color: #3aa1d5; font-weight: bold;}
.main_thanke_more:hover {color:#333}

/* 19-09-04 상품 상세 페이지 작업 */

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

.productBox {background-color:white; border-top:2px solid black; margin:0 0 50px}
  .product_hd {padding:30px 40px;  border-bottom:1px solid #ccc}
  .product_hd span {font-size:22px; font-weight:bold; color:#333; line-height:1.2}
  .product_con {padding:40px 30px; position:relative}
    .product_con_l {position:absolute; top: 40px; left: 30px;}
	.product_con_r {padding:0 0 0 110px}
	  .product_info {padding:0 50px 0 0; text-align: justify; min-height:71px; line-height: 1.5;}
	
	  .product_option {margin:20px 0 0}
		.option_table {width:100%; border-top:1px solid #a0a0a0}
		.option_table tbody tr td {border-bottom:1px solid #a0a0a0; padding:5px; position:relative}
		.option_table tbody tr td .txt {padding: 0 0 0 15px; display: inline-block;}
		.option_table tbody tr td .txt:before {content: "ㆍ"; position: absolute; top: 14px;  left: 3px; line-height: 1;}
		.option_table tbody tr td select {min-width:72px; height:32px; border:1px solid #ccc; border-radius:3px; padding:0 5px}
		.option_table tbody tr td select.type02 {width:140px}
		.option_table tbody tr td .gray_btn {width: 100px;height: 34px; line-height: 34px; border: 0; border-radius: 3px; background-color:#007ac3; color: white; font-size: 13px; text-align:center; transition:0.3s all ease; position:relative}
	    .option_table tbody tr td .gray_btn:hover , .option_table tbody tr td .gray_btn.on  {background-color:black;}
	    .option_table tbody tr:nth-child(even) td {background-color:#f3f4f8;}

      .product_care {margin: 20px 0 0; background-color:#fffbeb; border:1px solid #cfcbcb; position:relative; padding: 20px 80px 20px 65px; line-height: 1.5;}
	  .product_care:before {content:""; position:absolute; top:18px; left:20px; width:22px; height:22px; background:url("../img/icon_care_alert.png") no-repeat}
	  .product_care ul li {margin:0 0 12px; position:relative; font-size:13px; color:#555}
	  .product_care ul li:last-child {margin:0}
	  /* .product_care ul li:before {content: ""; position: absolute; top:10px; left: -8px; width: 2px; height: 2px; background-color: #666;} */
	  
	  .product_tab {margin:50px 0 0; background-color:white; z-index:1}
      .product_tab ul {overflow:hidden}
	  .product_tab ul li {float:left; width:33.33%; text-align:center}
	  .product_tab ul li:first-child a {border-left:1px solid #bebebe}
	  .product_tab ul li a {display:block; border-top: 1px solid #b5b5b5; border-right: 1px solid #bebebe; border-bottom: 2px solid #007ac3; height:54px; line-height:54px; color:#666; font-size:16px; font-weight: 400;} 
	  .product_tab ul li.on a {border:2px solid #007ac3; border-bottom:0; font-weight:500; color:#007ac3}
	  .product_tab ul li a span {margin:0 0 0 5px}
	  .product_tab.on {position:fixed; top:0; left:50%; width:1080px; margin:0 0 0 -540px;}

	  .user_review {padding:20px 0 150px}
		  .user_review_hd {overflow:hidden}
		  .user_review_hd.type02 {padding:20px 0 0; border-top:2px solid #007dd8}
		  .user_review_hd .left {float:left}
		  .user_review_hd .left span {font-size:14px; color:black; vertical-align:middle; margin:0 0 0 15px; font-weight:500} /* 2020-06-09 폰트 사이즈 수정 */
		  .user_review_hd .left span.score { display:inline-block; height:18px; margin:0 10px 0 0; vertical-align:top; font-size:22px; line-height:18px;  font-weight:bold; } /* 2020-06-11 */
		  .user_review_hd .left span.score + img { display:inline-block; height:20px; width:auto; margin-top:-6px; }
		  .user_review_hd .right {float:right; margin: 0 20px 0 0;}
		  .user_review_hd .right ul li {float:left; border-left:1px solid #ababab}
		  .user_review_hd .right ul li:first-child {border-left:0}
		  .user_review_hd .right ul li a {font-size:14px; color:black; font-weight:500; margin:0 10px}
		  .user_review_hd .right ul li a.on {color:#ff4923}

		  .user_review_con {margin:20px 0 0; border-top:1px dashed #929292}
		  .user_review_con > ul > li {border-bottom:1px solid #c8c8c8; padding:20px}
		  .user_review_con .info {overflow:hidden; margin: 0 0 20px;}
		  .user_review_con .info .left {float:left; line-height:15px}
		  .user_review_con .info .left .txt {font-size:14px; color:black; font-weight:bold; margin:0 0 0 8px; display:inline-block; vertical-align:middle}
		  .user_review_con .info .right {float:right}
		  .user_review_con .info .right .type {background-color:#cfa972; color:white; font-size:12px; text-align:center; display:inline-block; width:65px; height:20px; line-height:20px;}
		  .user_review_con .info .right .type.on {background-color:#32b16c}
		  .user_review_con .info .right .day {color:#666; font-size:12px; margin: 0 0 0 8px;}
		  .user_review_con .name {margin:0 0 15px; font-size:15px; color:#af7924; font-weight:500}

		  .user_review_con .content {position:relative}
		  .user_review_con .content > a {color:#000000; font-size:13px; display: inline-block; line-height: 24px; width:100%; height:50px; overflow:hidden}
		  .user_review_con .content > a .txtBox {margin:0 80px 0 0; min-height: 50px;}
		  .user_review_con .content > a:hover {color:#0072d6}
		  .user_review_con .content > a.full {height:auto}
		  .user_review_con .content .review_thum_img {width:40px; height:40px; position:absolute; top:5px; right:80px;}
		  .user_review_con .content .review_thum_img img {width:100%; height: 100%;}		
		  .user_review_con .content .review_reco {position:absolute; top:7px; right:0;}
		  .user_review_con .content .review_reco > a {width:65px; height:30px; line-height:23px; border-radius:15px; display:inline-block; border:1px solid #007dd8; text-align:center}
		  .user_review_con .content .review_reco > a span {vertical-align:middle; color:black; font-size:12px; display: inline-block; line-height: 1; margin: 0 0 0 5px;}

		  .user_review_con .imgBox {margin:20px 0 0}
		  .user_review_con .imgBox .img_thumb { cursor:pointer; }
		  .user_review_con .imgBox > ul:after { display:block; clear:both; visibility:hidden; content:''; }
		  .user_review_con .imgBox > ul > li { float:left; } 
		  .user_review_con .imgBox > ul > li + li { margin-left:10px; }
		  .user_review_con .imgBox > ul > li img { height:228px; }

		  .user_review_con .review {background-color:#f5f5f5; color:#333; font-size:13px; position:relative; padding:45px 20px 15px; margin:20px 0 0; line-height: 24px;}
		  .user_review_con .review:before {content:"운영자"; position: absolute; top: 20px; left: 20px;  font-size: 16px; font-weight: 500; color: #0072d6; line-height: 1;}

      .product_contact_form ul li {position:relative; margin:8px 0 0}
	  .product_contact_form ul li:first-child {margin:0}
	  .product_contact_form ul li input[type="text"] {width:100%; height:38px; border:1px solid #d4d4d4; padding:0 10px}
	  .product_contact_form .form_label {position:absolute; top:10px; left:0; font-size:14px; color:black; font-weight: 500;}
	  .product_contact_form .form_data {padding:0 0 0 75px; min-height:40px; line-height:40px; color:black}
	  .product_contact_form .form_data textarea {width:100%; height:150px; resize:none; border: 1px solid #d4d4d4;}
	
	  .product_conBox {margin:20px 0 0; padding:25px 30px 45px; background-color:#f5f5f5;}
	  .product_conBox .buttonBox {margin:20px 0 0}
      .product_contact {overflow:hidden; margin:20px}
	  .product_contact_form .form_data .txt01 {font-size:14px; color:black; margin:0 0 10px; line-height:1}
	  .product_contact_form .form_data .txt02 {font-size:12px; color:#666666; margin:10px 0; line-height:1}
	  .product_contact .bu_white {border-radius:3px;background-color:white; border:1px solid #d4d4d4; color:black;width:110px; height:50px;margin: 0 8px;}	  
	  .product_contact .bu_black {border-radius: 3px; background-color: #303033;  border: 1px solid #303033;  color: white;  width: 150px;  height: 48px;  margin: 0 8px;}
	  
	  .product_contact_form.left {float:left; width:600px; padding:0 30px 0 0; position:relative}
	  .product_contact_form.left:after {content:"";border-right:1px solid #b5b5b5;position:absolute;top:0;bottom:15px;right:0;}
	  .product_contact_form.right {float:left;width:320px;padding:0 0 0 30px;}
	  .product_contact_form.right .info_agree_table {width:100%}
	  .product_contact_form.right .txt01 {font-size:14px;color:black;font-weight:bold;margin: 0 0 20px;}
	  .product_contact_form.right .txt02 {font-size:12px;color:#666;margin: 18px 0 10px;}
	  .product_contact_form.right table {width:100%}
	  .product_contact_form.right table tbody th {background-color:#d3d3d3; text-align:left; font-size:12px; padding:15px; border-top:1px solid #f5f5f5; color:black; font-weight:400}
	  .product_contact_form.right table tbody td {background-color:white; color:#666; font-size:12px; padding:15px 20px; border-top:1px solid #f5f5f5;}

	  .info_agree_table {width:400px}
	  .info_agree_table tr td {font-size:12px; text-align:center; border-right:1px solid #f5f5f5; line-height:1;}
	  .info_agree_table thead tr td {background-color:#d3d3d3; padding:12px 0; border-bottom:1px solid #f5f5f5;}
	  .info_agree_table tbody tr td {background-color:white; padding:12px 0; color:#666666}

	  .product_contact .buttonBox {margin:60px 0 0}
	  .product_contact .buttonBox.type02 {margin:20px 0 0; clear:both}
	  .product_conBox .bu_white {border-radius:3px;background-color:white; border:1px solid #d4d4d4; color:black;width:110px; height:50px;margin: 0 8px;}
	  .product_conBox .bu_black {border-radius:3px;background-color:#303033;border:1px solid #303033;color:white;width:150px;height:48px;margin: 0 8px;}
 	  	  
	  .product_contact_form .chk {line-height:1; display:inline-block; margin:10px}
	  .product_contact_form .chk input[type="checkbox"]:not(old) {width:0; height:0; margin:0; padding:0; opacity:0;}
      .product_contact_form .chk input[type="checkbox"]:not(old) + label {height:22px; line-height:22px; margin:0; font-weight: 400; font-size:12px; color:#666666; cursor:pointer; display:inline-block; background:url('../img/agree_chk.png') no-repeat left center;  padding: 0 0 0 30px; font-weight:500}
      .product_contact_form .chk input[type="checkbox"]:not(old):checked + label {background:url('../img/agree_chk_on.png') no-repeat left center; }
	  .product_contact_form .chk.type02 {margin:0}
      .product_contact_form .chk.type02 input[type="checkbox"]:not(old) + label {font-size:13px; color:black}

	  .product_introBox {margin:0 0 150px} 
	  
	  .intro_txt {margin:0; padding-top:100px; font-size:18px; font-weight:600; color:#010101; overflow:hidden}
	  .intro_txt:first-of-type { padding-top:40px; }
	  .intro_txt.type02 {font-size:16px}
	  .intro_txt .txt {float:left;}
	  .intro_txt .link {float: right; font-size: 12px; color: white; background-color: black; display: inline-block;  padding: 4px 10px; border-radius:3px}
	  .intro_txt .link .add_txt {display: inline-block; margin: 0 5px 0 0;  font-weight: 300;}

	  .introList {margin:20px 0 0; border-top:2px solid black}
	  .introList ul {padding:0; margin:0; overflow:hidden}
	  .introList ul li {padding:15px 0; list-style:none; display:inline-block; width:100%; border-bottom:1px solid #b5b5b5;} 
		
		  .introList_L {float:left; width:88px; margin:0 20px 0 10px}
		  .introList_L a {width:88px; height:88px; display:block; overflow:hidden; position:relative; box-sizing: content-box; border:3px solid white}
		  .introList_L a:hover {border:3px solid #ff0000;}
		  .introList_L img {width:100%; height:100%}

		  .introList_R {float:left; width:892px; line-height:1; position:relative}
		  .introList_R .name {color:#007ac3; width: 770px; display: inline-block; font-size:16px; font-weight:500; margin:5px 0 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
		  .introList_R .day {color:#8e8e8e; font-size:12px; position:absolute; top:7px; right:20px; margin:0}
		  .introList_R .content {color:black; font-size:13px; line-height:1.5; height:57px; margin:0; overflow:hidden}
  
      .product_view_l {display: inline-block; margin:-1px 5px 0; vertical-align: top; position:relative}
	  .product_view_l .txt {display:none; position: absolute; top: 26px; left: 0;  z-index: 1; padding:0 10px; white-space:nowrap; height: 26px;  line-height: 24px; text-align: center;background-color: white; border: 1px solid black; font-size: 13px; color: #666666;  font-weight: 400;}
	  .product_view_l:hover .txt {display:block}
	  
	  /* 19-09-10 마이페이지 개선 */

	  .mypageBox {background-color:white}
		.mypageTab {border-bottom:4px solid #0067a6; margin:20px 0 0}
		.mypageTab ul {overflow:hidden}
		.mypageTab ul li {float:left; width:50%; text-align:center;}
		.mypageTab ul li a {display:block; line-height:54px; color:#666666; font-size:18px;}
        .mypageTabCoupon ul li a {display:block; line-height:30px; color:#666666; font-size:15px;}
		.mypageTab ul li.on a {background-color:#0067a6; color:white; font-weight:bold; font-weight: 500;}

	  .orderBox {padding:0 30px; overflow:hidden; min-height:200px}
	    .orderType {margin:35px 0 45px; overflow: hidden;}
		.orderType ul {padding:0; float:right;}
		.orderType ul li {padding:0; float:left; width:85px; text-align:center; border-right: 1px solid #d8d8d8;}
		.orderType ul li a {color:#666; font-size:14px}
		.orderType ul li a:hover , .orderType ul li.on a {color:black; font-weight:500}

		.orderList > ul > li {margin:0 0 30px}
	  
	  .orderTop {display:inline-block; width:100%; margin:0 0 5px; line-height:1}
	  .orderTop .left {float:left; font-weight:500}
	  .orderTop .left > ul > li {float:left; padding:0 8px; color: black;}
	  .orderTop .left > ul > li:first-child {padding-left:0;  position:relative;}
	  .orderTop .left > ul > li:first-child:after {content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 16px; background-color: black;  margin: -8px 0 0;}
	  .orderTop .left .txt_gray {color:#777777; font-size:15px; margin:0 0 0 5px}
	  .orderTop .left .txt_gray:hover {color:#0072ff}
	  .orderTop .right {float:right; margin:0 20px 0 0}
	  .orderTop .right span {color:#0072ff; font-weight: bold;}
	  .orderTop .right > a {font-size:13px; margin:0 0 0 5px; color:black; position:relative}
	  .orderTop .right > a:after {content:""; position:absolute; bottom: -1px; left: 10px;  right: 10px;  width: auto;  height: 1px; background-color:black}

	  .orderInfo {border:1px solid black}
		.orderInfo_T {padding:30px 20px 20px 27px}
		.orderInfo_T > ul > li {margin:0 0 13px; font-weight: 500; padding: 0 0 0 15px; position: relative;}
		.orderInfo_T > ul > li:after {content:"ㆍ"; top: 0; left: 0; position: absolute;}
		.orderInfo_T > ul > li:last-child {margin:0}
		.orderInfo_T > ul > li .txt_yellow {color:#996c33; font-weight: 400;}
		.orderInfo_T > ul > li .txt_gray {color:#777; font-size:13px; font-weight: 400;}

		.orderInfo_B {background-color:#f2f2f2; padding:15px 30px; }
		.orderInfo_B:after { display:block; clear:both; visibility:hidden; content:''; } /* orderInfo_B 클리어픽스 (2020-05-28) */
		.orderInfo_B .left {float:left; font-size: 16px; font-weight: 500;}
		.orderInfo_B .left .txt_red {color:#d60000}
		.orderInfo_B .right {float:right;}
		.orderInfo_B .inline_btn {display:inline-block; margin: 0 15px 0 0; padding: 0 20px 0 0; border-right: 1px solid #797979;}
		.orderInfo_B .right a {display:inline-block; border-radius:2px; width:108px; height:25px; line-height:22px; text-align:center; font-size: 12px;}
		.orderInfo_B .gray_bu {border:1px solid #7f8c94; background-color:#7f8c94; color:white}
		.orderInfo_B .white_bu {border:1px solid gray; background-color:white; color:black}
		.orderInfo_B .brown_bu {border:1px solid #af7924; background-color:#af7924; color:white;}
        .orderInfo_B .blue_bu { border:1px solid #00588d; background-color:#00588d; color:white; }
        .orderInfo_B .pale_bu { width:auto !important; min-width:80px; color:#fff; border:1px solid #70aa49; background-color:#70aa49; }
		.orderInfo_B .blue_re { padding-left:10px; border:1px solid #0077c0; color:#fff; background:#0077c0 url('../img/icon_reorder.png') 15px 51% no-repeat; } /* 마이페이지 주문내역 내 다시주문 버튼 추가 2020-05-28 */

	 .quesBox {padding:37px 30px}
	   .quesTop {overflow:hidden; margin:0 0 20px}
		 .quesTab {border:1px solid black; display: inline-block; float: right; width: 350px;}
		 .quesTab ul {overflow:hidden}
		 .quesTab ul li {float:left; width:50%; text-align:center;}
		 .quesTab ul li a {display:block; line-height:45px; color:#666666; font-size:14px;}
		 .quesTab ul li.on a {background-color:black; color:white; font-weight:bold; font-weight: 500;}
       
	   .q_table {width:100%; margin: 20px 0 0; border-top:2px solid black}
	   .q_table thead tr th {padding:18px 0; text-align:center; border-bottom:1px solid #c8c8c8; font-size:13px; font-weight: 500;}
	   .q_table tbody tr td {padding:15px 20px; text-align:center; border-bottom:1px solid #c8c8c8; font-size:13px} 
       .q_table tbody tr .view_label {width:65px; height:20px; line-height:20px; font-size:12px; background-color:#999999; display:inline-block; color:#ddd}
	   .q_table tbody tr .view_label.on {background-color:#666666;}
	   .q_table tbody tr.view td {cursor:pointer}
	   .q_table tbody tr.view td.left {text-align:left; color:#666} 
	   .q_table tbody tr.view td.txt_black {color:black}

	   .q_table tbody tr.fold {display:none}
	   .q_table tbody tr.fold.open {display:table-row}
	   .q_table tbody tr.fold td {padding:0}

	   .fold_content {text-align:left; padding:20px}
       .fold_content .imgBox {margin:20px 0 0}
	   .fold_content .imgBox > ul {overflow:hidden}
	   .fold_content .imgBox > ul > li {float:left; margin:0 0 0 10px} 
	   .fold_content .imgBox > ul > li img {max-width:300px}

	   .fold_content .fold_name {color:#af7924; font-size:15px; margin:0 0 20px}
       .fold_content .fold_txt {margin:0; font-size:13px}

	   .fold_reply {background-color:#f5f5f5; color:#333; font-size:13px; position:relative; padding:45px 20px 35px; line-height: 24px; text-align: left;}
	   .fold_reply:before {content: "운영자"; position: absolute; top: 20px; left: 20px;  font-size: 16px; font-weight: 500; color: #0072d6; line-height:1;}

	 .qBox {display:none}
	 .qBox.on {display:block}
	 .qBox .main_txt {font-size:24px; margin:0; font-weight:500;}
	 .qBox .line {padding-bottom: 15px; border-bottom:2px solid black;}
	 

     .no_data {width:100%; height:240px; display:table; text-align:center; border-bottom:1px solid #c8c8c8}
	 .no_dataIn {display:table-cell; width:100%; vertical-align:middle}
	 .no_dataIn .txt {font-size:16px; margin:0 0 0 20px; display:inline-block}
  
     .product_tagBox {overflow:hidden; margin:20px 0 0}
	 .product_tagBox > ul > li {float:left; margin:0 5px 5px 0}
	 .product_tagBox > ul > li > a {padding:5px 10px; display:block; font-size:12px; color:#555; background-color:#f4f4f4; transition:0.3s all ease}
	 .product_tagBox > ul > li > a:hover {color:#ff4923}

/* 09 - 19 */

.product_intro {position:relative}
.product_video {background-color:white; border:5px solid black; position:absolute; top:0; left:0; width:100%; height:566px; z-index:1; display:none}
  .product_video_a {display:none}
  .product_video_a.on {display:block}
  .product_video_c {position: absolute; top: -5px; right: -54px;}

.cart_btn {background:url("../img/icon_cart.png") no-repeat; width:23px; height:20px; display:block; cursor:pointer}
.cart_btn:hover {background:url("../img/icon_cart_on.png") no-repeat;}

/* 09 - 26 */

.refund_infoBox {border:1px solid #d80021; border-top:7px solid #d80021; border-left:1px solid #d80021; padding: 20px 15px 20px 20px; position:relative}
.refund_infoBox .left {position:absolute; top:20px; left:20px;}
.refund_infoBox .leftIn {padding:0 0 0 40px; display:inline-block; background:url("../img/icon_refund_alert.png") no-repeat top left;}
.refund_infoBox .leftIn .txt01 {font-size:14px; color:#d80021; font-weight:bold; margin:5px 0 10px}
.refund_infoBox .leftIn .txt02 {font-size:13px; color:black; font-weight:bold}
.refund_infoBox .leftIn .txt02 span {display:inline-block; color:#535353}
.refund_infoBox .leftIn .txt03 {font-size:12px; color:#9a6834; margin:0; font-weight:500}

.refund_infoBox .right {padding:0 0 0 340px}

.refund_tableBox {max-width:540px}
.refund_table {width:100%; text-align:center; border-bottom:1px solid #d4d4d4}
.refund_table thead tr th {background-color:#dedede; text-align:center; font-size:13px; border-top:1px solid #d4d4d4; padding:10px 0}
.refund_table thead tr td {background-color:#fcfcfc; text-align:center; font-size:13px; font-weight:bold; border-left:1px solid #d4d4d4; border-top:1px solid #d4d4d4; padding:8px 0; line-height:1.2}
.refund_table tbody tr th {background-color:#f5f5f5; text-align:center; font-size:13px; border-top:1px solid #d4d4d4; padding:15px 0; font-weight: 500;}
.refund_table tbody tr td {background-color:white; text-align:center; font-size:13px; font-weight:400; border-left:1px solid #d4d4d4; border-top:1px solid #d4d4d4; padding:10px 0; line-height:1.2}
.refund_table tbody tr td .txt_red {color:#d80021}

.header_banner {height:120px; position:relative}
.header_banner:before {content:""; position:absolute; top:0; left:0; width:50%; height:100%; background-color:#ff854f; z-index:-1}
.header_banner:after {content:""; position:absolute; top:0; right:0; width:50%; height:100%; background-color:#9065b9; z-index:-1}

.header_banner_con {width:1080px; margin: 0 auto;}
.header_banner_con > ul > li {float:left; width:33.33%; text-align:center}
.header_banner_con > ul > li > a {display:block}


/*마이페이지 쿠폰 등록 css */

.ftS13 {font-size:13px;}
.orange { color:#ff4923;}
.blue {color:#4e5cc1;}
.coupon .white_bu {border:1px solid gray; background-color:white; padding:5px 15px; border-radius: 3px; font-weight:500;}
.coupon a:hover {
  background-color:#5deeff;
  font-weight:bold;}

.mypage_coupon input[type="text"] { height:36px;  }
.mypage_coupon input.bu_black {border-radius: 3px; background-color: #303033; color: white;  width: 120px;  height: 38px;  margin: 0 8px; font-size:14px;}
.mypage_coupon input.bu_blue {border-radius: 3px; background-color: #0079c3;  border: 1px solid #0079c3;  color: white;  width: 150px;  height: 48px;  margin: 0 8px;}
.mypage_coupon p.couponT { font-size: 24px;  }


.couponList p { text-align:center }
.couponList p.inputC { padding: 30px 0 15px 0; font-size:16px; }
.couponList p.inputC input {border:1px solid #d4d4d4; color:fff; width:108px; text-align:center; border-radius:4px;}
.couponList p.inputC .btn30 {margin-bottom:30px;} 
.couponList p.resultC { background: #f4f4f4; padding: 20px 0; width: 490px; margin: 0 auto; font-size: 14px; color:red; margin-bottom: 20px; }
.couponList p.resultC2 { background: #f4f4f4; padding: 20px 0; margin: 0 30px; font-size: 16px; margin-bottom: 20px; }
.couponList p.resultC2 span { font-size: 18px; font-weight: bold; color: red }


ul.couponT li { float:left; } ul.couponT li.t { font-size: 24px; 
font-weight:500; } ul.couponT li.p { float:right; } ul.couponT li.p span { 
font-size: 18px; font-weight: bold; color: red }

  .mypageBox2 {background-color:white;}
  .mypageBox2 .inputCoupon ul li input[type="text"] {width:100px; height:48px; border:1px solid #d4d4d4; padding:0 10px}

  .quesBox2 {padding:37px 30px 0 30px;}
  .U_line {padding-bottom: 5px; border-bottom:1px solid black;}
  .coupon_bu_black {border-radius: 3px; background-color: #303033;  border: 0px solid #303033;  color: white;  width: 150px;  height: 48px;  margin: 0 8px;}

.bu_btn {border-radius: 3px; background-color: #303033;  border: 1px solid #303033;  color: white;  width: 100px;  height: 24px;  margin: 0 3px;}
.coupon_red_btn {border-radius: 3px; background-color: red;  border: 1px solid red;  color: white;  width: 100px;  height: 24px;  margin: 0 3px;}
.coupon_Mline {border-bottom:2px solid #000;}


/* 마이페이지 > 주문내역 다시주문 버튼 호버 시 안내툴팁 노출 (2020-05-28) */
.ttp { position:relative; }
.tool { position:absolute; top:30px; left:0; width:260px; display:none; font-size:12px; font-weight:bold; padding:12px 15px; background-color:#fff; border:2px solid #000; }
.ttp:hover .tool { display:block; }


/* 웹툰 갤러리 추가 2020-07-16 */
.gall_list_wrap { width:855px; }
.gall_list { font-size:0; padding:30px 0 0 3px; border-top:2px solid #000; border-bottom:2px solid #000;  }
.gall_list li { position:relative; display:inline-block; width:175px; height:245px; vertical-align:top; font-size:13px; line-height:1.2; letter-spacing:-0.02em; }
.gall_list li:nth-child(4n+2),
.gall_list li:nth-child(4n+3),
.gall_list li:nth-child(4n+4) { margin-left:50px; }
.gall_list a { display:block; }
.gall_thumb { display:block; margin-bottom:5px; border:1px solid #b5b5b5; }
.gall_thumb img { width:100%; }


/* 유튜브 목록 추가 2020-08-05 */
.gall_list li .mv { position:absolute; top:-15px; right:-10px; cursor:pointer; }
.mv_modal { display:none; position:fixed; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:12; }
.mv_pop { display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); 
		  background-color:#313645; padding:0; z-index:13; }
.mv_modal .mv_pop { display:block; } /* 유튜브 팝업이 모달 안에 있을 때 */
.mv_youtube { width:838px; height:472px; margin:1px -1px -1px 1px; }
.mv_pop img { display:block; max-width:838px; max-height:500px; width:auto; height:auto; margin:1px; }
.mv_close { position:absolute; top:0; right:-45px; width:45px; height:45px; font-size:0; color:transparent; border:0; outline:0; background-color:#313645; }
.mv_close:before,
.mv_close:after { position:absolute; display:block; content:''; height:25px; width:2px; background-color:#fff; top:10px; left:22px; }
.mv_close:before { transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.mv_close:after { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }



/* 서브페이지 타이틀 스타일 추가 2020-08-06 */
.ttl_wrap { margin-top:-5px;margin-left:5px;margin-bottom:20px; }
.ttl_wrap:after { display:block; clear:both; visibility:hidden; content:''; }
.ttl_wrap h2 { float:left; margin:0; font-weight:bold; font-size:28px; }
.ttl_wrap .ran_tab { margin-top:10px; }

.ran_tab { display:inline-block; margin:0 5px 0 20px; color:#3e3a39; font-size:0; line-height:1; }
.ran_tab a { display:inline-block; font-size:15px; color:inherit; }
.ran_tab a + a { margin-left:7px; padding-left:7px; border-left:1px solid #3e3a39; }
.ran_tab a.on { color:#e60012; font-weight:bold; }


/* 후기(고마워요 올민원) 이미지/동영상 영역 추가 2020-08-07 */
.review_imgBox {margin:20px 0 0}
.review_imgBox .img_thumb { cursor:pointer; }
.review_imgBox ul:after { display:block; clear:both; visibility:hidden; content:''; }
.review_imgBox ul li { float:left; } 
.review_imgBox ul li + li { margin-left:10px; }
.review_imgBox ul li img { height:228px; }
/* 유튜브/이미지 썸네일, 팝업 스타일 추가 2020-08-06 */
.review_imgBox .mv_thumb { position:relative; height:228px; overflow:hidden; }
.review_imgBox .mv_thumb .cover_link { position:absolute; top:0; left:0; right:0; bottom:0; /*background-color:rgba(0,0,0,0.5);*/ cursor:pointer; }


/* 상품 상세페이지에 리스트로 돌아가기 버튼 추가 2020-09-02 */
.product_hd:after { display:block; clear:both; visibility:hidden; content:''; } /* 자식요소 float 추가를 위한 clearfix */
.product_hd .btn_back_list { margin:-7px 0; }
.btn_back_list { box-sizing:border-box; float:right; height:40px; width:120px; border:0; border-radius:3px; outline:0; background-color:#ffa200; }
.ic_back_list { display:inline-block; padding-left:30px; line-height:20px; font-style:normal; font-size:14px; font-weight:bold; color:#464646; 
				background:url('../img/icon_back_list.png') 0 center no-repeat; }




/* 서브페이지 컨텐츠 박스 스타일 추가 (상단 푸른선의 하얀박스) 2020-10-16 */
.bcontainer { width:100%; min-width:1080px; min-height:500px; margin-top:20px; border-top:4px solid #007ac3; padding:70px 100px; background-color:#fff; }
.bcontainer.nopd { padding:0; } /* 내부 여백 없음 */
.bcontainer:after { display:block; clear:both; visibility:hidden; content:''; }


/* 미국민원 - 아포스티유 가입국가 확인 팝업 추가 2020-12-18 */
.apo_btn { position:absolute; /*top:70px; right:30px;*/ height:24px; padding-left:34px; line-height:22px; letter-spacing:-0.04em; font-size:11px; color:#005aad; border:1px solid #bfbfbf; border-radius:3px; background:#fff url(../img/icon_un.png) 9px 50% no-repeat;}

.apo_dim,
.apo_wrap { display:none; }

.apo_dim { position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.6); z-index:10; }
.apo_wrap { position:fixed; left:50%; top:50%; width:895px; box-shadow:0 10px 10px rgba(0,0,0,0.45); border:1px solid #dedede; background-color:#FFF; z-index:11;
			transform:translate(-50%, -50%); }

.apo_category { position:relative; padding:20px 50px 20px 20px; font-size:0; text-align:center; white-space:nowrap; border-bottom:1px solid #dedede; background-color:#f9fafb; }
.apo_category button { width:49px; height:40px; padding:0; line-height:39px; font-size:15px; color:#555; border:1px solid #ddd; border-radius:0; outline:0; background-color:#FFF;}
.apo_category button.on,
.apo_category button:hover { color:#fff; border-color:#1c5cb0; background-color:#1c5cb0; }
.apo_category button + button { margin-left:5px; }

.apo_list { overflow:hidden; height:290px; padding:20px 40px 20px 50px; font-size:0; }
.apo_list ul { line-height:1; }
.apo_list li { display:none; width:200px; margin-top:20px; }
.apo_list li.kor_a { display:inline-block; }

.apo_list li img { width:26px; height:18px; margin-right:10px; }
.apo_list li span { vertical-align:middle; font-size:14px; }

.apo_close { position:absolute; top:28px; right:35px; width:25px; height:25px; background:url(../img/pay_modal_close.png) center center no-repeat; cursor:pointer; }



/* IE 테이블 border 버그 수정 2021-06-03 */
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th { background-color:rgba(221,221,221,0.2) !important; }


.search_list,
[class*="search_box_"] [type="text"]:hover,
[class*="search_box_"] [type="text"]:focus { border:1px solid #1c5cb0; box-shadow:2px 2px 5px rgba(129,129,129,0.45); background-color:#fff; }

.search_state { margin:30px 0 20px; padding:30px 30px 40px; text-align:center; background-color:#FFF; }
.search_state h1 { margin:0; line-height:1; font-size:26px; font-weight:bold; }
.search_state h1:after { content:url(../img/icon_earth_r.png); vertical-align:middle; margin-left:10px; }

.search_wrap { position:relative; display:flex; justify-content:center; margin:20px 0 30px; }
[class*="search_box_"] { position:relative; margin:0; z-index:1; }
[class*="search_box_"]:before { position:absolute; left:20px; top:20px; font-size:15px; font-weight:300; letter-spacing:-1px; color:#777; pointer-events:none; z-index:0; }
[class*="search_box_"] [type="text"] { 
	box-sizing:border-box; width:400px; height:60px; padding:0; font-weight:bold; text-indent:145px; letter-spacing:-0.03em; font-size:17px; border:1px solid #d7d7d7; 
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.4 25.6'%3E%3Cpath fill='%239e9d9d' d='M19.1,16c1.8-2.8,2.3-6.4,0.7-10.1c-1-2.3-2.8-4.1-5.1-5C5.7-2.8-2.8,5.7,0.9,14.7C1.8,17,3.7,18.9,6,19.8c3.8,1.6,7.6,1,10.3-1l6.3,6.6l2.9-2.8L19.1,16z M15.6,13.8c-0.5,0.7-1.1,1.3-1.8,1.8C8,19.4,1.3,12.8,5.2,6.9c0.5-0.7,1.1-1.3,1.8-1.8C12.8,1.3,19.4,8,15.6,13.8z'/%3E%3C/svg%3E");
	background-position:calc(100% - 19px) center; background-size:22px 20px; background-repeat:no-repeat; 
}
[class*="search_box_"] [type="text"]::-ms-clear { display:none; } /* ie 에서 자동으로 생기는 remove 버튼 숨기기 */
[class*="search_box_"] [type="text"]:hover,
[class*="search_box_"] [type="text"]:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.4 25.6'%3E%3Cpath d='M19.1,16c1.8-2.8,2.3-6.4,0.7-10.1c-1-2.3-2.8-4.1-5.1-5C5.7-2.8-2.8,5.7,0.9,14.7C1.8,17,3.7,18.9,6,19.8c3.8,1.6,7.6,1,10.3-1l6.3,6.6l2.9-2.8L19.1,16z M15.6,13.8c-0.5,0.7-1.1,1.3-1.8,1.8C8,19.4,1.3,12.8,5.2,6.9c0.5-0.7,1.1-1.3,1.8-1.8C12.8,1.3,19.4,8,15.6,13.8z'/%3E%3C/svg%3E");}

.search_box_from { margin-right:40px; }
.search_box_from [type="text"] { color:#1c5cb0; }
.search_box_to [type="text"] { color:#e60012; }

.search_box_from:before { content:'문서가 발행된 국가'; }
.search_box_to:before { content:'문서를 제출 할 국가'; }

/* 중간 화살표 */
.search_wrap:before,
.search_wrap:after { content:''; position:absolute; }
.search_wrap:before { left:502px; top:calc(50% - 9px); width:10px; height:18px; background-color:#1c5cb0; }
.search_wrap:after { left:511px; top:calc(50% - 15px); border-width:15px 10px; border-style:solid; border-color:transparent transparent transparent #1c5cb0; }

/* 국가 검색 & 목록 - select2.js */
.select_list { position:relative; box-sizing:border-box; width:400px; letter-spacing:-1px; }
.select_list:first-child { margin-right:45px; }
.select_list h2,
.select_list .select2-selection__rendered { line-height:58px; }
.select_list h2 { position:absolute; left:1px; top:1px; margin:0; padding:0 8px 0 20px; font-size:15px; color:#777; z-index:1; }
.select_list .select2 { width:100% !important; }
.select_list .select2-selection { height:60px; border-radius:10px; }
.select_list .select2-selection__rendered { box-sizing:border-box; height:100%; padding:0 40px 0 140px; text-align:left; font-size:18px; font-weight:bold; border-radius:10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.4 25.6'%3E%3Cpath fill='%239e9d9d' d='M19.1,16c1.8-2.8,2.3-6.4,0.7-10.1c-1-2.3-2.8-4.1-5.1-5C5.7-2.8-2.8,5.7,0.9,14.7C1.8,17,3.7,18.9,6,19.8c3.8,1.6,7.6,1,10.3-1l6.3,6.6l2.9-2.8L19.1,16z M15.6,13.8c-0.5,0.7-1.1,1.3-1.8,1.8C8,19.4,1.3,12.8,5.2,6.9c0.5-0.7,1.1-1.3,1.8-1.8C12.8,1.3,19.4,8,15.6,13.8z'/%3E%3C/svg%3E"); }
.select_list:first-child .select2-selection__rendered { color:#1c5cb0; }
.select_list:nth-child(2) .select2-selection__rendered { color:#e60012; }
.select2_styling .select2-container--open .select2-dropdown { top:-60px; border:1px solid #0061e5; border-radius:10px 10px 0 0; }
.select2_styling .select2-dropdown { background-color:transparent; }
.select2_styling .select2-search--dropdown { position:relative; z-index:1; box-sizing:border-box; height:60px; padding:0; border-radius:10px; border-color:#0061e5; background-color:#fff; }
.select2_styling .select2-dropdown { border:0; }
.select2_styling .select2-search__field { padding:0 40px 0 13px !important; margin-left:1px; width:calc(100% - 2px) !important; height:59px; line-height:58px; font-size:18px; border-radius:10px; background-color:#fff; }
.select_list .select2-selection__rendered,
.select2_styling .select2-search__field:focus { background-position:calc(100% - 13px) center; background-size:22px 20px; background-repeat:no-repeat; }
.select2_styling .select2-search__field:focus,
.select2_styling .select2-results__options { background-color:#fff; }
.select2_styling .select2-search__field:focus { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.4 25.6'%3E%3Cpath d='M19.1,16c1.8-2.8,2.3-6.4,0.7-10.1c-1-2.3-2.8-4.1-5.1-5C5.7-2.8-2.8,5.7,0.9,14.7C1.8,17,3.7,18.9,6,19.8c3.8,1.6,7.6,1,10.3-1l6.3,6.6l2.9-2.8L19.1,16z M15.6,13.8c-0.5,0.7-1.1,1.3-1.8,1.8C8,19.4,1.3,12.8,5.2,6.9c0.5-0.7,1.1-1.3,1.8-1.8C12.8,1.3,19.4,8,15.6,13.8z'/%3E%3C/svg%3E"); }
.select2_styling .select2-results__options { margin-top:-5px; }
.select2_styling .select2-results,
.select2_styling .select2-container--open { -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); box-shadow:0 0 5px rgba(0, 0, 0, 0.3); border-radius:10px 10px 0 0; }
/* 상품 목록에 들어갈 때 스타일 재설정 */
.search_state.subModify { padding:25px 0 35px; }
.search_state.subModify .select_list h2,
.search_state.subModify .select_list .select2-selection__rendered { line-height:48px; }
.subModify .search_wrap { display:inline-flex; margin:20px 0 0; }
.subModify .select_list { width:370px; }
.subModify .search_wrap:before { left:385px; }
.subModify .search_wrap:after { left:395px; }
.subModify .select_list .select2-selection,
.select2_styling.sub2 .select2-search__field { height:48px; }
.select2_styling.sub2 .select2-search--dropdown { height:50px; }
.select2_styling.sub2 .select2-container--open .select2-dropdown { top:-48px;}

.subModify .search_enter { display:inline-block; vertical-align:middle; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.subModify .search_enter { margin-top:-45px; }
}
.subModify .search_enter button { width:110px; height:50px; margin-left:10px; }
/* 검색결과 없음 메세지 */
.empty_210820 { padding:50px; text-align:center; background-color:#fff; }
.empty_210820 ul { display:inline-block; padding-left:70px; text-align:left; line-height:1.6; font-size:16px; color:#2c3c4e; font-weight:600; background:url(../img/advice_image.svg) 0 50% no-repeat; background-size:50px 45px;}
.empty_210820 li em { display:inline-block; font-style:normal; vertical-align:text-top; line-height:1; color:#e60012; border-bottom:1px solid #e60012; cursor:pointer; }


/* 조회하기 버튼 */
.search_enter button { width:160px; height:54px; font-size:20px; color:#fff; border:0; padding:0; border-radius:10px; background-color:#a2a2a2; }
.search_enter button:hover { background-color:#1c5cb0; }

/* 전체국가보기 팝업 */
.state_dim,
.state_wrap { display:none; }
.state_dim { position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.6); z-index:10; }
.state_wrap { position:fixed; left:calc(50% - 505px); top:calc(50% - 167px); width:910px; box-shadow:0 10px 10px rgba(0,0,0,0.45); border:1px solid #000; background-color:#FFF; z-index:11; }

.state_category { position:relative; padding:20px;  text-align:center; white-space:nowrap; border-bottom:1px solid #dedede; background-color:#f3f3f3; }
.state_select,
.category_box { display:inline-block; vertical-align:top; }
.state_select { margin:0 6px 0 0; }
.state_select select,
.category_box button { height:40px; }
.state_select select { border:0; display:block; width:120px; text-indent:5px; cursor:pointer; }
.category_box { font-size:0; }
.category_box button { padding:0; line-height:39px; font-size:15px; font-weight:bold; color:#333; border:0; border-radius:0; outline:0; background-color:#FFF; }
.category_box.kor button { width:40px; }
.category_box.eng button { width:27px; }
.category_box button.on,
.category_box button:hover { color:#fff; border-color:#1c5cb0; background-color:#1c5cb0; }
.category_box.kor button + button { margin-left:10px; }
.category_box.eng button + button { margin-left:5px; }

.state_list { overflow:hidden; height:250px; padding:15px 40px 15px 50px; font-size:0; }
.state_list ul { line-height:1; }
.state_list li { position:relative; display:none; width:200px; padding-left:36px; }
.state_list li img { margin-left:-36px; }
.state_list li.kor_a,
.state_list li.eng_a { display:inline-block; } /* 팝업 열렸을 때 보이는 처번째 목록 */

.state_list li span { display:inline-block; vertical-align:middle; padding:7px 10px 7px 0; cursor:pointer; }
.state_list li span:hover { color:#999; }
.state_list li img { width:26px; height:18px; margin-right:10px; }
.state_list li b { vertical-align:middle; font-size:14px; }

.state_close { position:absolute; top:0; right:0; width:29px; height:29px; font-size:0; line-height:29px; color:#fff; background-color:#000; cursor:pointer; }
.state_close:before { content:'\02715'; font-weight:bold; font-size:22px; }


/* 
	index.php 후기 미리보기 영역 추가 2021-07-01 
*/
/* 클리어픽스 */
.main_re:after,
.main_review_top:after { display:block; clear:both; visibility:hidden; content:''; }
/* 전체 틀 */
.main_re { display:flex; justify-content:space-between; gap:12px; width:1080px; padding-top:1px; margin-top:19px; }
.main_re article {  }
.main_re_left { display:flex; flex-wrap:wrap; justify-content:space-between; align-content:space-between; }
.main_re_right {  }

.re_banner a { display:block; width:260px; height:80px; box-sizing:border-box; padding:7px 0 0 13px; letter-spacing:-0.05em; color:#4b4c50; border:1px solid #cdced0; }
.re_banner p { margin-bottom:4px; }
.re_banner h3 { margin:0; font-weight:800; }
.re_banner.rbn01 { background:#e6f2ec url(../img/sub_banner1_back.png) right bottom no-repeat; } /* 국제운전면허증 배너 */
.re_banner.rbn02 { background:#dedede url(../img/sub_banner2_back.png) right calc(100% + 5px) no-repeat; } /* 범죄수사경력 회보서 배너 */
.re_banner.rbn01 h3 { font-size:20px; color:#16a78d; }
.re_banner.rbn02 h3 { font-size:18px; color:#fd8700; }
.re_banner.rbn01 p { font-size:13px; }
.re_banner.rbn02 p { font-size:12px; }

/* 후기 영역 */
.main_review_area { border:1px solid #cdced0; background-color:#FFF; }
.main_review_top { box-sizing:border-box; padding:10px 10px 0; background-color:#ece8da; }
.review_top_ttl { position:relative; float:left; display:block; width:325px; margin-top:-1px; height:auto; }
/* 후기 별점 게이지 */
.review_gauge { position:relative; float:right; width:106px; height:44px; }
.bar_area,
.main_cover { width:100%; height:100%; }
.bar_area { overflow:hidden; position:relative; }
.bar_gradient,
.bar_mask,
.main_cover,
.per_wrap { position:absolute; }
.bar_gradient { top:0; left:0; right:0; bottom:0;  background-image:linear-gradient(to right,#ff9927,#ff5022); } /* border-color */
.bar_mask { 
	top:-1px; left:5px; width:95px; height:95px; /* full circle! */ 
	border-radius: 50%; box-sizing: border-box; border: 30px solid #c4c4c4;  /* half gray, */
	border-bottom-color: transparent; border-right-color: transparent; /* half azure */
	transform:rotate(215deg); /* 별점 게이지 애니메이션 수정 */
	animation-name: mask; animation-duration:6s;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.bar_area { position:relative; }
	.bar_mask { top:-2px; left:6px; width:96px; height:96px; animation-name: mask; animation-duration:7s; }
}
/* 별점 게이지 애니메이션 수정 */
@keyframes mask { 
	0% { transform:rotate(55deg); } 25% { transform:rotate(215deg); } 50% { transform:rotate(55deg); } 100% { transform:rotate(215deg); } 
}
@-webkit-keyframes mask { 
	0% { transform:rotate(55deg); } 25% { transform:rotate(215deg); } 50% { transform:rotate(55deg); } 100% { transform:rotate(215deg); } 
}
@-moz-keyframes mask { 
	0% { transform:rotate(55deg); } 25% { transform:rotate(215deg); } 50% { transform:rotate(55deg); } 100% { transform:rotate(215deg); } 
}
@-ms-keyframes mask { 
	0% { transform:rotate(55deg); } 25% { transform:rotate(215deg); } 50% { transform:rotate(55deg); } 100% { transform:rotate(215deg); } 
}
@-o-keyframes mask { 
	0% { transform:rotate(55deg); } 25% { transform:rotate(215deg); } 50% { transform:rotate(55deg); } 100% { transform:rotate(215deg); } 
}
/* 애니메이션 커버 & 퍼센테이지 텍스트 */
.main_cover { left:0; top:0; }
.per_wrap { left:0; right:0; bottom:3px; line-height:1; text-indent:0.5em; text-align:center; font-size:15px; font-weight:bold; letter-spacing:-1px; }
.per_wrap .per { font-size:22px; font-weight:800; }
/* 이미지 선명도 조절 */
.review_top_ttl,
.main_cover { image-rendering:-webkit-optimize-contrast; } /* chrome only */
/* 후기 목록 */
.main_review { overflow:hidden; box-sizing:border-box; width:532px; height:105px; padding:10px 15px 14px; }
.main_review a { display:block; overflow:hidden; padding:8px 0; line-height:1; white-space:nowrap; text-overflow:ellipsis; font-size:12px; color:#555; }
.main_review a:hover { color:#ff854f }
.main_review a img { display:inline-block; width:60px; height:auto; margin-right:12px; }
.main_review .slick-vertical .slick-slide { width:100% !important; margin:0 0 0 0; }
/* OUR CLIENT -> MORE 버튼 */
.crs_more_btn { display:inline-block; width:57px; height:19px; line-height:18px; text-align:center; font-size:10px; border:1px solid #dedede; background-color:#fff; }
.crs_more_btn b { font-weight:800; color:#7f7f7f; }
.crs_more_btn b:after { content:'+'; margin-left:2px; }


/*
	민원신청 완료(서류 첨부하기 화면) 팝업 수정&추가 2021-07-20
*/
.pop_210720,
.subpop_210720 {  color:#000; }

/* 해외민원팀 전용 팝업 추가 */
.pop_210720 { min-width:450px; max-width:675px; width:auto; margin-top:250px; text-align:center; background-color:#fff;}

.pop_210720_top { box-sizing:border-box; display:inline-block; text-align:left; padding:25px 25px 15px; }
.pop_210720_top strong { margin-left:5px; font-size:18px; }
.pop_210720_top h1 { margin:3px 0 15px; font-size:35px; letter-spacing:-0.05em; font-weight:600; color:#0079c2; }
.pop_210720_top p { font-size:12px; }
.pop_210720_top p u { color:#d70022; }

.pop_210720_con:after { content:''; display:block; clear:both; visibility:hidden; }
.pop_210720_con li { float:left; box-sizing: border-box; width:225px; height:233px; text-align: center; cursor:pointer; }
.pop_210720_email { background-color:#78a2e7; }
.pop_210720_site { background-color:#fec110; }
.pop_210720_phon { background-color:#a6d8d1; }
.pop_210720_con li:before { display:block; margin-top:60px; }
.pop_210720_email:before { content:url(../img/pop_210720_icon_01.png); }
.pop_210720_site:before { content:url(../img/pop_210720_icon_02.png); }
.pop_210720_phon:before { content:url(../img/pop_210720_icon_03.png); }

.pop_210720_con h2 { position:relative; display:inline-block; margin:20px 0 0 0; padding-right:23px; font-size:20px; line-height:1; font-weight:600; }
.pop_210720_con h2:before,
.pop_210720_con h2:after { position:absolute; top:50%; }
.pop_210720_con h2:before { content:''; right:0; margin-top:-7px; line-height:14px; width:14px; height:14px; border-radius:7px; background-color:#000; }
.pop_210720_con h2:after { content:'\25B8'; margin-top:-6.5px; right:1px; line-height:1.2em; font-size:0.55em; text-indent:-11px; color:#fff; }

/* 이메일 전송 안내 팝업 공통 */
.email_210720 { position:relative; box-sizing:border-box; width:640px; min-height:382px; margin-top:300px; padding:25px 30px 85px; color:#000; background-color:#e6faff; }
.email_210720:after { content:url('../img/subpop_210720_pass.png'); position:absolute; right:35px; top:44px; font-size:0; border:1px solid #000; }
.email_210720 mark { color:#d70022; background-color:transparent; }
.email_210720 u { text-underline-position:under; }
.email_210720 > strong { font-size:16px; }
.email_210720 > h3 { margin:7px 0 10px -5px; line-height:1; letter-spacing:-0.06em; font-size:30px; font-weight:700; color:#0079c2; }
.email_210720 > p { line-height:1.3; font-size:18px; font-weight:700; }
.email_210720 > h4 { margin:24px 0 3px 0; font-size:16px; font-weight:800; color:#0079c2; }
.email_210720_copy b { display:block; margin:0; font-size:30px; font-weight:800; }
.email_210720_copy em { font-size:0; cursor:pointer; }
.email_210720 > u { display:block; margin-top:20px; line-height:1; font-weight:600; color:#d70022; }
.email_210720_close { position:absolute; left:0; right:0; bottom:0; width:100%; height:47px; line-height:45px; text-align:center; font-size:20px; font-weight:800; color:#fff; border:0; background-color:#007ac3; }
.email_210720_close:after { content:'\2715'; display:inline-block; vertical-align:top; width:19px; height:19px; line-height:19px; margin:13px 0 0 17px; font-size:15px; color:#007ac3; background-color:#fff; }
/* 휴대폰 번호일 때 */
.email_210720_copy .number { font-size:36px; }
.number_211214 * { font-size:17px; }
.number_211214 strong { font-weight:800; color:#d70022; }
.number_211214 span { font-weight:600; }
/* 2022-06-16 */
.pop_number { overflow:hidden; position:relative; box-sizing:border-box; width:524px; min-height:382px; margin-top:300px; padding:25px 100px 65px 25px; letter-spacing:-0.03em; line-height:1; color:#231916; background-color:#e6faff; }
.pop_number mark { background-color:transparent; }
.pop_number u { text-underline-position:under; }
.pop_number > strong { font-size:18px; color:#231916; }
.pop_number > h3 { margin:7px 0 12px -5px; line-height:1; letter-spacing:-0.06em; font-size:34px; font-weight:800; color:#0079c2; }
.pop_number > p { line-height:1.5; font-size:18px; font-weight:700; }
.pop_number > p mark,
.pop_number > p u { font-weight:800; }
.pop_number > p mark { color:#d70022; }
.pop_number h4 { position:relative; display:inline-block; margin:6px 0 12px; padding:5px 9px 6px; line-height:1; color:#fff; font-size:12px; font-weight:700; background-color:#d70022; }
.pop_number h4 div { position:relative; z-index:1; background-color:#d70022; }
.pop_number h4:before { content:''; position:absolute; top:13px; left:calc(50% - 5px); border-color:#d70022 transparent transparent transparent; border-width:20px 5px 0 5px; border-style:solid; transform:skew(300deg, 40deg); -webkit-transform:skew(300deg, 40deg); }
.pop_number mark { color:#ffe219; }
.pop_number .pn { line-height:1; letter-spacing:-0.05em; font-size:36px; font-weight:800; font-stretch:50%; color:#d70022; }
.pop_number .em { display:flex; align-items:center; margin:7px 0 10px; line-height:1; }
.pop_number .em * { font-weight:800; font-size:16px; }
.pop_number .em dt { margin-right:7px; color:#d70022; }
.pop_number .em dd {  }
.pop_number em { display:block; width:385px; line-height:1.5; font-weight:500; font-size:12px; font-style:normal; }
.pop_number em u { font-weight:700; }
.pop_number:after { content:url('../img/subpop_hand.png'); position:absolute; right:-40px; bottom:-10px; font-size:0; }







/*---------------------------------

마이페이지 주문상태 추가 2021-08-10 

---------------------------------*/

/* 마이페이지 처리/배송 현황 */
.order_status { width:100%; text-align:center; border-top:1px solid #000; background-color:#fff; }
.order_status > div:not(.status_txt) { height:177px; }
.shipping { display:inline-block; width:640px; height:100%; vertical-align:top; }
.shipping_list,
.arrive_list { position:relative; height:3px; background-color:#d0d9e5; }
.shipping_list li,
.arrive_list li { position:absolute; }
.arrive_list:before { content:''; position:absolute; left:-35px; width:36px; height:100%; background-color:#d0d9e5; }

/* 배송현황 */
.shipping_list { width:calc(100% - 38px); margin:106px 0 0 40px; }
.shipping_list li { width:1px; }
.shipping_list li:first-of-type { left:0; }
.shipping_list li:nth-of-type(2) { left:120px; }
.shipping_list li:nth-of-type(3) { left:270px; }
.shipping_list li:nth-of-type(4) { right:190px; }
.shipping_list li:nth-of-type(5) { right:70px }
.shipping_list li:before { content:''; position:absolute; left:50%; width:18px; height:18px; margin:-8px 0 0 -9px; border-radius:50%; background:#d0d9e5 url(../img/icons/icon_ship_check_white.png) 62% 50% no-repeat; background-size:65%; }
.shipping_list li .prepar { position:absolute; top:13px; left:50%; transform:translateX(-50%); font-size:13px; text-align:center; white-space:nowrap; color:#ff4831; }
.shipping_list li .prepar * { display:block; font-weight:700; }
.shipping_list li .prepar strong { color:#019b80; }
.shipping_list li .prepar span { color:#5e6671; }  
.shipping_list b { opacity:0.5; position:absolute; left:50%; bottom:15px; transform:translateX(-50%); text-align:center; font-size:12px; font-weight:700; white-space:nowrap; color:#4d5969; }
.shipping_list b:before { content:''; display:block; padding-bottom:5px; width:44px; height:32px; margin:0 auto; background-repeat:no-repeat; background-position:50% 0; }
.shipping_list li:first-of-type  b:before { background-image:url(../img/icon_ship_1_off.png); }
.shipping_list li:nth-of-type(2) b:before { background-image:url(../img/icon_ship_2_off.png); }
.shipping_list li:nth-of-type(3) b:before { background-image:url(../img/icon_ship_3_off.png); }
.shipping_list li:nth-of-type(4) b:before { background-image:url(../img/icon_ship_4_off.png); }
.shipping_list li:nth-of-type(5) b:before { background-image:url(../img/icon_ship_5_off.png); }
.shipping_list li.on b { opacity:1; }
/* 선택 된 현황 스타일 변경 */
.step1 .shipping_list li:first-of-type  b:before { background-image:url(../img/icon_ship_1_on.png); }
.step2 .shipping_list li:nth-of-type(2) b:before { background-image:url(../img/icon_ship_2_on.png); }
.step3 .shipping_list li:nth-of-type(3) b:before { background-image:url(../img/icon_ship_3_on.png); }
.step4 .shipping_list li:nth-of-type(4) b:before { background-image:url(../img/icon_ship_4_on.png); }
.step5 .shipping_list li:nth-of-type(5) b:before { background-image:url(../img/icon_ship_5_on.png); }
.shipping_list li.on:before { width:25px; height:25px; margin:-11px 0 0 -12px; border:5px solid #98c4ff; background-color:#2c7be5; background-image:url(../img/icons/icon_ship_check_yellow.png); background-size:16px auto; }
.state_wrap { padding-left:30px; padding-right:30px; }
.state_list th { height:44px; }
.state_list td { height:41px; } 
/* -----------------------
  ■ 상태별 클래스 ■
  .step1 주문접수
  .step2 결제완료(서류준비)
  .step3 처리중
  .step4 발송대기
  .step5 배송시작
------------------------ */
/* 현황 게이지 */
.shipping_list:before { position:absolute; content:''; left:0; height:100%; background-color:#2c7be5; } /* 기본 */
.step1 .shipping_list:before { width:12%; }
.step2 .shipping_list:before { width:35%; }
.step3 .shipping_list:before { width:61%; }
.step4 .shipping_list:before { width:82%; }
.step5 .shipping_list:before, .step6 .shipping_list:before { width:100%; }  
.shipping_list:after { content:url(../img/icon_ship_off.png); height:21px; position:absolute; right:-1px; top:-9px; z-index:1; }
.step5 .shipping_list:after,
.step6 .shipping_list:after { content:url(../img/icon_ship_on.png); }
/* 스텝 별 원 배경컬러 변경 */
.step1 .shipping_list li:first-of-type:before,
.step2 .shipping_list li:first-of-type:before, .step2 .shipping_list li:nth-of-type(2):before,
.step3 .shipping_list li:first-of-type:before, .step3 .shipping_list li:nth-of-type(2):before, .step3 .shipping_list li:nth-of-type(3):before,
.step4 .shipping_list li:not(:last-of-type):before,
.step5 .shipping_list li:before,
.step6 .shipping_list li:before { background-color:#2c7be5; }
/* 스텝 별 원 체크박스 이미지 변경 */
.step2 .shipping_list li:first-of-type b:before,
.step3 .shipping_list li:first-of-type b:before,
.step4 .shipping_list li:first-of-type b:before,
.step5 .shipping_list li:first-of-type b:before,
.step6 .shipping_list li:first-of-type b:before { background-image:url(../img/icon_ship_1_on.png); }
.step3 .shipping_list li:nth-of-type(2) b:before,
.step4 .shipping_list li:nth-of-type(2) b:before,
.step5 .shipping_list li:nth-of-type(2) b:before,
.step6 .shipping_list li:nth-of-type(2) b:before { background-image:url(../img/icon_ship_2_on.png); }
.step4 .shipping_list li:nth-of-type(3) b:before,
.step5 .shipping_list li:nth-of-type(3) b:before,
.step6 .shipping_list li:nth-of-type(3) b:before { background-image:url(../img/icon_ship_3_on.png); }
.step5 .shipping_list li:nth-of-type(4) b:before,
.step6 .shipping_list li:nth-of-type(4) b:before { background-image:url(../img/icon_ship_4_on.png); }
.step6 .shipping_list li:nth-of-type(5) b:before { background-image:url(../img/icon_ship_5_on.png); }
/* 주문취소, 환불, 기타 메세지 */
.status_txt { height:100px; line-height:100px; text-align:center; }
/* 주문 상세내역 */
.state_box { padding:20px 30px; border-top:1px solid #bfc5c9; }
.state_box h3 { margin:0 0 10px 10px; line-height:1; font-size:17px; font-weight:700; }
.state_box h3:before { content:''; display:block; width:5px; height:5px; margin:0 10px -6px -10px; background-color:#000; }
.state_scroll { width:100%; }
.state_box table { width:100%; }
.current_list { white-space:nowrap; border-top:2px solid #000; }
.current_list th,
.current_list td { padding:0; border-bottom:1px solid #a0a0a0; }
.current_list th,
.current_list td:not(:last-child) { text-align:center; }
.current_list th { height:44px; }
.current_list td { height:41px; }
.current_list thead th { font-size:15px; text-align:center; color:#000; background-color:#f5f5f5; }
.current_list td { font-weight:300; color:#333; }
.current_list tbody tr:nth-child(even) td { background-color:#f5f6f9; }
.current_list td:first-child,
.current_list td:nth-child(3) { font-size:13px; }
.current_list td:nth-child(2),
.current_list td:last-child { font-size:14px; } 
/* 서류도착 예정일 */
.arrive { width:377px; height:100%; float:right; border-left:1px solid #eee; }
.arrive h3 { display:flex; flex-direction:column; align-items:center; justify-content:center; height:49px; margin:0; line-height:1.3; text-align:center; font-size:15px; font-weight:700; color:#0f2868; background-color:#fff9b2; }
.arrive h3 strong,
.arrive h3 span { display:block; }
.arrive h3 strong { font-size:14px; font-weight:700; color:#2c7be5; }
.arrive h3 strong  i { font-size:12px; color:#0f2868; }
.arrive h3 span { font-size:13px; color:#ff4831; }
.arrive_list { width:81.235%; margin:57px auto 37px; }
.arrive_list li { text-align:center; font-weight:700; border-radius:50%; }
.arrive_list li span { position:relative; }
.arrive_list li:not(.high) { width:25px; height:25px; line-height:26px; top:calc(50% - 12px); font-size:12px; letter-spacing:-1px; }
.arrive_list li:first-of-type { left:0; color:#13b1f6; background-color:#edf2f9; }
.arrive_list li:nth-of-type(2) { left:17%; color:#005bd5; background-color:#dff5ff; }
.arrive_list li:nth-of-type(4) { left:71.725%; color:#ff7629; background-color:#ffe9dd; }
.arrive_list li:nth-of-type(5) { right:0; color:#00b76e; background-color:#e0faef; }
.arrive_list .high { display:flex; justify-content:center; align-content:center; flex-wrap: wrap; top:calc(50% - 28px); left:calc(50% - 28px); width:50px; height:50px; line-height:1; color:#fff; background-color:#ff4831; 
                    box-shadow:0 0 0 15px #fff9b2; animation:size 3s infinite; }
@keyframes size {
  50% { box-shadow:0 0 0 2px #fff9b2; }	
}
.arrive_list .high span { letter-spacing:-0.05em; word-break:keep-all; }
.arrive_date { padding:0 3%; font-size:0; line-height:1; text-align:justify; text-justify:distribute; }
.arrive_date:after { display:inline-block; width:100%; content:''; }
.arrive_date > * { display:inline-block; vertical-align:middle; font-weight:700; }
.arrive_date span:not(:nth-of-type(2)) { font-size:12px; color:#697586; }
.arrive_date span:nth-of-type(2) { font-size:14px; color:#ff4831; }
.arrive_date i { width:2px; height:15px; background-color:#dcdcdc; }


/*---------------------------------

중국 민원신청 상단 상품 슬라이더 추가 2021-11-29

---------------------------------*/
/*[src*="img/top7_text"] { display:none; } 기존 상단 이미지 강제로 숨김*/
.china_slide_box { box-sizing:border-box; padding:30px 30px 0;  height:330px; background:#FFF url('../img/top7_slide_back02.png') right top no-repeat; }
.china_slide_ttl {}
.china_slide_ttl strong { display:inline-block; padding:0 0 0 10px; margin-top:8px; line-height:1; font-size:21px; font-family:arial; font-stretch:40%; color:#918c8a; }
.china_slide_ttl h1 { float:left; margin:0; letter-spacing:-0.08em; font-size:33px; font-weight:bold }

.china_slide { width:860px; margin:40px auto 0; }
.china_slide .csd { width:135px; height:196px; margin-left:40px; border:1px solid #9b9b9b; background-color:#FFF; }
.china_slide a { position:relative; display:block; height:100%; }
.china_slide figure { position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid transparent; }
.china_slide img { position:relative; max-width:100%; max-height:100%; }
.china_slide figcaption { position:absolute; bottom:-2px; left:-2px; right:-2px; box-sizing:border-box; height:56px; padding-top:5px; line-height:1; text-align:center; color:#fff; background-color:#d51919; }
.china_slide figcaption strong { display:block; font-weight:normal; overflow:hidden; margin-top:5px; font-size:13px; letter-spacing:-0.05em; }
.china_slide .csd:hover,
.china_slide .csd:hover figure { border-color:#d51919; }

.china_slide .slick-arrow { overflow:hidden; width:44px; height:44px; border:0; color:transparent; background-size:24px 20px; background-position:center center; background-color:rgba(0, 0, 0, 0.3); background-repeat:no-repeat; z-index:3; }
.china_slide .slick-arrow:hover { background-color:#617e90; }
.china_slide .slick-arrow.slick-prev,
.china_slide .slick-arrow.slick-next { top:90px; } 
.china_slide .slick-arrow.slick-prev { left:-83px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 21' style='enable-background:new 0 0 14 21'%3E%3Cpath d='M14 21 5.5 10.5 14 0H8.5L0 10.5 8.5 21H14z' style='fill-rule:evenodd;clip-rule:evenodd;fill:%23fff'/%3E%3C/svg%3E"); }
.china_slide .slick-arrow.slick-next { right:-83px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 21' style='enable-background:new 0 0 14 21'%3E%3Cpath d='m0 0 8.5 10.5L0 21h5.5L14 10.5 5.5 0H0z' style='fill-rule:evenodd;clip-rule:evenodd;fill:%23fff'/%3E%3C/svg%3E"); }





/* 2022 로고 변경 2022-01-04 */
.logo_happy2022 { position:absolute; top:-93px; left:-175px; z-index:1; }
/* 2022 설날 로고 배경 */
/* #title .search { background:url(../img/logo_back_sul2022.png) calc(50% - 630px) 0 no-repeat; } */
/* 2022 3/1절 로고 변경 */
/* #title .search { background:url(../img/logo_back_31.jpg) calc(50% - 395px) 4px no-repeat; } 
#title .search img[src*='logo_new3'] { opacity:0; margin-left:-50px; margin-right:50px; } */
/* 2022 우크라이나 전쟁 반대 이미지추가 */
/* #title .search { background:url(../img/logo_stopthewarinukraine.png) calc(50% - 600px) 20px no-repeat; background-size:auto 93px; } */
/* 2022 추석 로고 배경 2022-08-30 */
/* #title .search { background:url(../img/logo_chusuk2022.png) calc(50% - 628px) -7px no-repeat; } */
/* 2022 이태원 참사 추모 2022-10-31 */
/* #title .search { background:url(../img/logo_itaewon2022.jpg) calc(50% - 635px) 15px no-repeat; } */
/* 2022 카타르 월드컵 16강 진출 기념 2022-12-05 */
/* #title .search { background:url(../img/logo_worldcup2022_r.png) calc(50% - 657px) bottom no-repeat; } */
/* 2022 크리스마스 로고 2022-12-19 */
/* #title .search { background:url(/main/img/logo_christmas2022_back.png) calc(50% - 630px) bottom no-repeat; } */
/*.logo_christmas2022 { position:relative; }
.logo_christmas2022:after { content:''; display:block; position:absolute; left:-44px; top:99px; width:59px; height:51px; background:url(/main/img/logo_christmas2022_gift.png) 0 0 no-repeat; background-size:cover; z-index:1; }
.logo_christmas2022_mask { overflow:hidden; position:absolute; left:-175px; top:21px; width:150px; height:150px; border-radius:75px; z-index:1; background:url(/main/img/logo_christmas2022_fallback.png) center -2px no-repeat; }
.logo_christmas2022_inner { position:absolute; top:-5px; left:calc(50% - 162px); }
.logo_christmas2022_inner .video { width:323px; height:181px; } */
/* 2023 새해로고 */
.logo_new2023 .logo a:before { content:''; position:absolute; left:0; top:0; display:block; width:55px; height:52px; background-color:#fff; } /* 기존 로고의 BI 가림 */
.new2023,
.new2023 div { position:absolute; z-index:1; }
.new2023_bn01 { top:0; left:0; width:51px; height:48px; }
.new2023_bn02 { top:-15px; left:-34px; width:88px; height:78px; }
[class*="new2023_bn0"] img { animation-duration:8s; animation-timing-function:cubic-bezier(0.390, 0.575, 0.565, 1.000); animation-iteration-count:infinite; }
.new2023_bn01 img { animation-name:fadeB; } /* 회사 BI */
.new2023_bn02 img { opacity:0; animation-name:fadeA; } /* 새해 이미지 */
/* 2023 새해로고 animation */
@keyframes fadeA {
  0%, 38%, 100% { opacity:0; transform:scale(0.2); }
  40%, 98% { opacity:1; transform:scale(1); }
}
@keyframes fadeB {
  0%, 38%, 100% { opacity:1; transform:scale(1); }
  40%, 98% { opacity:0; transform:scale(0.2); }
}
/* 2023 31절 로고 */
.search.logo_31_2023 { background:url(../img/logo_31logo2023.png) calc(50% - 615px) 25px no-repeat; }
/* 2023 추석 로고 */
.logo_chu2023:after { content:url(../img/logo_chu2023.png); position: absolute; top: 0; left:calc(50% - 740px); }
/* 2023 크리스마스 로고
.hd_top:before,
.afx_cart:before { content:''; position:absolute; background-repeat:no-repeat; background-position:0 0; }
.hd_top:before { pointer-events:none; top:0; left:-33px; width:269px; height:78px; background-color:#fff; background-image:url(../img/logo_christmas2023_back_r.png); }
.afx_cart:before { top:-16px; left:-13px; width:55px; height:44px; background-image:url(../img/christmas2023_cart.png); }
 */
/* 2024 새해로고
.hd_top:before { content:''; position:absolute; left:-90px; top:3px; display:block; width:130px; height:70px; background:url(../img/logo_new2024.png) 0 0 no-repeat; }
.afx_cart:before { content:''; position:absolute; top:-16px; left:-13px; width:55px; height:44px; background:url(../img/christmas2023_cart.png) 0 0 no-repeat; }
 */
 /* 2024 크리스마스 디자인 */
.hd_renew.chtistmas2024 { 
	background-image:url(https://allminwon.com/main/img/christmas2024_items.png), url(https://allminwon.com/main/img/christmas2024_back.gif);
	background-position:calc(50% + 720px) 0, 50% 0;
	background-repeat:no-repeat, repeat-x;
}
.hd_renew.chtistmas2024:before { content:''; position: absolute; top:0; left:calc(50% - 792px); width: 301px; height: 150px; pointer-events:none; background:transparent url(https://allminwon.com/main/img/christmas2024_bell.png) 0 0 no-repeat; }
.hd_renew.chtistmas2024 .logo a:before { content:''; display: block; width:220px; height:49px; margin-top:-5px; background:url(/main/img/logo_small_re_white.png) 0 100% no-repeat; }
.hd_renew.chtistmas2024 .logo a img { display: none; }
.hd_renew.chtistmas2024 .hd_top_menu span i:first-child,
.hd_renew.chtistmas2024 .hd_top_menu span b { color: #fff; }
.hd_renew.chtistmas2024 .hd_top_menu span i:last-child { color: #FFF697; }
.hd_renew.chtistmas2024 .top_btn.global { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M0 9c0 4.962 4.039 9 9.001 9 4.965 0 9.001-4.038 9.001-9s-4.038-9-9-9C4.038 0 0 4.038 0 9Zm5.642-7.033a7.808 7.808 0 0 0-4.412 6.43h2.459c.098-2.624.833-4.909 1.953-6.43ZM3.69 9.603h-2.46a7.805 7.805 0 0 0 4.412 6.428c-1.12-1.521-1.854-3.805-1.952-6.428Zm4.709 7.099c-1.854-.542-3.348-3.527-3.501-7.099h3.5v7.099Zm1.206 0c1.854-.542 3.346-3.527 3.499-7.099H9.604v7.099Zm0-8.305h3.5c-.153-3.574-1.645-6.561-3.5-7.103v7.103ZM8.398 1.294c-1.855.542-3.349 3.529-3.501 7.103h3.5V1.294Zm3.966 14.733c1.118-1.521 1.851-3.804 1.95-6.424h2.454a7.807 7.807 0 0 1-4.404 6.424Zm1.95-7.63h2.454a7.81 7.81 0 0 0-4.407-6.428c1.12 1.521 1.854 3.805 1.952 6.428Z' clip-rule='evenodd'/%3E%3C/svg%3E"); }
.hd_renew.chtistmas2024 .top_btn.my { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M7.875 12.023a5.563 5.563 0 0 1-2.398-.539c-2.229 1.133-3.668 2.989-3.668 5.579 0 .519-.405.94-.905.94-.498 0-.904-.421-.904-.94 0-2.954 1.463-5.282 3.805-6.778a6.105 6.105 0 0 1-1.723-4.273C2.082 2.699 4.68 0 7.875 0c2.523 0 4.676 1.684 5.467 4.027a6.076 6.076 0 0 1 .326 1.985c0 1.668-.66 3.183-1.725 4.273 2.342 1.496 3.807 3.824 3.807 6.777 0 .52-.404.942-.906.942-.498 0-.904-.422-.904-.942 0-2.59-1.438-4.445-3.668-5.578a5.561 5.561 0 0 1-2.397.54Zm0-10.144c-2.197 0-3.984 1.851-3.984 4.133a4.212 4.212 0 0 0 .586 2.156c.7 1.184 1.962 1.977 3.398 1.977 2.195 0 3.984-1.856 3.984-4.133 0-2.282-1.787-4.133-3.984-4.133Z' clip-rule='evenodd'/%3E%3C/svg%3E"); }
/* 2025 새해 디자인 */
.hd_renew.newyear2025:after { position: absolute; top:-35px; left:calc(50% - 760px); content:''; width: 194px; height: 260px; background:url(../img/logo_new2025.png) 0 0 no-repeat; pointer-events:none; }



/* 발급 상품리스트 > 부동산 항목 상단 배너 스타일 수정 */
table a[href*="xn--bk1b91b72k6wan39a"] { display:block; margin:15px -8px -15px; border-top:1px solid #ddd; }

/* 저녁 6시 이후 상단 노출팝업 강제 숨김 2022-06-02 */
/*#wrap_banner { display:none !important; }*/



/* 상품 서류 미리보기 팝업 2022-08-17 */
.doc_preview { display:inline-block; margin:0 3px; cursor:pointer; } /* 리스트 아이콘 */
/* 상세페이지 서류이미지 & 슬라이드 호출 버튼 */
.sample_doc { text-align:center; }
.sample_doc img { display:block; max-width:93px; height:auto; border:1px solid #555; }
.sample_doc button { display:inline-flex; align-items:center; justify-content:center; width:73px; height:23px; margin-top:5px; padding:0; font-size:11px; color:#fff; border:1px solid #333; border-radius:3px; background-color:#535353; }
.sample_doc button:before { content:''; width:16px; height:17px; margin-right:3px; background:url(/img/icon_doc.svg) 0 0 no-repeat; }
/* 팝업 */
.doc_popup_wrap { display:flex; align-items:center; justify-content:center; position:fixed; top:0; left:0; right:0; bottom:0; z-index:10; }
.doc_popup { overflow:hidden; display:flex; flex-flow:column; position:relative; width:527px; height:548px; border:1px solid #000; background-color:#fff; }
.doc_popup_ttl { display:flex; align-items:center; justify-content:center; min-height:55px; padding:10px 35px; text-align:center; font-size:15px; color:#fff; background-color:#0079c3; }
.doc_popup_slider { flex:1; padding:40px 0 20px; height:100%; }

.dc_slider { height:100%; text-align:center; }
.slick-initialized .slick-slide.dc_item { display:flex; flex-direction:column; }
.dc_slider img { max-width:252px; max-height:356px; margin:0 auto 15px; vertical-align:top; border:1px solid #9b9b9b; }
.dc_slider strong { margin-top:auto; font-size:16px; color:#333; font-weight:normal; }

.dc_slider .slick-arrow { top:calc(50% - 50px) !important; overflow:hidden; display:flex; align-items:center; justify-content:center;  font-size:0; background-color:transparent; z-index:1; }
.dc_slider .slick-arrow:before { content:'\3008'; width:20px; height:27px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.6 52.7' style='enable-background:new 0 0 39.6 52.7'%3E%3Cpath style='fill:%233b3b3b' d='M12.7 0H0l26.5 26.5L.3 52.7h12.8l26.1-26.2z'/%3E%3C/svg%3E"); }
.dc_slider .slick-prev.slick-arrow:before { transform: scaleX(-1); }

.doc_popup button { border:0; border-radius:0; }

.doc_popup_close01 { margin-top:auto; height:31px; font-size:12px; font-weight:bold; background-color:#d9d6d6; }
.doc_popup_close01:after { content:'\2715'; margin-left:5px; }
.doc_popup_close02 { overflow:hidden; position:absolute; top:0; right:0; color:transparent; width:29px; height:29px; border:0; background-color:#000; }
.doc_popup_close02:before { content:'\2715'; color:#fff; font-weight:bold; font-size:18px; }
.doc_popup_dim { position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.5); }


/* 
	ㄱㄴㄷ별 검색폼 추가 2022-08-24 
	베스트민원/개별국가 추가 (베트남, 영국, 호주 일본, 독일) 2022-09-21
*/
.nation_wrap { margin-top:20px; padding:20px 15px 22px; border-top:2px solid #d32d14; background-color:#fff; }
.nation_ttl { margin:0 0 25px; font-size:23px; line-height:1; font-weight:700; }
.nation_list { display:flex; position:relative; justify-content:space-between; }
.nt_box {  }

.list_apart_bar { font-size:0; width:1px; height:38px; margin:0 9px 0 10px; background-color:#cfcfcf; }

.nt_btn { min-width:36px; height:38px; padding:0 5px; line-height:36px; text-align:center; font-size:14px; font-weight:700; color:#252525; border:1px solid #d3d3d3; border-radius:0; background-color:#fff; }
.no_list .nt_btn { display:flex; justify-content:center; align-items:center; font-size:14px; white-space:nowrap; letter-spacing:-0.02em; border-color:#a0a0a0; background-color:#fef0ee; }
.no_list .nt_btn:before { content:''; display:inline-block; margin:0 2px 0 0; background-repeat:no-repeat; background-position:center bottom; }

.no_list.best {  }
.no_list.best .nt_btn:before { width:17px; height:16px; margin-right:5px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 69.7 67.6' style='enable-background:new 0 0 69.7 67.6' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:%23000%7D%3C/style%3E%3Cpath class='st0' d='M10.3 59.1h49.1v8.5H10.3zM66 8.2H55.4c1.7-4.7 4-8 4-8H10.3s2.3 3.3 4 8H3.6c-2 0-3.6 1.6-3.6 3.6 0 7 4.2 13.4 11.6 17.6L13 27C6.6 23.3 2.9 17.7 2.9 11.8c0-.4.3-.8.8-.8h11.5c.5 1.9.8 3.8.8 5.8v9.7c0 9.1 6.4 17 15 18.9v3.4H17.8v8.5H52v-8.5H38.8v-3.4c8.6-1.8 15-9.4 15-18.5v-10c0-2 .3-4 .8-5.8H66c.4 0 .8.3.8.8 0 5.9-3.7 11.4-10.2 15.1l1.4 2.5c7.4-4.2 11.6-10.7 11.6-17.6.1-2.1-1.5-3.7-3.6-3.7zM37.9 33.5h-3.3V16.9l-2.4 1.9-1.8-2.1 4.8-4.1h2.7v20.9z'/%3E%3C/svg%3E"); }
.no_list.best.on .nt_btn:before,
.no_list.best:hover .nt_btn:before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 69.7 67.6' style='enable-background:new 0 0 69.7 67.6' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:%23fff%7D%3C/style%3E%3Cpath class='st0' d='M10.3 59.1h49.1v8.5H10.3zM66 8.2H55.4c1.7-4.7 4-8 4-8H10.3s2.3 3.3 4 8H3.6c-2 0-3.6 1.6-3.6 3.6 0 7 4.2 13.4 11.6 17.6L13 27C6.6 23.3 2.9 17.7 2.9 11.8c0-.4.3-.8.8-.8h11.5c.5 1.9.8 3.8.8 5.8v9.7c0 9.1 6.4 17 15 18.9v3.4H17.8v8.5H52v-8.5H38.8v-3.4c8.6-1.8 15-9.4 15-18.5v-10c0-2 .3-4 .8-5.8H66c.4 0 .8.3.8.8 0 5.9-3.7 11.4-10.2 15.1l1.4 2.5c7.4-4.2 11.6-10.7 11.6-17.6.1-2.1-1.5-3.7-3.6-3.7zM37.9 33.5h-3.3V16.9l-2.4 1.9-1.8-2.1 4.8-4.1h2.7v20.9z'/%3E%3C/svg%3E"); }
.no_list:not(.best) .nt_btn:before { width:17px; height:12px; background-size:calc(100% + 2px) auto; }

.no_list.vietnam .nt_btn:before { background-image:url(/img/nation/vietnam.png); }
.no_list.uk .nt_btn:before { background-image:url(/img/nation/unitedkingdom.png); }
.no_list.aus .nt_btn:before { background-image:url(/img/nation/australia.png); }
.no_list.jp .nt_btn:before { background-image:url(/img/nation/japan.png); }
.no_list.gm .nt_btn:before { background-image:url(/img/nation/germany.png); }

.nt_box:hover .nt_btn,
.on.nt_box .nt_btn { color:#fff; border-color:#d32d14; background-color:#d32d14; }
.nt_box:hover .nt_list { display:block; }
.nt_list { display:none; }
.nt_list { position:absolute; left:-15px; right:-15px; padding:20px 30px 30px; border-bottom:2px solid #6e6e6e; background-color:#fff; z-index:1; }
.nt_list ul { display:flex; flex-wrap:wrap; }
.nt_list li:not(.no_contry) { width:20%; padding:10px 0; }
.ct_name .ct_btn { font-size:15px; cursor:pointer; }
.ct_name:hover .ct_btn,
.ct_name.on .ct_btn { font-weight:700; text-decoration:underline; text-underline-position:under; }
.ct_name img { width:26px; height:auto; margin-right:9px; }
.nt_list .no_contry { width:100%; padding:20px 0; }
.no_contry_info { text-align:center; font-size:14px; color:#333; }
.no_contry_info:before { content:''; display:block; width:100px; height:91px; margin:0 auto 15px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 41.9 37.5' style='enable-background:new 0 0 41.9 37.5'%3E%3Cstyle%3E.st0%7Bfill:%23c3e0fc%7D.st2%7Bfill:%2336435e%7D%3C/style%3E%3Cpath class='st0' d='M9 26.5H6.3c-2.8 0-5-2.2-5-5v-2.6c0-2.8 2.2-5 5-5H9v12.6zM32.9 13.8h2.8c2.8 0 5 2.2 5 5v2.6c0 2.8-2.2 5-5 5h-2.8V13.8z'/%3E%3Cpath d='M24.9 33.6c0 1.5-1.2 2.7-2.7 2.7-1.5 0-2.7-1.2-2.7-2.7s1.2-2.7 2.7-2.7c1.5.1 2.7 1.3 2.7 2.7' style='fill:%23fff'/%3E%3Cpath class='st2' d='M35.6 12.6h-1.5C33.8 5.6 28 0 20.9 0c-7 0-12.8 5.6-13.1 12.6H6.3c-3.5 0-6.3 2.8-6.3 6.3v2.6c0 3.5 2.8 6.3 6.3 6.3H9c.7 0 1.3-.6 1.3-1.3V13.2c0-5.9 4.8-10.7 10.7-10.7 5.9 0 10.7 4.8 10.7 10.7V27c0 3-2.4 5.4-5.4 5.4H26c-.5-1.5-2-2.7-3.7-2.7-2.2 0-3.9 1.8-3.9 3.9 0 2.2 1.8 3.9 3.9 3.9 1.7 0 3.2-1.1 3.7-2.7h.3c4.1 0 7.5-3.2 7.8-7.2h1.5c3.5 0 6.3-2.8 6.3-6.3v-2.6c0-3.3-2.8-6.1-6.3-6.1zM7.8 25.2H6.3c-2.1 0-3.8-1.7-3.8-3.8v-2.6c0-2.1 1.7-3.8 3.8-3.8h1.5v10.2zM22.3 35c-.8 0-1.4-.6-1.4-1.4s.6-1.4 1.4-1.4c.8 0 1.4.6 1.4 1.4S23 35 22.3 35zm17.1-13.6c0 2.1-1.7 3.8-3.8 3.8h-1.5V15.1h1.5c2.1 0 3.8 1.7 3.8 3.8v2.5z'/%3E%3Cpath class='st2' d='M17.3 12.6c-.7 0-1.3.6-1.3 1.3v1.7c0 .7.6 1.3 1.3 1.3s1.3-.6 1.3-1.3v-1.7c0-.7-.6-1.3-1.3-1.3zM24.6 12.6c-.7 0-1.3.6-1.3 1.3v1.7c0 .7.6 1.3 1.3 1.3s1.3-.6 1.3-1.3v-1.7c-.1-.7-.7-1.3-1.3-1.3zM22.2 24.4c2 0 3.6-1.6 3.6-3.6 0-.7-.6-1.3-1.3-1.3s-1.3.6-1.3 1.3c0 .6-.5 1.1-1.1 1.1h-2.6c-.6 0-1.1-.5-1.1-1.1 0-.7-.6-1.3-1.3-1.3s-1.3.6-1.3 1.3c0 2 1.6 3.6 3.6 3.6h2.8z'/%3E%3C/svg%3E") center center no-repeat; }
.no_contry_info i { font-style:normal; text-decoration:underline; text-underline-position:under; color:#e60012; }

/* 간편주문버튼 추가 2022-08-24 */
.link_state.r20220829 { position:absolute; top:325px; left:calc(50% + 370px); border:0; width:150px; background-color:#7dbd00; z-index:1; }
.link_state.r20220829:hover { color:#fff; background-color:#004f98; }


/* 
	회원정보 수정 -> 비밀번호 확인 페이지의 틀어지는 폼 수정 
	/gn_member/modify.php
	2023-01-11 
*/
.box table[width="50%"] td[colspan="2"].inp { width:100%; }


/*------------------------------
	상품 목록 개선 2022-11-30 
-------------------------------*/

.pc_list_re { width:100%; border-top:1px solid #ddd; background-color:#fff; }
.pc_list_re tr:first-of-type td { background-color:rgba(221, 221, 221, 0.2); }
.pc_list_re td { height:45px; padding:13px 10px; vertical-align:top; border-bottom:1px solid #ddd; }
.pc_list_re td:nth-of-type(2) { text-align:right; }
.pc_list_re td:nth-of-type(3) { width:250px; }

.pc_link {  }
.pc_link * { vertical-align:middle; cursor:pointer; }
.pc_link p { margin:10px 0 10px 32px; font-size:14px; line-height:1; color:#e60012; }
.pc_link p:before { content:''; display:inline-block; width:6px; height:6px; vertical-align:top; margin:1px 5px 0 0; border-left:1px solid #e60012; border-bottom:1px solid #e60012; }

.pc_link input[type="checkbox"] { width:20px; height:20px; margin-right:5px; }
.pc_link label { margin:0; font-weight:normal; }

.pc_items { position:relative; display:flex; justify-content:flex-end; gap:13px !important; }
.pc_items > * { display:block; cursor:default; } /* a 태그 커서 호버 스타일 변경 */
.pc_items img:not([src*="_off"]) { cursor:pointer; } /* 비활성화 이미지 제외한 이미지에 커서 호버스타일 변경 */
.pc_items label { margin-bottom:0; } 

.pc_items .doc_preview { margin:0; }

.more_visible { width:25px; height:20px; margin:0 -8px 0 0; text-align:center; border:0; background-color:transparent; }

.pc_link_more { position:absolute; top:calc(100% + 16px); right:-10px; display:none; width:117px; padding:15px; border:1px solid #707070; background-color:#fff; z-index:1; }
.pc_link_more div + div { margin-top:7px; }
.pc_link_more a { font-size:12px; color:#333; }
.pc_link_more img { vertical-align:middle; }
.pc_link_more div:not(:last-of-type) img { margin-right:7px; }
.pc_link_more div:last-of-type img { margin-right:5px; }
.pc_link_more:before { content:url(./img/picon_edge.png); position:absolute; top:-11px; right:4px; }
.pc_link_more:after { content:''; position:absolute; top:-45px; right:0; width:30px; height:40px; cursor:pointer; }


/* 연휴 배송 안내 팝업 2023-09-18 */
.popup_holiday { position:fixed; left:calc(50% - 270px); top:180px; padding:20px 20px 49px; border:1px solid #6d7d76; background-color:rgba(128,169,144,0.75); z-index:1000; }
.popup_holiday_item { position: absolute; bottom:-1px; left:-1px; right:-1px; display:flex; justify-content:flex-end; gap:5px; align-items:center; height:30px; padding:0 10px; font-size:12px; color:#fff; background-color:#000; }
.popup_holiday_item * { margin:0 !important; }
.popup_holiday_thumb img { display:block; border:1px solid #000; }
.popup_holiday_item button { width:50px; height:16px; margin-left:5px; font-size:11px; color:#fff; border:0; background-color:#004f98; }
.popup_holiday_close { position:absolute; top:-47px; right:-1px; width:52px; height:46px; font-size:0; border:0; background:url(/main/img/green_close_bu.png) 0 0 no-repeat; }



/* 상품 목록페이지 상단 비주얼 이미지 영역 포지션값 추가 2023-01-26 */
.sub_top.container { position:relative; }


/* 상품 상세페이지 내 신청하기 버튼 추가 2023-01-27 */
.sub_inner_aply { position:fixed; left:calc(50% + 340px); bottom:180px; width:149px; height:54px; font-size:16px; font-weight:700; color:#fff; border:0; border-radius:27px; box-shadow:0 6px 7px rgba(0,122,195,0.4); background-color:#007ac3; }
.sub_inner_aply:not(.view):not(.st) { opacity:0; z-index:-1; }
.sub_inner_aply,
.sub_inner_aply.view { transition:all 0.3s; }
.sub_inner_aply.st { position:absolute; top:calc(100% - 795px); } /* 특정위치 배너고정 */
.sub_inner_aply span { position:relative; z-index:1; }

/* 그라데이션 효과 */
.sub_inner_aply.rainbow { overflow:hidden; }
.sub_inner_aply.rainbow:after { 
    content: ''; background: linear-gradient(45deg, rgba(0,122,195,1) 12%, rgba(122,0,255,1) 33%, rgba(122,0,255,1) 49%, rgba(122,0,255,1) 65%, rgba(0,122,195,1) 88%); background-size: 300%;
    position:absolute; top:-2px; left:-2px; width:calc(100% + 4px); height:calc(100% + 4px); filter: blur(10px);
    animation: glowing 10s linear infinite;
}
@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 300% 0; }
    100% { background-position: 0 0; }
}

/* shiny glass */
.sub_inner_aply.shiny { overflow:hidden; }
.sub_inner_aply.shiny:after { content:''; position:absolute; top:-50%; height:200%; width:60px; border-right:10px solid rgba(256,256,256,0.1); background-color:rgba(256,256,256,0.15); transform:rotate(-25deg); animation:shiny infinite 2.5s; }
.sub_inner_aply.shiny:hover { background-color:#005386; }

@keyframes shiny {
	0% { left:-50px; }
	30% { left:calc(100% + 80%); }
	100% { left:calc(100% + 80%); }
}


/* 서브페이지 상단 타이틀 영역 리뉴얼 */
.subtitle { display:flex; justify-content:space-between; align-items:end; margin:68px 0 20px; }
.subtitle h2 { margin:0 0 5px; letter-spacing:-0.05em; font-size:39px; font-weight:800; font-variation-settings:'wdth' 25; }
.subtitle p { margin:0; letter-spacing:-0.02em; font-size:14px; font-weight:500; }

/* 주문단계 안내 이미지 텍스트로 변환 */
.order_steps { display:flex; justify-content:flex-end; gap:37px; font-size:13px; font-weight:600; color:#727272; }
.order_steps li { position:relative; }
.order_steps li:not(:first-child):before,
.order_steps li:not(:first-child):after { content:''; position:absolute; background-repeat:no-repeat; }
.order_steps li:not(:first-child):before { left:-25px; top:calc(50% - 12px); width:24px; height:21px; 
	background-position:right center; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.532 1048.341H9.536v-9h-9v-2h11z' style='fill:%23dbdbdd;stroke:none;' transform='rotate(45 1254.793 524.438)'/%3E%3C/svg%3E"); 
}
.order_steps li:not(:first-child):after { left:-30px; top:calc(50% - 3px); height:3px; width:18px; 
	background-image: repeating-linear-gradient(0deg, #dbdbdd, #dbdbdd 3px, transparent 3px, transparent 5px, #dbdbdd 5px), 
					  repeating-linear-gradient(90deg, #dbdbdd, #dbdbdd 3px, transparent 3px, transparent 5px, #dbdbdd 5px); 
	background-size: 3px 100%, 100% 3px, 3px 100%, 100% 3px; 
	background-position: 0 0, 0 0, 100% 0, 0 100%;
}

.order_steps li.on { color: #ff8a0d; }
.order_steps li.on:not(:first-child):before {  
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.532 1048.341H9.536v-9h-9v-2h11z' style='fill:%23ff8a0d;stroke:none;' transform='rotate(45 1254.793 524.438)'/%3E%3C/svg%3E");
}
.order_steps li.on:not(:first-child):after {
		background-image: repeating-linear-gradient(0deg, #ff8a0d, #ff8a0d 3px, transparent 3px, transparent 5px, #ff8a0d 5px), 
					  repeating-linear-gradient(90deg, #ff8a0d, #ff8a0d 3px, transparent 3px, transparent 5px, #ff8a0d 5px); 
}




.top_blue_line { min-height:400px; padding:25px; border-top:4px solid #007ac3; background-color:#fff; }
.ttl_blue { margin:70px 0 10px; line-height:1; font-size:22px; text-align:center; font-weight:800; letter-spacing:-0.03em; color:#007ac3; }
.ttl_blue span { font-weight:400; }
.subtxt_small { margin:18px 0 22px; text-align:center; font-size:13px; color:#909090; }
.subtxt_small p { margin:0; line-height:1.2; }
.subtxt_small p + p { margin-top:2px; }
.btn_submit_blue { width:100%; height:50px; font-weight:700; font-size:15px; color:#fff; border:1px solid #0f5bc1; background-color:#007ac3; }

/* 로그인 & 회원가입 폼 2023-02-06 */
.form_wrap_member { width:305px; margin:70px auto 90px; }
.form_wrap_member .form-control { width:100%; height:46px; margin-bottom:10px; border-radius:0; }
.form_wrap_member .ttl_blue + .subtxt_small { margin:20px 0 25px; }
.form_wrap_member .ttl_blue { margin:0; }
.form_wrap_member .form_items + .subtxt_small { margin:35px 0 15px; }

.form_items { display:flex; justify-content:space-between; margin-top:10px; }
.form_items label { margin:0; font-size:13px; font-weight:300; color:#909090; }
.form_items label input[type="checkbox"] { width:24px; height:24px; margin:0 5px 0 0; font-weight:normal; vertical-align:middle; }

.form_items_inner { display:flex; font-size:13px; color:#909090; }

.form_sns { display:flex; justify-content:space-between; margin-bottom:20px; }
.form_sns a { display:flex; align-items:center; box-sizing:border-box; width:150px; height:50px; }
.form_sns a:before { content:''; display:block; width:48px; height:50px; border-right-width:2px; border-right-style:solid; background-repeat:no-repeat; background-position:center center; }
.form_sns b { flex:1; text-shadow:0 0 2px rgba(0,0,0,0.5); text-align:center; color:#fff; }
.form_sns_naver { background-color:#2db400; }
.form_sns_naver:before { border-right-color:#24a700; background-size:19px 17px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 81.4 72' viewBox='0 0 81.4 72'%3E%3Cpath d='M0 0h28.3l24.9 37.9V0h28.2v72H53.2l-25-36.8V72H0V0z' style='fill:%23fff'/%3E%3C/svg%3E"); }
.form_sns_kakao { background-color:#ffcd00;  }
.form_sns_kakao:before { border-right-color:#ffc330; background-size:28px 26px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 171 157' viewBox='0 0 171 157'%3E%3Cstyle%3E.st0%7Bfill:%233c2323%7D%3C/style%3E%3Cpath d='M61.7 72.3h10.9l-5.2-13.9z' class='st0'/%3E%3Cpath d='M85.4 0C38.2 0 0 29.8 0 66.5c0 23.4 15.5 44 38.9 55.8l-7.2 29.9c-1.7 5.3-.2 5.5 3.8 3.4l35.8-23.4c4.6.6 9.3.9 14 .9 47.1 0 85.4-29.8 85.4-66.5S132.5 0 85.4 0zM42.1 85.4c0 2.1-1.7 3.8-3.8 3.8s-3.8-1.7-3.8-3.8V55.1H25c-2.1 0-3.8-1.7-3.8-3.8s1.7-3.8 3.8-3.8h26.4c2.1 0 3.8 1.7 3.8 3.8s-1.7 3.8-3.8 3.8h-9.3v30.3zm40.7 3.3c-.4.2-.9.2-1.3.2-1.6 0-3-1-3.6-2.5L75.4 80H58.6l-2.7 6.6c-.8 2-3 2.9-5 2.1s-2.9-3-2.1-5l13.5-33.1c.9-2.3 3-3.7 5.3-3.6 2.3.1 4.3 1.6 5.1 3.8l12.3 33c.8 2-.2 4.2-2.2 4.9zm26.5.1H93.6c-2.1 0-3.8-1.7-3.8-3.8V51.2c0-2.1 1.7-3.8 3.8-3.8 2.1 0 3.8 1.7 3.8 3.8v30h11.9c2.1 0 3.8 1.7 3.8 3.8.1 2.1-1.6 3.8-3.8 3.8zm36.4-5.8c1.2 1.7.8 4.1-.9 5.3-.7.5-1.4.7-2.2.7-1.2 0-2.4-.6-3.1-1.6l-11.6-16.5-3.5 3.4v11.1c0 2.1-1.7 3.8-3.8 3.8-2.1 0-3.8-1.7-3.8-3.8V73.7c-.1-.6-.1-1.2 0-1.8V51.1c0-2.1 1.7-3.8 3.8-3.8 2.1 0 3.8 1.7 3.8 3.8v12.5L140 48.4c1.5-1.5 4-1.4 5.4.1 1.5 1.5 1.4 4-.1 5.4l-12 11.6L145.7 83z' class='st0'/%3E%3C/svg%3E"); }
.member_submit_btn { width:100%; height:48px; font-weight:700; font-size:15px; color:#0179c7; border:1px solid #0179c7; background-color:#fff; }
.member_submit_btn:active { box-shadow:inset 0 3px 5px rgba(0,0,0,0.2); }


/* 아이디&패스워드 찾기 */
.member_find_wrap { display:flex; justify-content:center; gap:20px; margin:32px 0 80px; }
.member_find_wrap [class*="member_"] { display:block; font-size:13px; font-weight:700; color:#666; }
.member_find_wrap [class*="member_"]:before { display:inline-block; vertical-align:middle; height:30px; }
.member_find_wrap span { letter-spacing:-0.03em; }
.member_find_id:before { content:url(/img/login_icon_1-1.gif); }
.member_find_pw:before { content:url(/img/login_icon_2-1.gif); margin-right:5px; }
.member_login:before { content:url(/img/login_icon_3-1.gif); margin-right:2px; }

.confirm_fw_wrap { display:flex; justify-content:center; align-items:center; }
.confirm_fw_wrap input[type="password"] { width:270px; height:40px; padding:5px; border:1px solid #d2d2d2; }
.confirm_fw_submit { width:150px; height:40px; font-size:14px; font-weight:800; color:#fff; border:0; background-color:#007ac3; }

/* 민원신청완료 & 배송결제 항목 아이콘 타이틀 이미지 텍스트에서 일반 텍스트로 변경 */
.ttl_icon_mid { display:flex; align-items:center; margin:0 0 10px; font-size:22px; font-weight:800; letter-spacing:-0.05em; }
.ttl_icon_mid:before { display:block; font-size:0; margin-right:10px; }
.ttl_icon_mid.doc:before { content:url(/main/img/icon_txt_doc.gif); }
.ttl_icon_mid.wallet:before { content:url(/main/img/icon_txt_wallet.gif); }
.ttl_icon_mid.cart:before { content:url(/main/img/icon_txt_cart.png); }
.ttl_icon_mid.truck:before { content:url(/main/img/icon_txt_truck.png); }
.ttl_icon_mid.card:before { content:url(/main/img/icon_txt_card.png); }
.ttl_icon_mid.location:before { content:url(/main/img/icon_txt_location.png); }


/* 회사메뉴 > CI 2023-04-10 */
.identity_system { padding-bottom:50px; }

.identity_system h3 { margin:0; line-height:1; font-size:20px; font-weight:800; color:#000; }
.identity_system hr { margin:50px 0; }

.gt_tab,
.gt_tab li { display:block; }
.gt_tab { margin-bottom:45px; }
.gt_tab:after { display:block; clear:both; visibility:hidden; content:''; }
.gt_tab li { float:left; width:153px; height:48px; line-height:48px; text-align:center; font-size:20px; color:#428bca; border:1px solid #ccc; cursor:pointer; }
.gt_tab li a { display: block; height:100%; color:#757575; }
.gt_tab li:first-child { border-right:0; }
.gt_tab li + li { border-left:0; }
.gt_tab li.present { border-color:#007ac3; }
.gt_tab li.present a { font-weight:700; color:#fff; background-color:#007ac3; }

.new_company_logo { width:790px; height:245px; margin-bottom:60px; text-align:center; line-height:245px; font-size:0; background-color:#fbfbfb; }

.new_logo_system { display:flex; flex-wrap:wrap; margin-top:25px; }
/* 첫번째 줄을 제외한 엘리먼트에 상단 마진 추가 */
.new_logo_system dt,
.new_logo_system dd { margin-top:50px; }
.new_logo_system dt:first-child,
.new_logo_system dd:nth-child(2),
.new_logo_system dd:nth-child(3) { margin-top:0; }

.new_logo_system dt { width:120px; line-height:1; font-size:14px; font-weight:800; color:#333; white-space:nowrap; }
.new_logo_system dt:before { content:''; display:block; width:30px; height:3px; margin-bottom:15px; background-color:#007ac3; }
[class*="logo_system_img"] { width:170px; }
.logo_system_img2 { padding-right:45px; }
.logo_system_img2 img { float:right; }
[class*="logo_system_img"] img { display:block; }
.new_logo_system dd:not([class*="logo_system_img"]) { width:540px; }
.new_logo_system p { font-size:13px; }
.logo_system_img,
.logo_system_txt { padding-top:15px; }

.logo_system_txt h4,
.logo_system_txt h5 { line-height:1; font-weight:700; color:#333; }
.logo_system_txt h5,
.logo_system_txt p { padding-left:30px;  }

.new_logo_system h4 { margin:0; font-size:15px; }
.new_logo_system dd:not(.logo_system_wide) p + h4 { margin-top:20px; }
.new_logo_system h5 { position:relative; margin:13px 0 5px; }
.new_logo_system h4 + h5 { margin-top:16px; }
.new_logo_system h5:before { content:''; position:absolute; top:7px; left:18px; width:3px; height:3px; background-color:#333; }
.new_logo_system p { margin:0; line-height:1.5; word-break:keep-all; color:#555; }

.logo_system_wide { display:flex; flex-wrap:wrap; align-items:center; flex:1; }
.logo_system_wide h4 { width:140px; }
.logo_system_wide p { width:calc(100% - 170px); }
.logo_system_wide p + h4,
.logo_system_wide p + h4 + p { margin-top:15px; }

.new_logo_box h3 + p { margin-top:5px; }
.new_logo_box h4 { margin:40px 0 17px; font-size:15px; font-weight:700; color:#000; }
.new_logo_type { display:flex; flex-wrap:wrap; justify-content:space-between; width:715px; line-height:1; }
.new_logo_type li,
.new_logo_type > img { flex:0; }
.new_logo_type img,
.new_logo_type i { display: block; }
.new_logo_type i { margin:10px 0 20px; font-size:12px; font-style:normal; letter-spacing:-0.05em; white-space:nowrap; color:#000; }

.logo_system_txt2 h4 { margin:0 0 24px; font-size:18px; font-weight:700; }
.logo_system_txt2 h4 + img { margin-bottom:15px; }
.logo_system_txt2 p + p { margin-top:12px; }


/* 이미지 텍스트 교체 payment_icon_04 */
.ttl_atc { display:flex; align-items:center; gap:10px; font-size:20px; font-weight:800; letter-spacing:-0.05em; color:#000; }


/* 게시판 스킨 수정 /gn_board/  */
.vbtn:after { content:''; display:block; clear:both; visibility:hidden;	}
.vbtn {  }
.vbtn > * { vertical-align:top; }
.btn_board { display:inline-block; min-width:52px; height:26px; vertical-align:top; font-size:12px; font-weight:600; line-height:1; color:#888; border:1px solid #999; border-radius:0; background-color:#fff; }
input.btn_board { min-width:40px; }

.btn_board.blue { color:#fff; border-color:#0278c0; background-color:#0278c0; }

.btn_board span { display:inline-flex; justify-content:center; align-items:center; gap:3px; line-height:1; }
.btn_board .ic_prev:before,
.btn_board .ic_next:after { content:''; flex:0; border-style:solid; }
.btn_board .ic_prev:before { border-width:4px 5px 4px 0; border-color:transparent #777 transparent transparent; }
.btn_board .ic_next:after { border-width:4px 0 4px 5px; border-color:transparent transparent transparent #777; }






/* 문서 진위여부 확인서 제공 2023-06-07 */
/* 수정 */
.warning_202307 { position:relative; }
.warning_202307 dt { overflow:hidden; height:0; font-size:15px; text-align:center; color:#fff; background-color:#ff0000; }
.warning_202307 dt + dd img { display:block; max-width:100%; height:auto; }
.warning_txt { display:flex; justify-content:space-between; align-items:center;  padding:30px 30px 30px 50px; line-height:1; font-size:14px; color:#fff; background-color:#292827; background-position:0 0; background-repeat:no-repeat; }

#request .warning_txt { height:276px; background-image:url(../img/warning_page_order_r2.gif); } /* 주문서 작성페이지 스타일 */
.product_row .warning_202307 .warning_txt { height:261px; background-image:url(../img/warning_page_product_r3.gif); } /* 상품페이지  스타일 */
.product_con_r .warning_txt p:first-child { margin-top:-10px; }

.warning_202307 p { margin:0; }
.warning_202307 p:first-child { margin:0 0 5px; }
.warning_202307 em { display:block; margin:19px 0 25px; font-size:20px; font-weight:600; color:#ffc000; }
.warning_202307 p span { display:inline-block; }
.warning_202307 p:last-of-type { color:#bebebe; }

.warning_gif { overflow:hidden; max-width:335px; border:2px solid #dd0213; border-radius:3px; background-color:#fff; }
.warning_gif img { display:block; max-width:100%; height:auto; margin-top:13px; }

.warning_202307 .popup_202304_check,
.warning_doc_eng .popup_202304_check { box-sizing: border-box; display:flex; align-items:center; justify-content:center; width:210px; height:49px; margin:150px 0 0 0; border-radius:3px; background-color:#e60012; cursor:pointer; }
.warning_202307 .popup_202304_check [type="checkbox"],
.warning_doc_eng .popup_202304_check [type="checkbox"] { width:19px; height:19px; border:3px solid #1d2088; border-radius:0; }
.warning_202307 .popup_202304_check span,
.warning_doc_eng .popup_202304_check span { font-size:18px; font-weight:600; color:#fff; }

.product_hd_ic { display:inline-block; vertical-align:top; margin:2px 0 0 7px; }
.product_hd_ic img { display:block; }

/* 팝업 */
.popup_202304_check { display:inline-block; margin-top:15px; font-size:16px; }
.popup_202304_check input { margin:0 5px 0 0; }
.popup_202304_pos { position:relative; }
.popup_202304 { position:absolute; top:-175px; left:calc(50% - 165px); width:330px; border:1px solid #000; background-color:#fff; }
.popup_202304 .popupTtl { text-align:center; padding:15px; font-size:17px; color:#fff; background-color:#0079c2; }
.popup_202304 .popupTxt { padding:20px; text-align:center; font-size:14px; color:#555; }
.popup_202304 .popupTxt em { color:#ff0000; font-style:normal; font-weight:bold; }
.popup_202304_btn { display:block; width:100%; height:55px; border:0; border-radius:0; background-color:#d9d6d6; }

/* 문서 진위여부 확인서 제공 - 영문배너 추가 2023-09-12 */
.warning_doc_eng { position:relative; }
.warning_doc_eng dt { overflow:hidden; height:0; font-size:15px; text-align:center; color:#fff; background-color:#ff0000; }
.warning_doc_eng dt + dd img { display:block; max-width:100%; height:auto; }
.product_row .warning_doc_eng .warning_txt { justify-content:flex-end; background-image:url(../img/warning_page_product_r4.gif); }
#request .warning_doc_eng .warning_txt { background-image:url(../img/warning_page_product_r5.gif); }
#request .warning_doc_eng .roll_txt { margin:75px 0 0 0; line-height:1.3; font-size:15px; color:#bebebe; 
	animation:txt-roll 3s step-end infinite;
}
@keyframes txt-roll {
	50% {
		opacity: 0;
	}

}


/* 상세페이지 좌측 플로팅 배너 추가 (문서진본 확인서) 2023-08-24 */
#warning_anchor { position:absolute; height:0; top:-200px; } /* 앵커 */
.warning_anchor { position:absolute;left:-1220px;top:30px; } /* 좌측 플로팅 배너 */


/* 상품리스트페이지 상단 배너 추가 2023-09-05 */
.sub_top_bn {  }
/* 한국사업팀 */
.sub_top_home { position:relative; }
.sub_top_home .float_img { position:absolute; top:17px; right:15px; width:223px; height:auto; }
/* 부모미동반 */
.sub_top_child { padding:35px 14px; background-color:#fff; }
.sub_top_child h2 { margin:0; font-size:34px; font-weight:800; }
.sub_top_child h2 img { display:block; }
.child_info,
.child_video_txt { display:flex; }
.child_info img { cursor:pointer; }
.child_info { gap:35px; margin-top:25px; }
.child_video_txt { flex-wrap:wrap; gap:17px 30px; line-height:1.2; letter-spacing:-0.02em; word-break:keep-all; }
.child_video_txt p { width:100%; margin:0; font-size:14px; font-weight:400; }
.child_video_txt p b { font-weight:800;  color:#b72e2e; }
/* 동영상 레이어 */
div.video_layer { display:none; position:absolute; top:50%; transform:translateY(-50%); left:50%; width:1080px; margin-left:-540px; background:#eee; box-shadow:1px 1px 10px rgba(0,0,0,0.3); border:1px solid #dadada; z-index:21; }
div.video_layer iframe.video_player {display:block; width: 100%; /*height: 398px;*/height:569px;}
div.video_layer .inner {position:relative;}
div.video_layer .inner .close {position:absolute; top:-30px; right:0; display:block; width:20px; height:20px; background:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTt18SOam3wUX0wExC6ji5-lY732vA2fEPBscikPQaLbT_tJd7Y7g') no-repeat 0 0; text-indent:-999em; background-size:20px 20px;}
.dim {display:none; position:fixed; _position:absolute; top:0;left:0; background:#000; width:100%; height:100%; filter:Alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; z-index:20;}
/* 유튜브 동영상 스크립트 영역 */
.video_script { padding:25px; font-size:15px; font-weight:400; line-height: 1.2; background-color:#fff; }
.video_script p { margin:0; letter-spacing:-1px; color: #333; }
.video_script p + p { margin-top:20px; }
.video_script b { font-weight: 700; color: #b72e2e; }
.video_script_link { display:inline-flex; align-items:center; justify-content:center; width:330px; height:46px; margin-top:20px; line-height:1; border-radius:8px; background-color:#e60012; }
.video_script_link span { display:flex; align-items:center; font-size:19px; letter-spacing:-0.04em; color:#fff; font-weight:800; }
.video_script_link span:after { content:''; display:block; width:12px; height:12px; margin-left:10px; transform:rotate(45deg); border-right:3px solid #fff; border-top:3px solid #fff; }

/* 서브페이지 2depth 카테고리 포지션값 수정 필요 */
header#headerCategory { z-index:1; }

/* footer 패밀리사이트 추가 2023-09-14 */
.family_site { position:relative; width:200px; height:34px; line-height:1; margin:9px 0 0 auto; }
.family_site,
.family_site_box,
.family_site button { font-weight:300; background-color:#fff; }
.family_site_box,
.family_site button { width:100%; border:1px solid #888; }
.family_site button { text-align:left; }
.family_site button:after { content:''; position:absolute; right:12px; bottom:13px; border-style:solid; border-width:7px 7px 0 7px; border-color:#000 transparent transparent transparent; }
.family_site.on button:after { transform:rotate(180deg); }
.family_site { text-align:left; color:#333; }
.family_site button { padding:0 12px; height:34px; }
.family_site_box { display:none; position:absolute; left:0; bottom:33px; }
.family_site.on .family_site_box { display:block; }
.family_site a { display:block; margin:15px 10px; font-size:14px; color:#333; }
.family_site a:hover { font-weight:700; }

/* best of best 후기 노출 2023-11-14 */
.best_view_box { margin-top:30px; padding:30px 20px; font-size:14px; border:1px solid #fce6c4; background:#fffcde url(../img/icon_bob_a_01.png) calc(100% - 28px) 14px no-repeat; }
.best_view_ttl { font-size:28px; line-height:1; font-weight:300; font-style:italic; letter-spacing:-0.05em; color:#7e6b5a; }
.best_view_ttl b { font-weight:800; color:#fe6845; }
.best_view_items { display:flex; margin:27px 0 9px; line-height:13px; }
.best_view_items li + li { padding-left:10px; border-left:1px solid #666; }
.best_view_items li:not(:last-child) { padding-right:10px; }
.best_view_items img { display:block; }
.pd_list a { text-decoration:underline; }

.best_view_txt { display:block; margin-top:12px; color:#666; }
.best_view_txt:hover { color:#428bca; }


.voiceBox .best_view_box { border:0; background-image:url(../img/icon_bob_a_02.png); background-position-y:center; }
.voiceBox .best_view_ttl { margin-bottom:15px; }
.voiceBox .best_view_ttl span { margin-left:5px; font-size: 22px; font-weight: 800; color: #000; } 
.voiceBox .best_view_box p { margin:0; letter-spacing:-0.03em; font-size:16px; font-style:italic; }
.voiceBox .best_view_box p i,
.voiceBox .best_view_box p em { font-weight: 800; }
.voiceBox .best_view_box p em { color:#903ad9; }
/* 후기 작성 버튼에 BOB 이벤트 아이콘 추가 2023-11-23 */
.orderInfo_B a[href*="voice_customer"], /* 마이페이지 */
.rv_ttl a[href*="voiceCustomer"] { position:relative; } /* 후기목록(베스트후기) */
.orderInfo_B a[href*="voice_customer"]:after,
.rv_ttl a[href*="voiceCustomer"]:after { content:''; position:absolute; width:74px; height:42px; background:url(../img/icon_bob_b.png) 0 0 no-repeat;  }
.orderInfo_B a[href*="voice_customer"]:after { right:0; top:-29px; }
.rv_ttl a[href*="voiceCustomer"]:after { right:0; top:-23px; }
/* 후기 BOB 슬라이드 기능 추가 2024-04-08 */
.best_view_box:has(.best_view_slider) .best_view_ttl { margin-left:30px; }
.best_view_slider .slide_item { margin:0 35px; }
.best_view_slider :where(.slick-next, .slick-prev) { top:calc(50% - 20px); font-size:0; outline:0; width:26px; height:26px; border-width:3px 3px 0 0; border-style:solid; border-color:#b1b1b1; background-color:transparent; z-index:1; }
.best_view_slider .slick-prev { left:0; transform:rotate(-135deg); }
.best_view_slider .slick-next { right:0; transform:rotate(45deg); }
.best_view_slider :where( .slick-next:hover, .slick-prev:hover ) { border-color:#666; transition:border 0.2s; }

/* 국가별 서류 패키지 스타일 추가 2024-07-30 */
.option_table tbody tr td:nth-last-of-type(4):has(select) select { width: 100%; }


/* 서비스 후기 작성 페이지에 구글맵 후기 작성 이벤트 배너 추가 2024-08-28 */
.ev_map_link { position: relative; overflow: hidden; border-radius: 5px; }
.ev_map_link a { position: absolute; top: 90px; right: 41px; }
.ev_map_link a img { right: 0; top: 0; }
.ev_map_link_on { display: none; }
.ev_map_link a:hover .ev_map_link_off { display: none; }
.ev_map_link a:hover .ev_map_link_on { display: block; }
.voiceBox .g-recaptcha > div { margin:0 auto; } /* 캡차 가운데 정렬 */