@charset "utf-8";

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 웹폰트  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;700&display=swap');*/ /*영문폰트*/
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap'); /*한글폰트*/
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;700&display=swap');*/ /*명조*/
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');


/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////	reset css  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
* { box-sizing:border-box; }
html, body { /*height:100%;*/ }
html { font-size:10px; letter-spacing:0px; font-family:'Roboto', 'Noto Sans KR', sans-serif,“Apple SD Gothic Neo”,"맑은 고딕",“Malgun Gothic”,"돋움",dotum,sans-serif; }
body{min-width:320px; word-break: keep-all; overflow-x:hidden; line-height:1.5rem; letter-spacing:-0.1rem; margin:0 auto; font-size:1.4rem; }
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select
{margin:0;padding:0;box-sizing:border-box; word-break:keep-all; border-radius: 4px;}
body,input,textarea,select,button,table,label
{color:#333;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none; text-size-adjust:none; font-weight:400; }
h1,h2,h3,h4,h5,h6 {}
a {color:#333;text-decoration:none;}
a:link {color:#333;text-decoration:none;}
a:visited {color:#333;text-decoration:none;}
a:active {color:#333;text-decoration:none;}
a:hover {color:#333;text-decoration:none;}
a:focus {outline:none;}
span, a, em, button {display:inline-block;}
img,fieldset,iframe{border:0;}
img {max-width:100%;vertical-align:top;}
ul, li{list-style:none;}
em,address{font-style:normal;}
input,select,button{vertical-align:middle;}
input[type="checkbox"]{padding:1px;}
caption,legend,.blind{overflow:hidden;position:absolute;top:0;left:-9999px;width:0;height:0;font-size:0;line-height:0;text-align:left;}
input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number],input[type=button]
{width:100%;height:3.8rem;padding:0 10px;border:1px solid #ccc;color:#333;vertical-align:middle;-webkit-appearance:none; }
input[type=password],input[type=email]{ime-mode:disabled;}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
select:focus,
textarea:focus{border:1px solid #999;}
input[type=file]{width:99.5%;height:38px;border:1px solid #ccc;background:#fff;}
select{height:38px;padding-left:5px;border:1px solid #ccc;font-size:1.5rem;color:#333;vertical-align:middle;}
textarea{width:100%;padding:10px;border:1px solid #ccc;font-size:1.5rem;color:#333;resize:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
table th {font-weight:normal;}
hr{display:none;}
label {cursor:pointer;}
button[type='button'] {cursor:pointer;}
button:focus,
input:focus  { outline: 0; }

:root {
  --main:#47423e;
}


/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////	공통  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.hidden { position:absolute; font-size:0; line-height:0; left:-10000px; padding:0 !important; margin:0; height:0;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.dis-block {display:block !important;}
.dis-none {display:none !important;}
.text-c {text-align:center !important;}
.text-l {text-align:left !important;}
.text-r {text-align:right !important;}
.vt-t {vertical-align:top !important;}
.vt-m {vertical-align:middle !important;}
.vt-b {vertical-align:bottom !important;}
.bg-none {background:none !important;}
.border-none {border:none !important;}
.clearfix:after {content:"";display:block;clear:both;}
.en {font-family:'Roboto', sans-serif !important; }
/* ios */
a[x-apple-data-detectors] {
  color:inherit !important;
  text-decoration:none !important;
  font-size:inherit !important;
  font-family:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  white-space:nowrap;
}
.mt0 { margin-top:0rem !important; }
.mt5 { margin-top:0.5rem !important; }
.mt10 { margin-top:1rem !important; }
.mt20 { margin-top:2rem !important; }
.mt30 { margin-top:3rem !important; }
.mt40 { margin-top:4rem !important; }
.mt50 { margin-top:5rem !important; }
.mt60 { margin-top:6rem !important; }
.mt70 { margin-top:7rem !important; }
.mt80 { margin-top:8rem !important; }
.mt90 { margin-top:9rem !important; }
.mt100 { margin-top:10rem !important; }


/* 말줄임 */
.line1-text-eps { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display:block; }
.line2-text-eps { display:block; line-height:1.5em; max-height:3em; display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
.line3-text-eps { display:block; line-height:1.5em; max-height:4.5em; display:-webkit-box; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
.line4-text-eps { display:block; line-height:1.5em; max-height:6em; display:-webkit-box; -webkit-line-clamp:4; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }

/* 폰트 */
.bold { font-weight:700 !important; }
.semiBold { font-weight:500 !important; }
.red { color:#ed1c24 !important; }
.org_text { color:#d66603 !important; }

/* 리스트 */
ul.list_bullet { }
ul.list_bullet li { background:url(../images/common/list_bullet_3x3.png)0.1rem 0.5rem no-repeat; padding-left:0.8rem; line-height:1.2; }
ul.list_bullet li + li { margin-top:1rem; }

/* check, radio 타입 */
span.check_type { position:relative; padding-left:15px; cursor:pointer; }
span.check_type input[type="checkbox"],
span.check_type input[type="radio"] { display:none; }
span.check_type input + label { font-size:1.5rem; }
span.check_type input + label:before { width:12px; height:12px; content:''; display:block; position:absolute; top:50%; left:0; background:url(../images/common/check_type.png); background-size:100%; background-position:0 -100%; transform:translateY(-50%); }
span.check_type input:checked + label:before { background-position:0 0; }

/* /////////////// Skip Navigation ////////////////////// */
.skip_navi {position:absolute;left:0;top:0;width:100%;text-align:center;z-index:999999;}
.skip_navi li a {position:absolute;top:0; left:0; margin-top:-100px; display:block;}
.skip_navi li a:focus,
.skip_navi li a:hover,
.skip_navi li a:active {width:100%; height:40px; margin:0; font-size:1.2em; line-height:40px;color:#fff;text-align:center; background-color:#23314a; }


/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px) { 

}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) { 
	html { font-size:9.5px; }
	
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) { 
	html { font-size:9px; }
	.not_scroll{  position:fixed; overflow:hidden; width:100%; }
	
	
	/* 작은해상도 가로스크롤 */
	.overflow-wrap { position:relative; }
	.overflow-x { overflow-x :auto; position:relative; }	
	.overflow-wrap:before { position:absolute; width:30px; height:100%; top:0; bottom:0; right:0; content:''; background:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.3)); z-index:2;}
}

 
 

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// layout  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/

/* header */
.nav_wrapper { z-index:100; position:fixed; left:0; top:0; width:100%; transition:all .5s ease-out; background:#e0d9c59e; height:9rem; }
.nav_wrapper .inner { width:100%; max-width:1800px; margin:0 auto; position:relative; height:9rem; }
.nav_wrapper h1.logo { position:absolute; left:0; top:50%; width:21rem; height:4.6rem; transform:translateY(-50%); z-index:100; }
.nav_wrapper h1.logo a { display:block; }
.nav_wrapper h1.logo a img { width:100%; }
.nav_wrapper.no-scroll { top: 0; z-index: 9999; }
.nav_wrapper.hover { background:#fff; }
.nav_wrapper.scroll { top:-5px; background:#fff; }
.nav_wrapper .tel_wrap { position:absolute; top:0; right:0; /*width:23rem;*/ width:25rem; text-align:center; background:#8b6b5c80; height:100%; color:#f4eeea; font-size:2.0rem; line-height:2.8rem; padding-top:1.5rem;border-radius:29px;}
.nav_wrapper .tel_wrap .tel { color:#595555; /*font-size:1.7rem; line-height:9rem;*/ font-size:1.9rem; }
.nav_wrapper .tel_wrap .tel a { cursor:text; /*font-size:1.9rem;*/ color:#595555; font-weight:500; letter-spacing:-0.05rem;}
.spinner-master { display:none; }
.mobile_menu { position:relative; height:9rem; width:100%; padding-right:230px; }
.mobile_menu:after { display:block; clear:both; content:''; }
.mobile_menu .gnb_menu { position:relative; float:right; margin-right:1.5rem; }
.mobile_menu .gnb_menu .m_nav {  }
.mobile_menu .gnb_menu .m_nav:after { display:block; clear:both; content:''; }
.mobile_menu .gnb_menu .m_nav li { display:block; float:left; }
.mobile_menu .gnb_menu .m_nav li a { color:#000; font-size:1.7rem; padding:0 2.5rem; line-height:9rem; font-weight:500; position:relative; color:#000; padding:0 3.5rem; }
.mobile_menu .gnb_menu .m_nav li a:hover,
.mobile_menu .gnb_menu .m_nav li.active a { color:#7d390680; }
.mobile_menu .gnb_menu .m_nav li + li a:before { border-radius:50%; display:block; content:"\2756"; position:absolute; left:0; top:50%; transform:translate(-50%,-50%); }
.mobile_menu .gnb_menu .m_nav li a:after  { width:0; position:absolute; bottom:0; left:50%; height:3px; background: #51453c; display:block; content:''; transform:translateX(-50%); transition:all 0.3s; }
.mobile_menu .gnb_menu .m_nav li a:hover:after,
.mobile_menu .gnb_menu .m_nav li.active a:after {  width:90%; transition:all 0.3s; }


/* footer */
.section.footer { height:auto !important; letter-spacing:0; color:#555; font-size:1.4rem; background:#f1f1f1; }
.section.footer .fp-tableCell { height:auto !important; }
.section.footer .inner { width:100%; max-width:1220px; padding:4rem 1.5rem !important; margin:0 auto; height:auto !important; }
.section.footer .inner:after { display:block; clear:both; content:''; }
.footer .left { width:48%; float:left; }
.footer .right { width:48%; float:right; }
.footer .left .contact { position: relative; padding-bottom: 1rem; }
.footer .left .contact::before {content: ""; position: absolute; display:block; bottom: 0;  left:1px;
	transform: translateX();
	width: 170px; /* 이 값을 변경하여 길이 조절 */
	height: 1.8px; /* 굵기 조절 */
	background-color: rgba(0, 0, 0, 0.2);}
.footer .left .contact h2 { color:#111; font-size:1.8rem; line-height:1.2; margin-bottom:1.5rem; font-weight:200; }
.footer .left .contact h2 strong { font-weight:500; font-size:1.9rem; }
.footer .left .contact .contact_num { font-size:2rem; font-weight:600; }
.footer .left .contact .contact_num .tel { color:#7d6a53; font-size:3rem; font-weight:600; }
.footer .left .contact .contact_num span + span { margin-left:1rem; padding-left:1rem; position:relative; }
.footer .left .contact .contact_num span + span:before { width:1px; height:10px; background:#ccc; content:''; display:block; position:absolute; top:0; left:0; }
.footer .left .copyright_wrap { margin-top:2rem; }
.footer .left .copyright_wrap p { line-height:2.2rem; font-size:1.4rem; color:#555; }
.footer .left .copyright_wrap p span { display:inline-block;  position:relative; }
.footer .left .copyright_wrap p span + span { margin-left:0.6rem; padding-left:0.7rem; }
.footer .left .copyright_wrap p span + span:before { width:1px; height:10px; background:#ccc; content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); }
.footer .left .copyright_wrap .copyright { margin-top:0.5rem; }
.footer .right .officeinfo_wrap {}
.footer .right .officeinfo_wrap h2 { font-size:1.6rem; text-transform:uppercase; font-weight:700; line-height:1.2; margin-bottom:1.5rem; color:#111; }
.footer .right .officeinfo_wrap li { position:relative; padding-left:0.8rem; }
.footer .right .officeinfo_wrap li:before { display:block; width:3px; height:3px; border-radius:50%; background:#555; content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.footer .right .officeinfo_wrap li + li { margin-top:0.7rem;  }
#sub_footer { background:#949494e6; }
#sub_footer .inner { width:100%; max-width:1220px; padding:4rem 1.5rem; margin:0 auto;  }
#sub_footer .inner:after {  display:block; clear:both; content:''; }
@media (min-width: 768px) { .footer .left .contact::before {
	display: block; /* 768px 이상에서는 보이게 설정 */
}
}

/* center */
#center { padding-top:9rem; }

/* snb */
.snb_wrap { text-align:center; margin-bottom:3rem; margin-top:-3rem; }
.snb_wrap ul.sub_nav {  }
.snb_wrap ul.sub_nav:after { display:block; clear:both; content:''; }
.snb_wrap ul.sub_nav li { margin:0; float:left; width:16.6666%; padding:1px; width:14.2857%; }
.snb_wrap ul.sub_nav li a {  line-height:5rem; width:100%;  text-align:center; display:block; font-size:1.7rem; color:#333; border:1px solid #333; cursor:pointer; border-radius: 10px;}
.snb_wrap ul.sub_nav li.on a { background:#9e8c71; color:#fff; border:1px solid #705b3b; }
.snb_wrap ul.sub_nav { display:flex; justify-content:space-between; }
.snb_wrap ul.sub_nav li {flex-grow:1; }


/* 20210715 오른쪽 고객상담신청 배너*/
.consult-page .pc-page { display:inline-block !important; }
.consult-page .mobile-page { display:none !important; }
.quick-wrap { position:fixed; right:0; top:0; width:60px; height:100%; overflow:hidden; cursor:pointer; transition:0.5s; z-index:99999; font-size:1.4rem; color:#fff; }
.quick-wrap .quick-btn-wrap {position:absolute; left:0; top:0; width:60px;  height:100%; background:url(../images/quick_btn_bg.gif); transition:0.5s; z-index:100; }
.quick-wrap:hover, .quick-wrap:hover .quick-btn-wrap {transition:0.5s;}
.quick-wrap .quick-btn-wrap .quick-btn { font-size:1.6rem; color:#ccac4b; position:absolute; display:block; left:50%; top:45%; transform:translate(-50%, -50%) rotate(90deg); text-align:center; width:18rem; letter-spacing:0;
line-height:2.4rem; }
.quick-wrap .quick-btn-wrap .quick-btn:after { content:''; display:inline-block; width:2.4rem; height:2.4rem; background:url(../images/main/next_btn.png)no-repeat; background-size:contain; margin-left:1.5rem;
transform:rotate(-90deg); vertical-align:middle; }
.consult-wrap{ position:absolute; min-height:100%; left:60px; top:0px; background:#726961; transition:0.5s; padding:8rem 3.9rem 0; z-index:10; width:450px; overflow-y:auto; cursor:default; }
.consult-wrap .consult-title { font-size:2.6rem; color:#b5aea4; margin-bottom:0.5rem; line-height:3.6rem; }
.consult-wrap .consult-title-text { line-height:1.6rem; font-size:1.4rem; color:#fff; margin-bottom:2.5rem; font-weight:200; }
.consult-wrap .step-wrap { margin-bottom:2.5rem;  }
.consult-wrap .step-wrap img { width:366px; }
.consult-wrap .step-list li { font-size:1.3rem; color:rgba(255,255,255); font-weight:200; line-height:1.6rem; padding-left:2.2rem; position:relative; }
.consult-wrap .step-list li:before { line-height:1.6rem; position:absolute; top:0; left:0; text-align:left; font-weight:500; color:#fff; font-size:1.3rem; }
.consult-wrap .step-list li.o_1:before { content:'01.'; }
.consult-wrap .step-list li.o_2:before { content:'02.'; }
.consult-wrap .step-list li.o_3:before { content:'03.'; }
.consult-wrap .step-list li.o_4:before { content:'04.'; }
.consult-wrap .step-list li.o_5:before { content:'05.'; }
.consult-wrap .step-list li + li { margin-top:0.8rem; }
.consult-wrap .consult-form { margin-top:3.5rem; }
.consult-wrap .consult-form .consult-input + .consult-input { margin-top:0.5rem; }
.consult-wrap .consult-form .consult-input input,
.consult-wrap .consult-form .consult-input select,
.consult-wrap .consult-form .consult-input textarea 
{ border:1px solid rgba(255,255,255,.2); line-height:2rem; padding:1rem; background:transparent; color:#fff; width:100%; font-size:1.4rem; font-weight:300; 
font-family:'Roboto', 'Noto Sans KR', sans-serif,“Apple SD Gothic Neo”,"맑은 고딕",“Malgun Gothic”,"돋움",dotum,sans-serif;}
.consult-wrap .consult-form .consult-input input::placeholder,
.consult-wrap .consult-form .consult-input textarea::placeholder { color:#fff; font-size:1.4rem; font-weight:300; }
.consult-wrap .consult-form .consult-input textarea { height:8rem;  }
.consult-wrap .consult-form .consult-input select option { background:#726961; color:#fff; }
.consult-wrap .consult-agree { margin-top:1rem; }
.consult-wrap .consult-agree label { color:#fff; }
.consult-wrap .consult-agree-text { font-size:1.3rem; color:rgba(255,255,255,0.5); font-weight:200; margin-top:0.5rem; }
.consult-wrap .consult-btn-wrap { margin-top:10rem; }
.consult-wrap .consult-btn-wrap .consult-btn { width:100%; line-height:5rem; background:#18171659; text-align:center; display:block; font-size:1.8rem; color:#fff; border:1px solid #9e9373; position:relative; }
.consult-wrap .consult-btn-wrap .consult-btn:before { position:absolute; bottom:-1rem; left:0; width:100%; height:100%; content:'';
z-index:-1; }
@media all and (max-width: 1919px) { 
	.nav_wrapper .inner.new { margin-right:60px; width:calc(100% - 60px); }
}

/*고객상담신청 서브 페이지 */
.consult-wrap.m_sub { position:relative; min-height:auto; height:auto; left:0px; top:0px; width:100%; padding:5rem 2rem;  }
.consult-wrap.m_sub .consult-btn-wrap { margin-top:5rem; }
#center .sub_08 + .sub_containter .inner { padding:0; }



/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px) { 
	/* header */
	.nav_wrapper .tel_wrap { width:21rem; }
	.mobile_menu { padding-right:21rem; }
	.mobile_menu .gnb_menu { margin-right:0; }
	.mobile_menu .gnb_menu .m_nav li a { padding:0 1.5rem; font-size:1.6rem; }
	


	
}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) { 
	/* header */
	.nav_wrapper {  height:7.6rem; }
	.nav_wrapper .inner { height:7.6rem; }
	.nav_wrapper h1.logo { position:absolute; left:10px; top:50%; width:21rem; height:4.6rem; transform:translateY(-50%);  }
	.nav_wrapper .tel_wrap { right:7.6rem; font-size:1.8rem; }
	.nav_wrapper .tel_wrap .tel { /*line-height:7.6rem;*/ font-size:1.8rem; }	
	.spinner-master { width:7.6rem; height:7.6rem; background:#8b6b5c80; z-index:999; position:absolute; top:0; right:0px; text-align:center; display:block; }
	.spinner-master input[type=checkbox] { display:none; }
	.spinner-master * { transition:all 0.3s; box-sizing:border-box; }
	.spinner-master label { cursor:pointer; position:absolute; z-index:101; height:100%; width:100%; top:0; left:0; padding:1.6rem 2rem; }
	.spinner-master .spinner { position:absolute; height:3px; width:100%; padding:0; background-color:#fff; border-radius:2px; }
	.nav_wrapper.hover .spinner-master .spinner,
	.nav_wrapper.scroll .spinner-master .spinner  { background-color:#fff; transition:all 0.3s ease; }
	.spinner-master .diagonal.part-1 { position:relative; float:left; margin-top:0.8rem; }
	.spinner-master .horizontal { position:relative; float:left; margin-top:0.8rem; }
	.spinner-master .diagonal.part-2 { position:relative; float:left; margin-top:0.8rem; }
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 { transform:rotate(135deg); -webkit-transform:rotate(135deg); margin-top:1.8rem;	background-color:#fff; }
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 { transform: rotate(-135deg);  -webkit-transform:rotate(-135deg);  margin-top:-1.3rem; background-color:#fff; } 
	
	.mobile_menu { display:block; position:fixed; height:100%;
	right:0;
	top: 0;
	visibility: hidden;
	z-index: 1;
	width: 100%;
	padding:0;
	overflow-y: auto;
	z-index:100;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;  
	-moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
	transition: transform .4s 0s, visibility 0s .4s;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	}
	.mobile_menu.active {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
	-webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
	-moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
	transition: transform .4s 0s, visibility 0s 0s;
	/* smooth the scrolling on touch devices - webkit browsers */
	-webkit-overflow-scrolling: touch;
	} 
	
	.mobile_menu {  width:100%; padding-right:0px; background:rgba(103, 100, 100, 0.99); margin-top:7.6rem;}
	.mobile_menu .gnb_menu { float:none; margin:0; display:block; width:100%; }
	.mobile_menu .gnb_menu .m_nav { width:100%;}
	.mobile_menu .gnb_menu .m_nav li { display:block; float:none; width:100%; border-bottom:1px solid rgba(255,255,255,0.2);  }	
	.mobile_menu .gnb_menu .m_nav li a { color:#fff; font-size:4.3rem; padding:5rem; line-height:2rem; width:100%; display:block; text-align:center;}
	.mobile_menu .gnb_menu .m_nav li a:hover,
	.mobile_menu .gnb_menu .m_nav li.active a { color:#fff; }
	.mobile_menu .gnb_menu .m_nav li + li a:before { display:none; }
	.mobile_menu .gnb_menu .m_nav li a:after  { display:none; }
	
	/* center */
	#center { padding-top:7.6rem; }
	
	/*20210714 오른쪽 고객상담 추가 */
	.consult-page .pc-page { display:none !important; }
	.consult-page .mobile-page { display:block !important; }
	.nav_wrapper .inner.new { margin-right:0px; width:100%; }
	.quick-wrap { display:none; }
	.quick-wrap .consult-wrap.pc-form form { display:none !important; }

}

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

	.mobile_menu {  width:100%; padding-right:0px; background: rgba(103, 100, 100, 0.99); margin-top:7.6rem;}
	.mobile_menu .gnb_menu { float:none; margin:0; display:block; width:100%; }
	.mobile_menu .gnb_menu .m_nav { width:100%;}
	.mobile_menu .gnb_menu .m_nav li { display:block; float:none; width:100%; border-bottom:1px solid rgba(255,255,255,0.2);  }
	.mobile_menu .gnb_menu .m_nav li a {color:#fff;font-size: 3.3rem;padding: 3.5rem;line-height:2rem;width:100%;display:block;text-align:center;}
	.mobile_menu .gnb_menu .m_nav li a:hover,
	.mobile_menu .gnb_menu .m_nav li.active a { color:#fff; }
	.mobile_menu .gnb_menu .m_nav li + li a:before { display:none; }
	.mobile_menu .gnb_menu .m_nav li a:after  { display:none; }

}


/* ================================== Mobile css ================================== */

@media all and (max-width: 767px) {
	/* header */
	.nav_wrapper {  height:6rem; }
	.nav_wrapper .inner { height:6rem; }	
	.nav_wrapper h1.logo { position:absolute; left:10px; top:50%; width:160px; height:36px; transform:translateY(-50%);  }
	.nav_wrapper .tel_wrap { right:6rem; width:6rem; height:6rem; background-color:transparent; padding-top:0; }
	.nav_wrapper .tel_wrap .tel { line-height:0; font-size:0; width:6rem; height:6rem; }
	.nav_wrapper .tel_wrap .tel_1 { display:none; }
	.nav_wrapper .tel_wrap .tel span { display:none; }
	.nav_wrapper .tel_wrap .tel a { line-height:0; font-size:0; display:block; width:6rem; height:6rem; background:url(../images/common/tel_icon.png)center center no-repeat; background-size:70%; }	
	.spinner-master { width:6rem; height:6rem; }
	.spinner-master label { padding:0.8rem 1em; }
	.spinner-master .spinner { height:2px; }	
	.mobile_menu { margin-top:6rem;}
	
	/* center */
	#center { padding-top:6rem; }	
	
	/* footer */
	.section.footer {  height:auto !important; font-size:1.2rem; }
	.section.footer .fp-tableCell { height:auto !important; }
	.section.footer .inner { height:auto !important; }
	.footer .left { width:100%; float:none; }
	.footer .right { width:100%; float:none; margin-top:2rem; }
	.footer .left .contact h2 { color:#111; font-size:1.8rem; line-height:1.2; margin-bottom:1.5rem; font-weight:200; }
	.footer .left .contact h2 strong { font-weight:500; font-size:1.9rem; }
	.footer .left .contact .contact_num { font-size:2rem; font-weight:600; }
	.footer .left .contact .contact_num .tel { color:#7d6a53; font-size:3rem; font-weight:600; }
	.footer .left .contact .contact_num span + span { margin-left:1rem; padding-left:1rem; position:relative; }
	.footer .left .contact .contact_num span + span:before { width:1px; height:10px; background:#ccc; content:''; display:block; position:absolute; top:0; left:0; }
	.footer .left .copyright_wrap { margin-top:2rem; }
	.footer .left .copyright_wrap p { line-height:2.2rem; font-size:1.2rem; color:#555; }
	.footer .left .copyright_wrap p span { display:inline-block;  position:relative; }
	.footer .left .copyright_wrap p span + span { margin-left:0.4rem; padding-left:0.5rem; }
	.footer .left .copyright_wrap p span + span:before { width:1px; height:10px; background:#ccc; content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); }
	.footer .left .copyright_wrap .copyright { margin-top:0.5rem; }
	.footer .right .officeinfo_wrap {}
	.footer .right .officeinfo_wrap h2 { font-size:1.5rem; text-transform:uppercase; font-weight:700; line-height:1.2; margin-bottom:1rem; color:#111; }
	.footer .right .officeinfo_wrap li { position:relative; padding-left:0.8rem; }
	.footer .right .officeinfo_wrap li:before { display:block; width:3px; height:3px; border-radius:50%; background:#555; content:''; position:absolute; top:5px; left:0; transform:translateY(0); }
	.footer .right .officeinfo_wrap li + li { margin-top:0.7rem;  }
	.footer .left .contact { position: relative; padding-bottom: 1rem; }
	.footer .left .contact::before {content: ""; position: absolute; display:block; bottom: 0;  left:4px;
		transform: translateX();
		width: 137px; /* 이 값을 변경하여 길이 조절 */
		height: 1.8px; /* 굵기 조절 */
		background-color: rgba(0, 0, 0, 0.2);}



	/* snb */
	.snb_wrap { text-align:center; margin-bottom:3rem; margin-top:-3rem; }
	.snb_wrap ul.sub_nav li a { line-height:3.2rem; font-size:1.3rem; padding:0.1rem; }

	

	

}





/*!
 * fullPage 2.9.7
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset "utf-8";

#main {}
#main .section { position:relative; height:100%;  }
#main .section .s_header { text-align:center; color:#fff; }
#main .section .s_header h1 { font-size:4.5rem; line-height:1.3; position:relative; padding:6rem 0 2.8rem 0; font-weight:200;}
#main .section .s_header h1:after { display:block; width:6rem; height:0.2rem; content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); background:#fff; }
#main .section .s_header h1 strong { display:block; font-weight:500; }
#main .section .s_header small { display:block; margin-top:3rem; font-size:1.6rem; font-weight:100; }
#main .section.field_wrap .s_header small { letter-spacing:0.5rem; text-transform:uppercase; }
#main .section { width:100%; height:100%; }
#main .section .inner { width:100%; max-width:1200px; /*padding:7rem 1.8rem 1rem; margin:0 auto; height:auto; min-height:100%;*/ padding:0 1.5rem; position:relative; margin:0 auto; }
.fp-tableCell .flex_m { position:absolute; width:100%; height:100%; top:0px; left:0px; display:flex; align-items:center; /*justify-content:center;*/ }




/* 센터 */
.field_wrap { position:relative; }
.field_wrap .video { position:absolute; width:100%; height:100%; z-index:2; top:0; left:0; right:0; bottom:0; }
.field_wrap .video:after { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; display:block; content:''; background:url(../images/main/pttn_check.png);
background-color:rgba(30,29,28,0.6); z-index:3; } 
.field_wrap .video #video_bg { position:absolute; right:0; bottom:0; top:0;	right:0; width:100%; height:100%; object-fit:cover;   }
.field_wrap .inner { position:relative; z-index:10; }

#main .section.field_wrap .inner { max-width:1800px; }
.field_wrap .field_list_wrap { text-align:center; width:100%; max-width:1600px; padding:0 1rem; margin:12vh auto 0; text-align:center; }
.field_wrap .field_list_wrap .field_list { width:100%; position:relative; padding-bottom:22%; margin-left:-4.15%; }
.field_wrap .field_list_wrap .field_list .field_link { width:10.8333%; height:0; padding-bottom:10.8333%; position:absolute; cursor:pointer; }
.field_wrap .field_list_wrap .field_list .field_link a { display:block; width:100%; height:100%; position:absolute; padding-top:45%; border:2px solid #8f8173; border-radius:1rem; overflow:hidden;
 background:transparent; transition:background 0.3s;  }
.field_wrap .field_list_wrap .field_list .field_link:hover a { background:#7e6f5f; transition:background 0.3s; }
.field_wrap .field_list_wrap .field_list .field_link a span { font-size:2.1rem; color:#c7b49e; transform:rotate(-45deg);transition:color 0.3s; letter-spacing:-0.1em; }
.field_wrap .field_list_wrap .field_list .field_link:hover { }
.field_wrap .field_list_wrap .field_list .field_link:hover a span { color:#fff; transition:color 0.3s; }
.field_wrap .field_list_wrap .field_list .field_link.link_01 { left:0%; }
.field_wrap .field_list_wrap .field_list .field_link.link_02 { left:16.6666%; }
.field_wrap .field_list_wrap .field_list .field_link.link_03 { left:33.3332%; }
.field_wrap .field_list_wrap .field_list .field_link.link_04 { left:49.9998%; }
.field_wrap .field_list_wrap .field_list .field_link.link_05 { left:66.6664%; }
.field_wrap .field_list_wrap .field_list .field_link.link_06 { left:83.333%;}
.field_wrap .field_list_wrap .field_list .field_link.link_07 { left:8.3333%; }
.field_wrap .field_list_wrap .field_list .field_link.link_08 { left:24.9999%; }
.field_wrap .field_list_wrap .field_list .field_link.link_09 { left:41.6665%; }
.field_wrap .field_list_wrap .field_list .field_link.link_10 { left:58.3331%; }
.field_wrap .field_list_wrap .field_list .field_link.link_11 { left:74.9997%; }
.field_wrap .field_list_wrap .field_list .field_link.link_12 { left:91.6663%; }

.field_wrap .field_list_wrap.new { max-width:1800px; padding:0 70px; }
.field_wrap .field_list_wrap.new .field_list {  margin-left:0; transform:translateX(-1.8%); }
.field_wrap .field_list_wrap.new .field_list .field_link { width:10%; padding-bottom:10%; }
.field_wrap .field_list_wrap.new .field_list .field_link.link_01 { left:0%; }
.field_wrap .field_list_wrap.new .field_list .field_link.link_02 { left:calc(100% / 7); }
.field_wrap .field_list_wrap.new .field_list .field_link.link_03 { left:calc((100% / 7) * 2); }
.field_wrap .field_list_wrap.new .field_list .field_link.link_04 { left:calc((100% / 7) * 3); }
.field_wrap .field_list_wrap.new .field_list .field_link.link_05 { left:calc((100% / 7) * 4); }
.field_wrap .field_list_wrap.new .field_list .field_link.link_06 { left:calc((100% / 7) * 5);}
.field_wrap .field_list_wrap.new .field_list .field_link.link_07 { left:calc((100% / 7) * 6);}
.field_wrap .field_list_wrap.new .field_list .field_link.link_08 { left:calc(100% / 14); }
.field_wrap .field_list_wrap.new .field_list .field_link.link_09 { left:calc((100% / 7) + (100% / 14)); }
.field_wrap .field_list_wrap.new .field_list .field_link.link_10 { left:calc((100% / 7) * 2 + (100% / 14)); }
.field_wrap .field_list_wrap.new .field_list .field_link.link_11 { left:calc((100% / 7) * 3 + (100% / 14)); }
.field_wrap .field_list_wrap.new .field_list .field_link.link_12 { left:calc((100% / 7) * 4 + (100% / 14)); }
.field_wrap .field_list_wrap.new .field_list .field_link.link_13 { left:calc((100% / 7) * 5 + (100% / 14)); }
.field_wrap .field_list_wrap.new .field_list .field_link.link_14 { left:calc((100% / 7) * 6 + (100% / 14)); }

/*애니메이션*/
.field_wrap .s_header h1 { opacity:0; transform:translateY(50px); transition:all 1.5s; transition-delay:0.5s;  }
.field_wrap.active .s_header h1 { opacity:1; transform:translateY(0px); transition:all 1.5s; transition-delay:0.5s; }
.field_wrap .s_header small { opacity:0; transform:translateY(30px); transition:all 1s; transition-delay:1s;  }
.field_wrap.active .s_header small { opacity:1; transform:translateY(0px); transition:all 1s; transition-delay:1s; }

.field_wrap .field_list_wrap.new .field_link { transform-origin:center; transition-timing-function: ease-out;}
.field_wrap.active .field_list_wrap.new .field_link { transform-origin:center;transition-timing-function: ease-out; }
.field_wrap .field_link.link_01 { opacity:0;  transform:translateY(60%) rotate(-45deg); transition:all 0.3s; transition-delay:0.4s; transition-timing-function: ease-out; }
.field_wrap.active .field_link.link_01 { opacity:1; transform:translateY(0) rotate(45deg); transition:all 0.3s; transition-delay:0.4s; transition-timing-function: ease-out; }
.field_wrap .field_link.link_02 { opacity:0;  transform:translateY(60%) rotate(20deg); transition:all 0.3s; transition-delay:0.8s; transition-timing-function: ease-out;}
.field_wrap.active .field_link.link_02 { opacity:1; transform:translateY(0) rotate(45deg); transition:all 0.3s; transition-delay:0.8s; transition-timing-function: ease-out;}
.field_wrap .field_link.link_03 { opacity:0;  transform:translateY(60%) rotate(25deg); transition:all 0.3s; transition-delay:0.7s; transition-timing-function: ease-out;}
.field_wrap.active .field_link.link_03 { opacity:1; transform:translateY(0) rotate(45deg); transition:all 0.3s; transition-delay:0.7s; transition-timing-function: ease-out;}
.field_wrap .field_link.link_04 { opacity:0;  transform:translateY(60%) rotate(30deg); transition:all 0.3s; transition-delay:0.8s; transition-timing-function: ease-out;}
.field_wrap.active .field_link.link_04 { opacity:1; transform:translateY(0) rotate(45deg); transition:all 0.3s; transition-delay:0.8s; transition-timing-function: ease-out;}
.field_wrap .field_link.link_05 { opacity:0;  transform:translateY(60%) rotate(30deg); transition:all 0.3s; transition-delay:0.9s; }
.field_wrap.active .field_link.link_05 { opacity:1; transform:translateY(0) rotate(45deg); transition:all 0.3s; transition-delay:0.9s; }
.field_wrap .field_link.link_06 { opacity:0;  transform:translateY(60%) rotate(30deg); transition:all 0.3s; transition-delay:1.0s; }
.field_wrap.active .field_link.link_06 { opacity:1; transform:translateY(0%) rotate(45deg); transition:all 0.3s; transition-delay:1.0s; }
.field_wrap .field_link.link_07 { opacity:0;  transform:translateY(60%) rotate(30deg); transition:all 0.3s; transition-delay:1.1s; }
.field_wrap.active .field_link.link_07 { opacity:1; transform:translateY(0%) rotate(45deg); transition:all 0.3s; transition-delay:1.1s; }
.field_wrap .field_link.link_08 { opacity:0;  transform:translateY(120%) rotate(30deg); transition:all 0.3s; transition-delay:1.1s; }
.field_wrap.active .field_link.link_08 { opacity:1; transform:translateY(80%) rotate(45deg); transition:all 0.3s; transition-delay:1.1s; }
.field_wrap .field_link.link_09 { opacity:0;  transform:translateY(120%) rotate(30deg); transition:all 0.3s; transition-delay:1.2s; }
.field_wrap.active .field_link.link_09 { opacity:1; transform:translateY(80%) rotate(45deg); transition:all 0.3s; transition-delay:1.2s; }
.field_wrap .field_link.link_10 { opacity:0;  transform:translateY(120%) rotate(3deg); transition:all 0.4s; transition-delay:1.3s; transition-timing-function: ease-out;}
.field_wrap.active .field_link.link_10 { opacity:1; transform:translateY(80%) rotate(45deg); transition:all 0.4s; transition-delay:1.3s; transition-timing-function: ease-out;}
.field_wrap .field_link.link_11 { opacity:0;  transform:translateY(120%) rotate(10deg); transition:all 0.6s; transition-delay:1.4s; }
.field_wrap.active .field_link.link_11 { opacity:1; transform:translateY(80%) rotate(45deg); transition:all 0.6s; transition-delay:1.4s; }
.field_wrap .field_link.link_12 { opacity:0;  transform:translateY(120%) rotate(0deg); transition:all 1s; transition-delay:1.6s; }
.field_wrap.active .field_link.link_12 { opacity:1; transform:translateY(80%) rotate(45deg); transition:all 1s; transition-delay:1.6s; }
.field_wrap .field_link.link_13 { opacity:0;  transform:translateY(120%) rotate(10deg); transition:all 1s; transition-delay:2s; }
.field_wrap.active .field_link.link_13 { opacity:1; transform:translateY(80%) rotate(45deg); transition:all 1s; transition-delay:2s; }
.field_wrap .field_link.link_14 { opacity:0;  transform:translateY(120%) rotate(0deg); transition:all 1s; transition-delay:2.1s; }
.field_wrap.active .field_link.link_14 { opacity:1; transform:translateY(80%) rotate(45deg); transition:all 1s; transition-delay:2.1s; }





@media all and (max-width: 1440px) {
	.field_wrap .field_list_wrap.new .field_list .field_link a span { font-size:1.8rem; }
}



/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px) {	
	.field_wrap .field_list_wrap .field_list .field_link a span { font-size:1.9rem; }
	.field_wrap .field_list_wrap.new .field_list .field_link a span { font-size:1.5rem; letter-spacing:-0.15em; }
}


/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
	/* 전담센터 */
	.field_wrap .field_list_wrap { width:90%; margin:8vh auto 0;  }
	.field_wrap .field_list_wrap .field_list { padding-bottom:48.75%; margin-left:-1.5%; }
	.field_wrap .field_list_wrap .field_list .field_link a span { font-size:1.8rem; letter-spacing:-0.05em; }
	.field_wrap .field_list_wrap .field_list .field_link { width:16.25%; padding-bottom:16.25%; }
	.field_wrap .field_list_wrap .field_list .field_link.link_01 { left:0%; }
	.field_wrap .field_list_wrap .field_list .field_link.link_02 { left:25%; }
	.field_wrap .field_list_wrap .field_list .field_link.link_03 { left:50%; }
	.field_wrap .field_list_wrap .field_list .field_link.link_04 { left:75%; }
	.field_wrap .field_list_wrap .field_list .field_link.link_05 { left:12.5%; }
	.field_wrap .field_list_wrap .field_list .field_link.link_06 { left:37.5%;}
	.field_wrap .field_list_wrap .field_list .field_link.link_07 { left:62.5%; }	
	.field_wrap .field_list_wrap .field_list .field_link.link_08 { left:87.5%; }	
	.field_wrap .field_list_wrap .field_list .field_link.link_09 { left:0%; }
	.field_wrap .field_list_wrap .field_list .field_link.link_10 { left:25%; }
	.field_wrap .field_list_wrap .field_list .field_link.link_11 { left:50%; }
	.field_wrap .field_list_wrap .field_list .field_link.link_12 { left:75%; }

	.field_wrap .field_list_wrap.new { padding:0; }
	.field_wrap .field_list_wrap.new .field_list {  margin-left:0; transform:translateX(2.5%); }
	.field_wrap .field_list_wrap.new .field_list .field_link { width:14%; padding-bottom:14%; }
	.field_wrap .field_list_wrap.new .field_list .field_link.link_01 { left:0%; }
	.field_wrap .field_list_wrap.new .field_list .field_link.link_02 { left:calc(100% / 5); }
	.field_wrap .field_list_wrap.new .field_list .field_link.link_03 { left:calc((100% / 5) * 2); }
	.field_wrap .field_list_wrap.new .field_list .field_link.link_04 { left:calc((100% / 5) * 3); }
	.field_wrap .field_list_wrap.new .field_list .field_link.link_05 { left:calc((100% / 5) * 4); }	
	.field_wrap .field_list_wrap.new .field_list .field_link.link_06 { left:calc(100% / 10);}
	.field_wrap .field_list_wrap.new .field_list .field_link.link_07 { left:calc((100% / 5) + (100% / 10));}
	.field_wrap .field_list_wrap.new .field_list .field_link.link_08 { left:calc((100% / 5) * 2 + (100% / 10)); }
	.field_wrap .field_list_wrap.new .field_list .field_link.link_09 { left:calc((100% / 5) * 3 + (100% / 10)); }	
	.field_wrap .field_list_wrap.new .field_list .field_link.link_10 { left:0%; }
	.field_wrap .field_list_wrap.new .field_list .field_link.link_11 { left:calc(100% / 5); }
	.field_wrap .field_list_wrap.new .field_list .field_link.link_12 { left:calc((100% / 5) * 2); }
	.field_wrap .field_list_wrap.new .field_list .field_link.link_13 { left:calc((100% / 5) * 3); }
	.field_wrap .field_list_wrap.new .field_list .field_link.link_14 { left:calc((100% / 5) * 4); }

	/*애니메이션*/
	.field_wrap .field_link.link_01 { opacity:0; transform:translateY(60%) rotate(-45deg);  }
	.field_wrap.active .field_link.link_01 { opacity:1; transform:translateY(0) rotate(45deg); }
	.field_wrap .field_link.link_02 { opacity:0;  transform:translateY(60%) rotate(20deg); }
	.field_wrap.active .field_link.link_02 { opacity:1; transform:translateY(0) rotate(45deg);}
	.field_wrap .field_link.link_03 { opacity:0;  transform:translateY(60%) rotate(25deg); }
	.field_wrap.active .field_link.link_03 { opacity:1; transform:translateY(0) rotate(45deg);}
	.field_wrap .field_link.link_04 { opacity:0;  transform:translateY(60%) rotate(30deg);}
	.field_wrap.active .field_link.link_04 { opacity:1; transform:translateY(0) rotate(45deg);}
	.field_wrap .field_link.link_05 { opacity:0;  transform:translateY(60%) rotate(30deg);}
	.field_wrap.active .field_link.link_05 { opacity:1; transform:translateY(0%) rotate(45deg);}	
	.field_wrap .field_link.link_06 { opacity:0;  transform:translateY(140%) rotate(30deg); }
	.field_wrap.active .field_link.link_06 { opacity:1; transform:translateY(80%) rotate(45deg); }
	.field_wrap .field_link.link_07 { opacity:0;  transform:translateY(140%) rotate(30deg); }
	.field_wrap.active .field_link.link_07 { opacity:1; transform:translateY(80%) rotate(45deg);}
	.field_wrap .field_link.link_08 { opacity:0;  transform:translateY(140%) rotate(30deg); }
	.field_wrap.active .field_link.link_08 { opacity:1; transform:translateY(80%) rotate(45deg);}
	.field_wrap .field_link.link_09 { opacity:0;  transform:translateY(140%) rotate(30deg);}
	.field_wrap.active .field_link.link_09 { opacity:1; transform:translateY(80%) rotate(45deg); }	
	.field_wrap .field_link.link_10 { opacity:0;  transform:translateY(220%) rotate(3deg);}	
	.field_wrap.active .field_link.link_10 { opacity:1; transform:translateY(160%) rotate(45deg);}
	.field_wrap .field_link.link_11 { opacity:0;  transform:translateY(220%) rotate(10deg); }
	.field_wrap.active .field_link.link_11 { opacity:1; transform:translateY(160%) rotate(45deg); }
	.field_wrap .field_link.link_12 { opacity:0;  transform:translateY(220%) rotate(0deg); }
	.field_wrap.active .field_link.link_12 { opacity:1; transform:translateY(160%) rotate(45deg); }
	.field_wrap .field_link.link_13 { opacity:0;  transform:translateY(220%) rotate(0deg); }
	.field_wrap.active .field_link.link_13 { opacity:1; transform:translateY(160%) rotate(45deg); }
	.field_wrap .field_link.link_14 { opacity:0;  transform:translateY(220%) rotate(0deg);}
	.field_wrap.active .field_link.link_14 { opacity:1; transform:translateY(160%) rotate(45deg); }
}

@media all and (max-width: 1079px) {
	/* 인율 사무소 안내 */
	.office_tab_wrap .office_tabs .tabs li { width:10rem; }
	.office_tab_wrap .office_info .position_new .map_img .cc_wrap { width:1.44rem; height:1.44rem; }
	.office_tab_wrap .office_info .position_new .map_img.seoul .cc_wrap { width:2.4rem; height:2.4rem; }
	.office_tab_wrap .office_info .position_new .map_img.inchon .cc_wrap { width:1.6rem; height:1.6rem; }
	.office_tab_wrap .office_info .position_new .map_img.busan .cc_wrap { width:2rem; height:2rem; }
	.office_tab_wrap .office_info .position_new .map_img.gwangju .cc_wrap { width:2.08rem; height:2.08rem; }
	.office_tab_wrap .office_info .position_new .map_img.daejeon .cc_wrap { width:2rem; height:2rem; }
	.office_tab_wrap .office_info .position_new .map_img.daegu .cc_wrap { width:2rem; height:2rem; }

}



@media all and (max-width: 959px) { 
	/* 인율 사무소 안내*/	
	.office_tab_wrap .office_info { margin-top:1.5rem; display:block; }
	.office_tab_wrap .office_info .position { margin-right:0rem; width:18rem; display:block; margin:0 auto; }
	.office_tab_wrap .office_info .map_div { width:100%; display:block; }
	.office_tab_wrap .office_info .position .map_img { display:none;  }
	.office_tab_wrap .office_info .map_div { /*background:rgba(0,0,0,0.5);*/ }
	.office_tab_wrap .office_info .map_div .load_map { width:100%; height:240px; overflow:hidden; border:4px solid rgba(0,0,0,0.3); display:none; }
	.office_tab_wrap .office_info .loca_info { margin-top:1.5em;}
	.office_tab_wrap .office_info .loca_info h1 {font-size:1.8rem; width:100%; float:none; line-height:2.4rem; position:relative; }
	.office_tab_wrap .office_info .loca_info .address_wrap { width:100%; float:none; }
	.office_tab_wrap .office_info .loca_info .address_wrap .address { font-size:1.5rem; font-weight:300; line-height:2.2rem; margin-top:1rem; }
	.office_tab_wrap .office_info .loca_info .address_wrap .address strong { font-weight:300; color:#fe7e01; }
	.office_tab_wrap .office_info .loca_info .address_wrap .work_time { margin-top:1rem; font-size:1.3rem; line-height:2rem; display:none;}
	.office_tab_wrap .office_info .loca_info .address_wrap .work_time strong { display:none; }
	.go_map_btn { display:block; width:100%; margin-top:1rem; }
	.go_map_btn .go_map { display:block; width:100%; height:4rem; line-height:4rem; background:#705c3e; color:#fff; text-align:center; font-size:1.4rem;}	

	.office_tab_wrap .office_info .position_new {width:60%; margin:0 auto;  }
	
}


/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
	#main .section .s_header h1 { font-size:3rem; padding:2rem 0 1.5rem 0; }
	#main .section .s_header small {margin-top:1.5rem; font-size:1.3rem; }	

	/* 인율 사무소 안내 */
	.office_tab_wrap { margin-top:3rem;}
	.office_tab_wrap .office_tabs .tabs { display:flex; flex-wrap:wrap; justify-content:center; }
	.office_tab_wrap .office_tabs .tabs li { margin:1px; line-height:3rem; text-align:center; font-size:1.4rem; padding:0 1rem; width:60px; flex-shrink:0;  flex-grow:0; float:none; }
	.office_tab_wrap .office_tabs .tabs li.on { background:#9e8c71; }
	
	
	/* 전담센터 */
	.field_wrap .field_list_wrap { padding:0; margin:0 auto; }
	.field_wrap .field_list_wrap .field_list { margin-top:4rem; margin-left:0; }
	.field_wrap .field_list_wrap .field_list .field_link { width:calc(50% - 2px); margin:1px; height:4.4rem; line-height:4.4rem; padding-bottom:0%; position:relative; float:left; }
	.field_wrap .field_list_wrap .field_list .field_link a { display:block; width:100%; height:100%; position:relative; padding-top:0%; border:1px solid #8f8173; border-radius:0rem; overflow:hidden;
	 background:transparent; transition:background 0.3s;  }
	.field_wrap .field_list_wrap .field_list .field_link:hover a { background:#7e6f5f; transition:background 0.3s; }
	.field_wrap .field_list_wrap .field_list .field_link a span { font-size:1.5rem; color:#c7b49e; transform:rotate(0deg); transition:color 0.3s; }
	.field_wrap .field_list_wrap .field_list .field_link:hover a span { color:#fff; transition:color 0.3s; }
	.field_wrap .field_list_wrap .field_list .field_link {left:auto !important; transform:translateY(0) rotate(0deg); }
	.field_wrap .field_link { opacity:0;  transform:translateY(0) rotate(0deg); transition:all 0.4s; transition-timing-function: ease-out; transition-delay:0.8s !important; }
	.field_wrap.active .field_link { opacity:1; transform:translateY(0) rotate(0deg); transition:all 0.4s; transition-timing-function: ease-out; transition-delay:0.8s !important; }

	.field_wrap .field_list_wrap.new .field_list {  margin-top:4rem; transform:translateX(0); }
	.field_wrap .field_list_wrap.new .field_list .field_link { width:calc(50% - 2px); margin:1px; height:4.4rem; line-height:4.4rem; padding-bottom:0%; position:relative; float:left; }

	/*애니메이션*/
	.field_wrap .field_list_wrap .field_list { opacity:0; transform:translateY(50px); transition:all 1.5s; transition-delay:1s;  }
	.field_wrap.active .field_list_wrap .field_list { opacity:1; transform:translateY(0px); transition:all 1.5s; transition-delay:1s; }
	
	
	/* 인율의 자부심 */
	.sevice_num_wrap { margin-top:4rem; padding:0; }
	.sevice_num_wrap .sevice_num { margin:2rem; }
	.sevice_num_wrap .sevice_num strong { font-size:5.5rem; }
	.sevice_num_wrap .sevice_num span { font-size:1.5rem; }
	.sevice_num_wrap .sevice_num:before { bottom:0rem; }
	.sevice_num_wrap .sevice_num.num_01 { }
	.sevice_num_wrap .sevice_num.num_02 { }
	.sevice_num_wrap .sevice_num.num_03 { }
	.sevice_num_wrap .sevice_num.num_04 { }
	/* 애니메이션 */
	.service_wrap .s_header h1 {  opacity:0; transform:translateY(50px); transition:all 1.5s; transition-delay:0.5s;  }
	.service_wrap.active .s_header h1 { opacity:1; transform:translateY(0px); transition:all 1.5s; transition-delay:0.5s; }
	.service_wrap .s_header small { opacity:0; transform:translateY(30px); transition:all 1s; transition-delay:1s;  }
	.service_wrap.active .s_header small { opacity:1; transform:translateY(0px); transition:all 1s; transition-delay:1s; }
	.service_wrap .sevice_num.num_01 { opacity:1; transform:translateY(80px); transition:all 1s; transition-delay:0.3s;  }
	.service_wrap.active .sevice_num.num_01 { opacity:1; transform:translateY(0px); transition:all 1s; transition-delay:0.3s; }
	.service_wrap .sevice_num.num_02 { opacity:1; transform:translateY(70px); transition:all 1s; transition-delay:0.8s;  }
	.service_wrap.active .sevice_num.num_02 { opacity:1; transform:translateY(0px); transition:all 1s; transition-delay:0.8s; }
	.service_wrap .sevice_num.num_03 { opacity:1; transform:translateY(110px); transition:all 1s; transition-delay:0.5s;  }
	.service_wrap.active .sevice_num.num_03 { opacity:1; transform:translateY(0px); transition:all 1s; transition-delay:0.5s; }
	.service_wrap .sevice_num.num_04 { opacity:1; transform:translateY(70px); transition:all 1s; transition-delay:1s;  }
	.service_wrap.active .sevice_num.num_04 { opacity:1; transform:translateY(0px); transition:all 1s; transition-delay:1s; }
	
}


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

	/* 인율 사무소 안내 */
	.office_tab_wrap .office_info .position_new .map_img .cc_wrap { width:1.2rem; height:1.2rem; }
	.office_tab_wrap .office_info .position_new .map_img.seoul .cc_wrap { width:1.92rem; height:1.92rem; }
	.office_tab_wrap .office_info .position_new .map_img.inchon .cc_wrap { width:1.28rem; height:1.28rem; }
	.office_tab_wrap .office_info .position_new .map_img.busan .cc_wrap { width:1.6rem; height:1.6rem; }
	.office_tab_wrap .office_info .position_new .map_img.gwangju .cc_wrap { width:1.6rem; height:1.6rem; }
	.office_tab_wrap .office_info .position_new .map_img.daejeon .cc_wrap { width:1.6rem; height:1.6rem; }
	.office_tab_wrap .office_info .position_new .map_img.daegu .cc_wrap { width:1.6rem; height:1.6rem; }
	
	
	
}















@charset "utf-8";

/*컨텐츠 공통*/
#center .sub_visual_wrap { width:100%; padding:7rem 0; text-align:center; background: url()center center no-repeat; background-size:cover; }
#center .sub_visual_wrap.sub_01 { background: url(../images/sub/info.png)center center no-repeat; background-size:cover; }
#center .sub_visual_wrap.sub_02 { background: url(../images/sub/atimtro.jpg)center center no-repeat; background-size:cover; }
#center .sub_visual_wrap.sub_04 { background: url(../images/sub/inyul_consult.jpg)center center no-repeat; background-size:cover; }
#center .sub_visual_wrap.sub_05 { background: url(../images/sub/inyul_consult.jpg)center center no-repeat; background-size:cover; }
#center .sub_visual_wrap.sub_06 { background: url(../images/sub/inyul_consult.jpg)center center no-repeat; background-size:cover; }
#center .sub_visual_wrap.sub_07 { background: url(../images/sub/Locations.png)center center no-repeat; background-size:cover; }
#center .sub_visual_wrap.sub_08 { background: url(../images/sub/inyul_news.jpg)center center no-repeat; background-size:cover; }
#center .sub_visual_wrap.sub_09 { background: url(../images/sub/inyul_consult.jpg)center center no-repeat; background-size:cover; }
#center .sub_visual_wrap.sub_010 { background: url(../images/sub/info.png)center center no-repeat; background-size:cover; }
#center .sub_visual_wrap.sub_011 { background: url(../images/sub/info.png)center center no-repeat; background-size:cover; }
#center .sub_visual_wrap.sub_012 { background: url(../images/sub/info.png)center center no-repeat; background-size:cover; }
#center .sub_visual_wrap .page_tit { color:#fff; font-size:4.5rem; font-weight:200; position:relative; line-height:1.2; padding-bottom:1rem;
animation:title 0.5s 0.3s forwards; -webkit-animation:title 0.5s 0.3s forwards; opacity:0;}
#center .sub_containter { font-size:1.7rem; line-height:30px; color:#111; font-weight:300; }
#center .sub_containter .inner { width:100%; max-width:1220px; padding:8rem 1.5rem; margin:0 auto; min-height:50vh; }
.sub_containter .section { margin-top:100px; }
.sub_containter .section.section00,
.sub_containter .section.first { margin-top:0; }
.sub_containter .section h3.tit01 { font-size:36px; color:#033887; line-height:48px; padding-top:5px; position:relative; letter-spacing:-0.05em; font-weight:100; padding-bottom:2rem; }
.sub_containter .section h3.tit01:before { position:absolute; top:0; left:0; display:block; content:''; height:1px; width:50px; background:#033887; }
.sub_containter h2.tit02 { margin-top:0; }

@keyframes titlebar {from {opacity:0; width:1px;} to {opacity:1; width:15rem;}}
@-webkit-keyframes titlebar {from {opacity:0; width:1px;} to {opacity:1; width:15rem;}}
@keyframes title {from {opacity:0;} to {opacity:1;}}
@-webkit-keyframes title {from {opacity:0;} to {opacity:1;}}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
}

@media all and (max-width: 960px) {
	#center .sub_containter { font-size:16px; line-height:26px; }
	.sub_containter .section { margin-top:80px; }
	.sub_containter .section h3.tit01 { font-size:30px; line-height:42px; }
	.sub_containter .section h3.tit01:before { width:50px; }	
}
/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) { 	
	#center .sub_containter { font-size:15px; line-height:24px; /*text-align:left;*/ }
	#center .sub_containter .inner { padding:5rem 1.5rem;  }
	.sub_containter .section { margin-top:60px; }
	.sub_containter .section h3.tit01 { font-size:24px; line-height:34px; font-weight:300; text-align:left; }
	.sub_containter .section h3.tit01:before { width:50px; }
	#center .sub_visual_wrap { padding:3rem 0; }
	#center .sub_visual_wrap .page_tit { font-size:3rem; }	
}



/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// ?소개?  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/

.strongLine {color:#000; font-weight:400; border-bottom:1px solid rgba(0,0,0,0);  transition:all 1.5s ease-out; }
.strongLine.active { border-bottom:1px solid rgba(0,0,0,1);  transition-duration:1.0s;  transition-timing-function: ease-out; }

.introNew { text-align:justify; word-break:keep-all; }
.introNew .greyBox { background:#e8e8e8; padding:30px; text-align:center; }
.introNew .greyBox p { font-size:18px; font-weight:500; color:#000; }
.introNew .greyBox .logoAni { width:85%; max-width:860px; margin:0 auto; }
.introNew .greyBox .logoAni:after { display:block; clear:both; content:''; }
.introNew .greyBox .logoAni > div:nth-child(1) { width:38.9313%; }
.introNew .greyBox .logoAni > div:nth-child(2) { width:30.5343%; }
.introNew .greyBox .logoAni > div:nth-child(3) { width:30.5343%; }
.introNew .greyBox .logoAni > div { float:left; display:block; text-align:center; padding:0 15px; }
.introNew .greyBox .logoAni > div:nth-child(1) img { width:100%; max-width:204px; }
.introNew .greyBox .logoAni > div:nth-child(2) img { width:100%; max-width:160px; }
.introNew .greyBox .logoAni > div:nth-child(3) img { width:100%; max-width:160px;  }
.introNew .greyBox .logoAni.active .logo1 { opacity:1; transition-delay:0.0s;}
.introNew .greyBox .logoAni.active .logo2 { opacity:1; transition-delay:0.6s;}
.introNew .greyBox .logoAni.active .logo3 { opacity:1; transition-delay:1.1s;}
.introNew .greyBox .logoAni .logo1 { transition:all 0.5s ease-out; opacity:0; }
.introNew .greyBox .logoAni .logo2 { transition:all 0.5s ease-out; opacity:0; }
.introNew .greyBox .logoAni .logo3 { transition:all 0.5s ease-out; opacity:0; }

.introNew .greyBox.type01 { background:transparent;  }
.introNew .greyBox.type01 p { font-size:15px; font-weight:500; color:#000; text-align:center; line-height:20px; margin-top:5px;}
.introNew .greyBox.type01 .logoAni > div { width:25%; }
.introNew .greyBox.type01 .logoAni > div:nth-child(1) img { width:100%; max-width:88px; }
.introNew .greyBox.type01 .logoAni > div:nth-child(2) img { width:100%; max-width:129px; }
.introNew .greyBox.type01 .logoAni > div:nth-child(3) img { width:100%; max-width:91px;  }
.introNew .greyBox.type01 .logoAni > div:nth-child(4) img { width:100%; max-width:87px;  }
.introNew .greyBox.type01 .logoAni.active .logo1 { opacity:1; transition-delay:0.0s;}
.introNew .greyBox.type01 .logoAni.active .logo2 { opacity:1; transition-delay:0.5s;}
.introNew .greyBox.type01 .logoAni.active .logo3 { opacity:1; transition-delay:1.0s;}
.introNew .greyBox.type01 .logoAni.active .logo4 { opacity:1; transition-delay:1.5s;}
.introNew .greyBox.type01 .logoAni .logo1 { transition:all 0.8s ease-out; opacity:0; }
.introNew .greyBox.type01 .logoAni .logo2 { transition:all 0.8s ease-out; opacity:0; }
.introNew .greyBox.type01 .logoAni .logo3 { transition:all 0.8s ease-out; opacity:0; }
.introNew .greyBox.type01 .logoAni .logo4 { transition:all 0.8s ease-out; opacity:0; }

.introNew .greyBox .logoAni.type03 { width:100%; max-width:100%; }
.introNew .greyBox .logoAni.type03 > div { width:16.6666%; }
.introNew .greyBox .logoAni.type03 > div img { width:90%; max-width:160px; }
.introNew .greyBox .logoAni.type03.active .logo1 { opacity:1; transition-delay:0.0s;}
.introNew .greyBox .logoAni.type03.active .logo2 { opacity:1; transition-delay:0.6s;}
.introNew .greyBox .logoAni.type03.active .logo3 { opacity:1; transition-delay:1.2s;}
.introNew .greyBox .logoAni.type03.active .logo4 { opacity:1; transition-delay:1.8s;}
.introNew .greyBox .logoAni.type03.active .logo5 { opacity:1; transition-delay:2.4s;}
.introNew .greyBox .logoAni.type03.active .logo6 { opacity:1; transition-delay:3.0s;}
.introNew .greyBox .logoAni.type03 .logo1 { transition:all 0.8s ease-out; opacity:0; }
.introNew .greyBox .logoAni.type03 .logo2 { transition:all 0.8s ease-out; opacity:0; }
.introNew .greyBox .logoAni.type03 .logo3 { transition:all 0.8s ease-out; opacity:0; }
.introNew .greyBox .logoAni.type03 .logo4 { transition:all 0.8s ease-out; opacity:0; }
.introNew .greyBox .logoAni.type03 .logo5 { transition:all 0.8s ease-out; opacity:0; }
.introNew .greyBox .logoAni.type03 .logo6 { transition:all 0.8s ease-out; opacity:0; }

.introNew .important { background:#fff; border:1px solid #ccc; text-align:center; padding:20px; text-align:center; }
.introNew .important p { color:#000; font-weight:300; font-size:20px; line-height:30px; display:inline-block; position:relative; padding:0 30px; }
.introNew .important p:before { content:''; position:absolute; top:0; left:0; width:21px; height:18px; display:inline-block; background:url('../images/sub/sub1/text_before.png'); }
.introNew .important p:after { content:''; position:absolute; top:0; right:0; width:21px; height:18px; display:inline-block; background:url('../images/sub/sub1/text_after.png'); }

.introNew  .sec03_list {}
.introNew  .sec03_list:after { display:block; content:''; clear:both; }
.introNew  .sec03_list .listWrap { width:calc(50% - 20px); float:left; text-align:center; position:relative; }
.introNew  .sec03_list .listWrap:nth-child(2) { float:right; }
.introNew  .sec03_list .listWrap .list { width:100%; display:block; position:relative; border:1px solid #ccc;}
.introNew  .sec03_list .list h3 { font-size:40px !important; color:#fff; line-height:160px; margin:0 !important; font-weight:500; }
.introNew  .sec03_list .list p { font-size:22px; line-height:35px; color:#555; height:160px; padding-top:40px; font-weight:400; }
.introNew  .sec03_list .list p span { display:block; text-align:center; }
.introNew  .sec03_list .list.list01 h3 { background:url('../images/sub/sub1/s3_list01.png')no-repeat center top; background-size:cover; }
.introNew  .sec03_list .list.list02 h3 { background:url('../images/sub/sub1/s3_list02.png')no-repeat center top; background-size:cover; }
.introNew  .sec03_list .listWrap:hover .list p { color:#d7701d; }
.introNew  .sec03_list .listWrap:hover .list.list01 h3 { background:url('../images/sub/sub1/s3_list01_on.png')no-repeat center top; background-size:cover; } 
.introNew  .sec03_list .listWrap:hover .list.list02 h3 { background:url('../images/sub/sub1/s3_list02_on.png')no-repeat center top; background-size:cover; }
.introNew  .sec03_list .listWrap:before { content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; box-sizing:border-box; border:2px solid rgba(0,0,0,0);
-moz-transition:0.2s ease;
-webkit-transition:0.2s ease;
-ms-transition:0.2s ease;
-0-transition:0.2s ease;
transition:0.2s ease;}
.introNew  .sec03_list .listWrap:hover:before { contnet:''; box-shadow:5px 10px 15px 0 rgba(0,0,0,0.5); border:2px solid #d76103; z-index:2;  }
	
.introNew .ynewsList {}
.introNew .ynewsList:after { display:block; clear:both; content:''; }
.introNew .ynewsList .ynews:after { display:block; clear:both; content:''; }
.introNew .ynewsList .ynews { width:calc(33.3333% - 16px); float:left; border:1px solid #ccc; padding:15px; position:relative; cursor:pointer; }
.introNew .ynewsList .ynews:nth-child(1) { margin-right:16px; }
.introNew .ynewsList .ynews:nth-child(2) { margin:0 8px; }
.introNew .ynewsList .ynews:nth-child(3) { margin-left:16px; }
.introNew .ynewsList .ynews .tit { font-size:17px; color:#000; font-weight:400; text-align:left;
display:block; line-height:1.5em; height:3em; display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word;}
.introNew .ynewsList .ynews .pic { margin-top:15px; }
.introNew .ynewsList .ynews .pic img { width:100%; }
.introNew .ynewsList .ynews .text { font-size:15px; color:#555; margin-top:15px; font-weight:300; text-align:left;
display:block; line-height:1.5em; height:3em; display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
.introNew .ynewsList .ynews .viewBtn { float:right; border:0; background:none; font-size:12px; color:#333; margin-top:5px; }
.introNew .ynewsList .ynews:before { content:''; position:absolute; top:-1px; left:-1px; width:calc(100% + 2px); height:calc(100% + 2px); box-sizing:border-box; border:2px solid rgba(0,0,0,0);
-moz-transition:0.2s ease;
-webkit-transition:0.2s ease;
-ms-transition:0.2s ease;
-0-transition:0.2s ease;
transition:0.2s ease;
}
.introNew .ynewsList .ynews:hover:before {  contnet:''; box-shadow:5px 10px 15px 0 rgba(0,0,0,0.5); border:2px solid #d76103; }
.introNew .ynewsList .ynews:hover .tit { color:#d76103; }

.pressWrap:after { display:block; clear:both; content:''; }
.pressWrap .pressList { float:left; width:70%; }
.pressWrap .yangPic { float:right; width:28.33333%; }
.pressWrap .pressList img, .pressWrap .yangPic img { width:100%; } 

.textAni:hover,
.textAni.active { background:url(../images/sub/text_bg.png)0 bottom no-repeat;  background-size:180%;  transition-duration:0.8s;  transition-timing-function: ease-out;  }
.textAni.type01:hover,
.textAni.type01.active { background:url(../images/sub/sub1/text_bg_1.jpg)0 bottom no-repeat;  background-size:cover;  transition-duration:1s; trasition-delay:1s; transition-timing-function: ease-out;  }
.textAni { font-size:20px; font-weight:400; color:#332509; background:url(../images/sub/sub1/text_bg.jpg)-800px bottom no-repeat; background-size:cover; margin-bottom:3px; line-height:26px; padding:0 3px; }
.textAni.type01 { background:url(../images/sub/sub1/text_bg_1.jpg)-800px bottom no-repeat;  }

.issueList li i { font-size:20px; color:#7d5808; font-style:oblique; font-weight:400;  }
.issueList li { width:100%; padding:5px 10px; margin-top:5px; text-align:center; border:1px solid rgba(136,112,60,0.5); }
.issueList.active li.list1 { animation-name:moveY; animation-duration:0.5s; animation-delay:0.6s; }
.issueList.active li.list2 { animation-name:moveY; animation-duration:0.5s; animation-delay:0.7s; }
.issueList.active li.list3 { animation-name:moveY; animation-duration:0.5s; animation-delay:0.8s; }
.issueList.active li.list4 { animation-name:moveY; animation-duration:0.5s; animation-delay:0.9s; }
.issueList.active li.list5 { animation-name:moveY; animation-duration:0.5s; animation-delay:1.0s; }
.issueList.active li.list6 { animation-name:moveY; animation-duration:0.5s; animation-delay:1.1s; }
.issueList.active li.list7 { animation-name:moveY; animation-duration:0.5s; animation-delay:1.2s; }
.issueList li:hover { box-shadow:0px 3px 8px 0 rgba(0,0,0,0.3); transform:translateY(-2px);  border:1px solid rgba(136,112,60,1); }

@keyframes moveY {
	0% {
		box-shadow:0px 0px 0px 0 rgba(0,0,0,0);
		transform:translateY(0px);
		border:1px solid rgba(136,112,60,0.5);
	}
	50% {
		box-shadow:0px 2px 5px 0 rgba(0,0,0,0.2);
		transform:translateY(-2px);
		border:1px solid rgba(136,112,60,0.8);
	}
	100% {
		box-shadow:0px 0px 0px 0 rgba(0,0,0,0);
		transform:translateY(0px);
		border:1px solid rgba(136,112,60,0.5);
	}
}




/*  절차부분 */
.clear { display:block; content:''; clear:both; }
.stepAniWrap .topwrap { width:100%; margin:20px auto 0; position:relative; }

.stepAniWrap .topwrap .boxwrap:after { display:block; clear:both; content:'' }
.stepAniWrap .topwrap .boxwrap .box { float:left; position:relative; width:23%; background:#fff; padding:10px 10px 20px 10px; text-align:center; border-right:1px dotted #ccc; }
.stepAniWrap .topwrap .boxwrap .box:nth-of-type(1) { width:8%;  background:transparent; border-right:0; }
.stepAniWrap .topwrap .boxwrap .box:nth-of-type(5) { border-right:0; }
.stepAniWrap .topwrap .boxwrap .box p { font-weight:500; font-size:16px; color:#111; }
.stepAniWrap .topwrap .boxwrap .box p:before { width:72px; height:68px; content:''; margin:10px auto 20px; display:block;  }
.stepAniWrap .topwrap .boxwrap .box.box_1 p:before { background:url('../images/sub/sub1/step01_icon.png')no-repeat center center; background-size:contain; }
.stepAniWrap .topwrap .boxwrap .box.box_2 p:before { background:url('../images/sub/sub1/step02_icon.png')no-repeat center center; background-size:contain; }
.stepAniWrap .topwrap .boxwrap .box.box_3 p:before { background:url('../images/sub/sub1/step03_icon.png')no-repeat center center; background-size:contain; }
.stepAniWrap .topwrap .boxwrap .box.box_4 p:before { background:url('../images/sub/sub1/step04_icon.png')no-repeat center center; background-size:contain; }

.stepAniWrap .topwrap:before{  position:absolute; width:92%; height:1px; background:#ccc; top:100px; left:8%; z-index:2; content:''; clear:both; display:block; }/*회색선*/
.stepAniWrap .topwrap .box:after { position:absolute; width:20px; height:20px; border:5px solid #a9a9a9; border-radius:50%; content:''; display:block; top:100px; left:50%; background:#fff; transform:translate(-50%, -50%); z-index:4; box-sizing:border-box; }
.stepAniWrap .topwrap .box.on:after{ border-color:#eb6a01; }/* 원 */
.stepAniWrap .topwrap .box:nth-of-type(1)::after { display:none; }
.stepAniWrap .topwrap .box:before { position:absolute; width:0; height:1px; background:#eb6a01; top:100px; left:0; z-index:3; content: ''; clear:both; display:block; transition: all .3s ease-out; }/* 주황색선 */
.stepAniWrap .topwrap .box.on::before { width:100%; }
.stepAniWrap .topwrap .box:nth-of-type(1)::before { display:none; }
.stepAniWrap .topwrap .boxwrap .box .arrow { display:block; width:11px; height:16px; z-index:5; opacity:0; position:absolute; transition:all .3s ease-out; background: url(../images/sub/sub1/step_arw.png)no-repeat center center;
top:0; transform:translateY(-50%); top:100px; left:0; }
.stepAniWrap .topwrap .boxwrap .box.on .arrow { opacity:1; left:calc(100% - 10px); transition:all .3s ease-out; } /* 화살표*/

.stepAniWrap .stepWrap:after { display:block; clear:both; content:'' }
.stepAniWrap .stepWrap { display:table; margin-top:4px; width:100%;}
.stepAniWrap .stepWrap .step { position:relative; width:23%; text-align:center; border-right:1px dotted #ccc; border-right:1px dotted #fff;  display:table-cell; padding:40px 10px; text-align:left;  }
.stepAniWrap .stepWrap .step:nth-of-type(1) { width:8%; border-right:4px solid #fff; text-align:center; }
.stepAniWrap .stepWrap .step:nth-of-type(5) { border-right:0; }
.stepAniWrap .stepWrap .step p { color:#555; font-size:14px; font-weight:300; line-height:20px; }
.stepAniWrap .stepWrap .step ul { color:#555; font-size:14px; font-weight:300; line-height:20px; }
.stepAniWrap .stepWrap.block_1 .step { background:#d3d3d3; transition:all .3s ease-out;}
.stepAniWrap .stepWrap.block_2 .step { /*background:#a7bfd1;*/ background:#cadae6; transition:all .3s ease-out; }
.stepAniWrap .stepWrap.block_1 .step.on { background:#bbbbbb; transition:all .3s ease-out; }
.stepAniWrap .stepWrap.block_2 .step.on { /*background:#6d8da6;*/ background:#94aecc; transition:all .3s ease-out; }
.stepAniWrap .stepWrap .step.on p { color:#000;}
.stepAniWrap .stepWrap .step.on ul { color:#000; }
.stepAniWrap .stepWrap .step ul li { position:relative; padding-left:8px; }
.stepAniWrap .stepWrap .step ul li + li { margin-top:5px; }
.stepAniWrap .stepWrap .step ul li::before { width:3px; height:3px; background:#555; border-radius:50%; display:block; content:''; position:absolute; top:8px; left:0; }
.stepAniWrap .stepWrap.block_2 .step::after { width:26px; height:26px; content:''; display:block; background:url('../images/sub/sub1/step_plus.png')no-repeat center center; background-size:100%; background-color:#fff; border-radius:50%;
position:absolute; left:50%; top:0; transform:translate(-13px, -15px); z-index:7; }
.stepAniWrap .stepWrap.block_2 .step:nth-of-type(1)::after { display:none; }

/*오시는길*/
.trabs-bus ul li em.bus-mint { background:#7cc3c0; }
.trabs-bus ul li em.bus-blue { background:#123681; }
.trabs-bus ul li em.bus-green { background:#3c8112; }
.trabs-bus ul li em.bus-red { background:#ed0404; }
.trabs-bus ul li em.bus-yellow { background:#fea802; }
.location-info dl dd ul li.bus ul li em.bus-blue { background:#123681; }
.location-info dl dd ul li.bus ul li em.bus-green { background:#3c8112; }
.location-info dl dd ul li.bus ul li em.bus-red { background:#ed0404; }
.location-info dl dd ul li.bus ul li em.bus-blue-1 { background: #4eafab; }
.location-info dl dd ul li.bus ul li em.bus-yellow { background:#fea802; }
.location-info dl dd ul li.bus ul li .icon { display:inline-block; margin-right:8px; width:16px;}

.location_tab .con{height:auto;position:absolute;top:0px;visibility:hidden;  }
.location_tab .con.on{position:relative; visibility:visible;}
.location_tab .location_tab { margin-bottom:10px; }
.location_tab .location_tab ul:after { display:block; clear:both; content:''; }
.location_tab .location_tab ul li { width:16.666%; float:left; display:block; text-align:center; padding-right:1px; box-sizing:border-box; width:14.2857%; }
.location_tab .location_tab ul li a { display:block; text-align:center; line-height:50px; background:#efefef; border:1px solid #ccc; color:#333; font-size:18px; font-weight:400; box-sizing:border-box; }
.location_tab .location_tab ul li.on a { background:#222328; color:#fff; }
.location_tab .con .pic_slide_for,
.location_tab .con .pic_slide_nav { display:none;  }
.location_tab .con.on .pic_slide_for,
.location_tab .con.on .pic_slide_nav { display:block; }

.location:after { display:block; clear:both; content:''; }
.location .location-addr { width:58%; float:left; }
.location .location-map { width:42%; float:left; }
.location .location-addr a { display:block; width:100%; }
.location .location-addr a:after {display:block; clear:both; content:'';  }
.location .location-addr a .office_info { width:50%; float:left; background:#222328; color:#fff; height:450px; padding:30px; }
.location .location-addr a .office_pic {  width:50%; float:left; background:url('../images/sub/sub1/office_pic.jpg')no-repeat right top; height:450px; background-size:cover; }
.location .location-addr a .office_pic img { display:none; }
.location .location-addr a .office_info h2 { font-size:32px; font-weight:700; padding-top:40px; }
.location .location-addr a .office_info h3 { margin-top:30px; margin-bottom:10px; font-size:18px; }
.location .location-addr a .office_info h3 span { font-size:18px; border-bottom:1px solid #fff; font-weight:500; }
.location .location-addr a .office_info p { font-size:17px; line-height:25px; font-weight:200; }
.location .location-addr a .office_info p strong { font-weight:700; color:#fe7e01; }

.location .location-map { background:#222328; }
.location .location-map .txt { width:100%; height:50px; line-height:50px; background:#222328; color:#fff; font-size:15px; text-align:center; }
.location .location-map .mapWrap { padding:0 20px 20px;}
.location .location-map .txt .org { color:#fe7e01; }
.location .location-map .txt .green { color:#2ea842; }

.root_daum_roughmap .wrap_controllers { display:none; }

.location { position:relative; margin-bottom:0px;  }
.location:after { display:block; clear:both; content:''; }
.location .location-addr { width:29%; float:left;}
.location .location-addr a .office_info { width:100%; }
.location .location-map { width:42%; float:right;}
.location .office_pic { width:29%; float:left; }
.location .location-addr .office_pic { width:50%; float:left; height:450px; position:relative; }
.location .pic_slide_nav { position:absolute; top:100%; left:0; right:0; width:100%; }

.btn-map-open { position:relative; }
.location-map .btn_map_hover { position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden; background:rgba(0,0,0,0.8); color:#fff; z-index:90; font-size:1.4rem; line-height:1.6rem; }
.location-map .btn_map_hover { 
	filter: alpha(opacity=0); opacity:0;
	-webkit-transition:opacity 0.3s cubic-bezier(0.75,0.1,0.25,1);
	transition:opacity 0.3s cubic-bezier(0.75,0.1,0.25,1); }
.location-map .btn_map_hover:hover, .location-map .btn_map_hover.hover { opacity:1;  }
.location-map .btn_map_hover a { color:#fff; display:block; padding:30px 20px; width:100%; height:100%; }
.location-map .btn_map_hover a .trans { margin-top:30px; }
.location-map .btn_map_hover a .trans p.t-tit { font-size:1.8rem; padding-bottom:15px; font-weight:500; }
.location-map .btn_map_hover a .trans p.t-tit small { font-size:1.4rem; color:rgba(255,255,255,0.7); display:inline-block; margin-left:10px; }
.location-map .btn_map_hover a .trans p.t-tit small strong {  color:rgba(255,255,255,1); }
.trans .green-c { display:inline-block; width:16px; height:16px; background:#6ec753; border-radius:50%; text-align:center; line-height:16px; margin:0 1px; font-size:13px; font-weight:500; }
.trans .orange-c { display:inline-block; width:16px; height:16px; background:#fb9402; border-radius:50%; text-align:center; line-height:16px; margin:0 1px; font-size:13px; font-weight:500; }
.location-map .btn_map_hover .trans ul li+li { margin-top:7px; }
.trabs-bus ul li em { display:inline-block; width:30px; height:20px; text-align:center; line-height:18px; border-radius:3px; font-size:1.3rem; margin-right:5px;  }
.trabs-bus ul li em.bus-1 { background:#8c98e3; border:1px solid #616dc0; }
.trabs-bus ul li em.bus-2 { background:#d98474; border:1px solid #e66044; }
.trabs-bus ul li em.bus-3 { background:#a188c0; border:1px solid #8e6abb; }

.location .office_pic .pic_slide { height:450px; }
.location .office_pic .pic_slide .slide-item { height:450px; }
.location .office_pic .pic_slide img {display:none;}
.location .location-addr .office_pic .pic_slide .slick-list { height:450px; }
.location .office_pic .pic_slide .item { height:450px; }
.location .office_pic .pic_slide .pic01 { background: url(../images/sub/sub1/slide/slide_1.jpg) no-repeat 50% 50%; background-size:cover; }
.location .office_pic .pic_slide .pic02 { background: url(../images/sub/sub1/slide/slide_2.jpg) no-repeat 50% 50%; background-size:cover; }
.location .office_pic .pic_slide .pic03 { background: url(../images/sub/sub1/slide/slide_3.jpg) no-repeat 50% 50%; background-size:cover; }
.location .office_pic .pic_slide .pic04 { background: url(../images/sub/sub1/slide/slide_4.jpg) no-repeat 50% 50%; background-size:cover; }
.location .office_pic .pic_slide .pic05 { background: url(../images/sub/sub1/slide/slide_5.jpg) no-repeat 50% 50%; background-size:cover; }
.location .office_pic .pic_slide .pic06 { background: url(../images/sub/sub1/slide/slide_6.jpg) no-repeat 50% 50%; background-size:cover; }
.location .office_pic .pic_slide .pic07 { background: url(../images/sub/sub1/slide/slide_7.jpg) no-repeat 50% 50%; background-size:cover; }
.location .office_pic .pic_slide .pic08 { background: url(../images/sub/sub1/slide/slide_8.jpg) no-repeat 50% 50%; background-size:cover; }
.location .office_pic .pic_slide .pic09 { background: url(../images/sub/sub1/slide/slide_9.jpg) no-repeat 50% 50%; background-size:cover; }
.location .office_pic .pic_slide .pic10 { background: url(../images/sub/sub1/slide/slide_10.jpg) no-repeat 50% 50%; background-size:cover; }
.location .office_pic .pic_slide .pic11 { background: url(../images/sub/sub1/slide/slide_11.jpg) no-repeat 50% 50%; background-size:cover; }
.location .office_pic .pic_slide .pic12 { background: url(../images/sub/sub1/slide/slide_12.jpg) no-repeat 50% 50%; background-size:cover; }
.location .office_pic .pic_slide .pic13 { background: url(../images/sub/sub1/slide/slide_13.jpg) no-repeat 50% 50%; background-size:cover; }
.location .office_pic .pic_slide .pic14 { background: url(../images/sub/sub1/slide/slide_14.jpg) no-repeat 50% 50%; background-size:cover; }
.location .office_pic .pic_slide .pic15 { background: url(../images/sub/sub1/slide/slide_15.jpg) no-repeat 50% 50%; background-size:cover; }
.location .office_pic .pic_slide .pic16 { background: url(../images/sub/sub1/slide/slide_16.jpg) no-repeat 50% 50%; background-size:cover; }
.location .office_pic .pic_slide .pic_ic { background: url(../images/sub/sub1/slide/slide_ic.jpg) no-repeat 50% 50%; background-size:cover; }
.location .office_pic .pic_slide .pic_gj { background: url(../images/sub/sub1/slide/slide_gj.jpg) no-repeat 50% 50%; background-size:cover; }
.location .office_pic .pic_slide .pic_bs { background: url(../images/sub/sub1/slide/slide_bs.jpg) no-repeat 50% 50%; background-size:cover; }
.location .office_pic .pic_slide .pic_dj { background: url(../images/sub/sub1/slide/slide_dj.jpg) no-repeat 50% 50%; background-size:cover; }

.slick-slider.pic_slide_nav { width:100%; padding:0 52px 0 55px; margin-top:10px; }
.slick-slider.pic_slide_nav .slide-nav { margin:0 3px; }
.slick-slider.pic_slide_nav .slide-nav img { width:100%; }
.slick-slider.pic_slide_nav .slick-arrow { position:absolute; top:0; z-index:90; width:45px; height:100%; display:block; border:0;}
.slick-slider.pic_slide_nav .slick-arrow.slick-prev { text-indent:-1000px; font-size:0; background:url(../images/sub/sub1/slide/arw_prev.png)center center no-repeat; background-size:20px; background-color:#999; left:0px; z-index:9999;}
.slick-slider.pic_slide_nav .slick-arrow.slick-next { text-indent:-1000px; font-size:0; background:url(../images/sub/sub1/slide/arw_next.png)center center no-repeat; background-size:20px;  background-color:#999; right:0px; z-index:9999; }
.slick-slider.pic_slide_nav .slick-arrow.slick-prev:hover,
.slick-slider.pic_slide_nav .slick-arrow.slick-next:hover { opacity:0.8; border:0;  }
.slick-slider.pic_slide_nav .slick-arrow:focus { border:0; outline:0; }


/* ================================== Tablet css ================================== */
@media (max-width: 1080px) {
	.location .location-addr { width:100%; float:none; }
	.location .location-map { width:100%; float:none; }
	
	.location { position:relative; margin-bottom:0px; padding:0; }
	.location:after { display:block; clear:both; content:''; }
	.location .location-addr { width:50%; float:left;}
	.location .office_pic { width:50%; float:left; }
	.location .pic_slide_nav { position:relative; top:auto; left:0; right:0; width:100%; clear:both; /*background:#222328*/ padding-top:1rem; padding-bottom:1rem; }
	.location .pic_slide_nav:before { }
	.location .location-map { width:100%; float:none; clear:both; }
}

@media (max-width: 960px) {
	.introNew  .sec03_list .list h3 { font-size:30px !important; }
	.introNew  .sec03_list .list p { font-size:18px; line-height:30px; padding:30px 10px 0 10px; word-break:keep-all;  }
	.introNew  .sec03_list .list p span { display:inline; }
	.introNew .greyBox p { font-size:17px; }
	.textAni { font-size:18px; }
	.issueList li i { font-size:18px; }
	.pointmapWrap .pointmapAni { width:300px; height:461px; margin:30px 60px 10px 40px; position:relative;}
	.pointmapWrap .pointmapText { width:calc(100% - 430px); height:461px;  }
	.pointmapWrap.new .graphAni .graphwrap .graphbox .area .graphlength { width:70%;}

	.pointmapWrap .pointmapAni .circle_wrap { width:60px; height:60px; }
	.pointmapWrap .pointmapAni .circle_wrap .cc.cc_1 { width:14px; height:14px; margin-left:-7px; margin-top:-7px; }
	.pointmapWrap .pointmapAni .circle_wrap .cc.cc_2 { width:32px; height:32px; margin-left:-16px; margin-top:-16px; }
	.pointmapWrap .pointmapAni .circle_wrap .cc.cc_3 { width:46px; height:46px; margin-left:-23px; margin-top:-23px; }
	.pointmapWrap .pointmapAni .circle_wrap .cc.cc_4 { width:60px; height:60px; margin-left:-30px; margin-top:-30px; }
	.pointmapWrap .pointmapText .contactPoint strong { font-size:18px; }
	.pointmapWrap .pointmapText .contactPoint a.contactBtn { width:220px; line-height:40px; border-radius:20px; }
	.pointmapWrap .pointmapText .contactPoint a.contactBtn.tel { font-size:20px; }
	.pointmapWrap .pointmapText .contactPoint a.contactBtn.consult { font-size:20px; }

	.pointmapWrap.new { padding:20px;  }
	.pointmapWrap.new .graphAni .graphwrap{ width:calc(100% - 50px); margin-left:50px; }
	.pointmapWrap.new .graphAni .graphwrap .graphbox { height:300px; }

	.graphWrap .graphWrap_in { width:100%; max-width:922px; margin:0 auto; }
	.graphWrap .graph_text { left:10%; top:20%; }
	.graphWrap .graph_text ul li { font-size:16px; padding-left:40px; }
	.graphWrap .graph_text ul li.oh:before { width:30px; }
	.graphWrap .graph_text ul li.a:before { width:30px; }
	.graphWrap .graph_text ul li.b:before { width:30px; }
	.graphWrap .graph_text ul li + li { margin-top:5px; }
	.graphWrap .text { font-size:14px; }

	/* 절차부분 */
	.stepAniWrap .topwrap .boxwrap .box p { font-size:14px; }
	.stepAniWrap .topwrap .boxwrap .box p:before { width:60px; height:57px; }
	.stepAniWrap .stepWrap .step { padding:20px 10px; }
	.stepAniWrap .topwrap:before,
	.stepAniWrap .topwrap .box:after,
	.stepAniWrap .topwrap .box:before,
	.stepAniWrap .topwrap .boxwrap .box .arrow { top:90px; }
}


/* ================================== Mobile css ================================== */
@media (max-width: 766px) {
	.introNew  .sec03_list .listWrap { width:100%; float:none; }
	.introNew  .sec03_list .listWrap:nth-child(2) { float:none; margin-top:10px; }
	.introNew  .sec03_list .list h3 { font-size:20px !important; line-height:100px; }
	.introNew  .sec03_list .list p { font-size:15px; line-height:24px; height:auto; padding:20px 10px; }

	.introNew .greyBox { padding:20px 10px;}
	.introNew .greyBox p { font-size:14px; }

	.pressWrap .pressList { float:none; width:100%; }
	.pressWrap .yangPic { float:none; width:100%; }
	.introNew .ynewsList .ynews { width:100%; float:none;}
	.introNew .ynewsList .ynews:nth-child(1) { margin-right:0; }
	.introNew .ynewsList .ynews:nth-child(2) { margin:0; }
	.introNew .ynewsList .ynews:nth-child(3) { margin-left:0; }
	.introNew .ynewsList .ynews + .ynews { margin-top:10px; }
	.introNew .ynewsList .ynews .tit { font-size:16px;}
	.introNew .ynewsList .ynews .pic { margin-top:10px; }
	.introNew .ynewsList .ynews .text { font-size:14px; margin-top:10px; }

	.issueList li i { font-size:14px; }

	.pointmapWrap { padding:15px; }
	.pointmapWrap .pointmapAni { float:none; width:100%; max-width:387px; height:auto; margin:0 auto; }
	.pointmapWrap .pointmapAni .map { position:relative;  }
	.pointmapWrap .pointmapAni .map img { width:100%; max-width:100%; }
	.pointmapWrap .pointmapAni .circle_wrap { position:absolute; top:0; left:0; margin-top:18.0%;}
	.pointmapWrap .pointmapText { width:100%; float:none; height:auto; margin:0; text-align:center; }
	.pointmapWrap .pointmapText .center { position:relative; top:0; left:0; transform:translateY(0); }
	.pointmapWrap .pointmapText .center p span.block { display:inline; }
	.pointmapWrap .pointmapText .contactPoint { margin-top:20px;  }
	.pointmapWrap .pointmapText .contactPoint strong { display:block; margin-bottom:5px;  }
	.pointmapWrap .pointmapText .contactPoint a.contactBtn { display:inline-block; margin:2px; width:135px; line-height:32px; }
	.pointmapWrap .pointmapText .contactPoint a.contactBtn.tel { font-size:14px; }
	.pointmapWrap .pointmapText .contactPoint a.contactBtn.consult { font-size:15px; }

	.pointmapWrap.new { display:block; }
	.pointmapWrap.new .graphAni .graphwrap{ width:calc(100% - 50px); margin-left:50px; }

	.pointmapWrap.new .pointmapAni { display:block; width:100%; max-width:300px; margin:0 auto; }
	.pointmapWrap.new .graphAni{ display:block; width:100%; margin-left:0; }
	.pointmapWrap.new .graphAni .graphwrap {  width:100%; margin-left:0; margin-top:30px; }
	.pointmapWrap.new .graphAni .graphwrap .graphbox { height:200px }
	.pointmapWrap .pointmapAni .map .pic03 { opacity:0;  transition:all 1.0s ease-out;}
	.pointmapWrap .pointmapAni .map.active .pic03 { opacity:1; transition:all 1.0s ease-out; transition-delay:0.3s; }
	.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area.area01 .graphlength { height:3.335%; transition:all 0.4s ease-out; transition-delay:0.3s; }
	.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area.area02 .graphlength { height:20.01%; transition:all 0.4s ease-out; transition-delay:0.4s;  }
	.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area.area03 .graphlength { height:15.0075%; transition:all 0.4s ease-out; transition-delay:0.5s; }
	.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area.area04 .graphlength { height:23.345%; transition:all 0.4s ease-out; transition-delay:0.6s;  }
	.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area.area05 .graphlength { height:10.005%; transition:all 0.4s ease-out; transition-delay:0.7s; }
	.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area.area06 .graphlength { height:95.0475%; transition:all 0.6s ease-out; transition-delay:0.8s;  }
	.pointmapWrap.new .graphAni .graphwrap .graphtit p { font-size:14px; }
	.pointmapWrap.new .graphAni .graphwrap .graphbox .area strong { font-size:13px;  }
	.pointmapWrap.new .graphAni .graphwrap .graphbox.active .area strong { opacity:1; transition:all 0.5s ease-out; transition-delay:1.0s;  }
	
	.section07 .btn_kb a img { max-width:100%; }

	.introNew .important { padding:10px; }
	.introNew .important p {font-size:15px; line-height:24px; padding:0 20px; }
	.introNew .important p:before { content:''; position:absolute; top:0; left:0; width:15px; height:13px; display:inline-block; background:url('../images/sub/sub1/text_before.png'); background-size:15px 13px; }
	.introNew .important p:after { content:''; position:absolute; top:0; right:0; width:15px; height:13px; display:inline-block; background:url('../images/sub/sub1/text_after.png'); background-size:15px 13px; }
	.introNew .greyBox .logoAni.type03 > div img { width:100%; }
	
	/*오시는길*/
	.location_tab .location_tab ul li a { line-height:4rem; font-size:1.5rem; }
	.introNew .section { margin-top:30px; }
	.location .location-addr a .office_info { height:350px; }
	.location .office_pic .pic_slide { height:350px; }
	.location .office_pic .pic_slide .slide-item { height:350px; }
	.location .office_pic .pic_slide img {display:none;}
	.location .location-addr .office_pic .pic_slide .slick-list { height:350px; }
	.location .location-addr a .office_info h2 { padding-top: 10px; }
	.location .location-map { display:none;}

	.slick-slider.pic_slide_nav { width:100%; padding:0 30px 0 28px; position:relative; padding-top:5px; }
	.slick-slider.pic_slide_nav .slide-nav { margin:0 2px; }
	.slick-slider.pic_slide_nav .slide-nav img { width:100%; }
	.slick-slider.pic_slide_nav .slick-arrow { position:absolute; top:5px; z-index:90; width:25px; height:calc(100% - 5px); display:block; border:0;}
	.slick-slider.pic_slide_nav .slick-arrow.slick-prev { text-indent:-1000px; font-size:0; background:url(../images/sub/sub1/slide/arw_prev.png)center center no-repeat; background-size:10px; background-color:#999; left:0px; z-index:10;}
	.slick-slider.pic_slide_nav .slick-arrow.slick-next { text-indent:-1000px; font-size:0; background:url(../images/sub/sub1/slide/arw_next.png)center center no-repeat; background-size:10px;  background-color:#999; right:0px; z-index:10; }
	.slick-slider.pic_slide_nav .slick-arrow.slick-prev:hover,
	.slick-slider.pic_slide_nav .slick-arrow.slick-next:hover { opacity:0.8; border:0;  }
	.slick-slider.pic_slide_nav .slick-arrow:focus { border:0; outline:0; }

}


@media (max-width: 599px) {	
	.introNew .section { margin-top:40px; }
	.introNew { font-size:14px; line-height:23px; }
	.introNew .section h3.tit01 { font-size:20px; line-height:30px; margin-bottom:10px !important; margin-top:10px !important;  }

	.introNew .greyBox .logoAni { width:100%; }

	.graphWrap { padding:15px; }
	.graphWrap .graph_text { top:15%; }
	.graphWrap .graph_text ul li { font-size:13px; padding-left:20px; font-weight:200; }
	.graphWrap .graph_text ul li.oh:before { width:15px; height:2px; }
	.graphWrap .graph_text ul li.a:before { width:15px; height:2px; }
	.graphWrap .graph_text ul li.b:before { width:15px; height:2px; }
	.graphWrap .graph_text ul li + li { margin-top:0px; }
	.graphWrap .text { font-size:12px; }

	.introNew .greyBox.type01 { padding:0; }
	.introNew .greyBox.type01 .logoAni { width:100%; }
	.introNew .greyBox.type01 p { font-size:10px; line-height:15px; text-align:center; letter-spacing:-0.07em; }
	.introNew .greyBox .logoAni > div { padding:0 2px; }
	.introNew .greyBox.type01 .logoAni > div:nth-child(1) img { width:auto; height:46px; }
	.introNew .greyBox.type01 .logoAni > div:nth-child(2) img { width:auto; height:46px; }
	.introNew .greyBox.type01 .logoAni > div:nth-child(3) img { width:auto; height:46px; }
	.introNew .greyBox.type01 .logoAni > div:nth-child(4) img { width:auto; height:46px; }

	/* 절차부분 */
	.stepAniWrap { margin-top:20px; }
	.stepAniWrap .clear { display:none; }
	.stepAniWrap:after { display:block; clear:both; content:''; }
	.stepAniWrap .topwrap { width:20%; float:left; margin-top:0;}
	.stepAniWrap .stepWrap { width:40%; float:left; display:block; margin-top:0;  }
	.stepAniWrap .topwrap .boxwrap .box,
	.stepAniWrap .stepWrap .step { display:block; float:none; width:100% !important; margin-top:1px; }
	.stepAniWrap .stepWrap .step { padding:10px;}
	.stepAniWrap .topwrap .boxwrap .box,
	.stepAniWrap .stepWrap .step { border:0; }
	.stepAniWrap .stepWrap .step:nth-of-type(1) { border-right:0; }
	.stepAniWrap .topwrap .boxwrap .box p span { display:block; line-height:18px; }
	.stepAniWrap .topwrap .boxwrap .box p:before { width:32px; height:30px; margin:10px auto 0;  }

	.stepAniWrap .topwrap .boxwrap .box:nth-of-type(1),
	.stepAniWrap .stepWrap .step:nth-of-type(1) { height:30px; padding:5px; }
	.stepAniWrap .topwrap .boxwrap .box:nth-of-type(2),
	.stepAniWrap .stepWrap .step:nth-of-type(2) { height:150px; }
	.stepAniWrap .topwrap .boxwrap .box:nth-of-type(3),
	.stepAniWrap .stepWrap .step:nth-of-type(3) { height:250px; }
	.stepAniWrap .topwrap .boxwrap .box:nth-of-type(4),
	.stepAniWrap .stepWrap .step:nth-of-type(4) { height:140px; }
	.stepAniWrap .topwrap .boxwrap .box:nth-of-type(5),
	.stepAniWrap .stepWrap .step:nth-of-type(5) { height:140px; }

	.stepAniWrap .stepWrap.block_2 .step::after { width:18px; height:18px; left:0; top:50%; transform:translate(-50%, -50%); }
	.stepAniWrap .stepWrap .step p,
	.stepAniWrap .stepWrap .step ul { font-size:13px; line-height:18px; }

	.stepAniWrap .topwrap:before{  width:1px; height:calc(100% - 30px); top:30px; left:10%; }/*회색선*/
	.stepAniWrap .topwrap .box:before { width:1px; height:0; top:0; left:10%; transition: all .3s ease-out; }/* 주황색선 */
	.stepAniWrap .topwrap .box.on::before { width:1px; height:100%; }
	.stepAniWrap .topwrap .boxwrap .box .arrow { width:16px; height:11px; transition:all .3s ease-out; background: url(../images/sub/sub1/step_arw.png)no-repeat center center; transform:rotate(90deg); top:0; left:8%;
	margin-left:-6px; }
	.stepAniWrap .topwrap .boxwrap .box.on .arrow { opacity:1; left:8%; transition:all .3s ease-out; top:calc(100% - 11px); } /* 화살표*/
	.stepAniWrap .topwrap .box:after { width:16px; height:16px; border:3px solid #a9a9a9; top:0; left:8%; transform:translate(-6px, 0);  }
	.stepAniWrap .topwrap .box.on:after{ border-color:#eb6a01; }/* 원 */

	.pointmapWrap.new .pointmapAni { display:block; width:100%; max-width:250px; margin:0 auto; }
	
	/* 오시는길 */
	.location .location-addr a .office_info { padding:15px; padding-right:47%; }
	.location .location-addr a .office_pic { width:45%; }
	.location .location-addr a .office_info h2 { font-size:19px ;  }
	.location .location-addr a .office_info h3 { margin-top:5px; margin-bottom:5px ; font-size:15px; }
	.location .location-addr a .office_info h3 span { font-size:15px; }
	.location .location-addr a .office_info p { font-size:12px; line-height:20px; }	

	.location .location-addr a .office_info { height:280px; }
	.location .location-addr a .office_info { padding-right:15px; }
	.location .location-addr a .office_info h2 { padding-top:0px; }
	.location .office_pic .pic_slide { height:280px; }
	.location .office_pic .pic_slide .slide-item { height:280px; }
	.location .location-addr .office_pic .pic_slide .slick-list { height:280px; }	
	.location .location-addr a .office_info { padding:15px; }

}


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 소개페이지  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.special_wrap { position:relative; }
.special_wrap .secInner .point { font-size:2rem; color:#000; font-weight:500; line-height:3rem; padding:0; margin-bottom:1.5rem; display:inline-block;}
.special_wrap .special_top { position:relative; padding-right:28%; padding-bottom:3rem; }
.special_wrap .special_top .bg_img { position:absolute; bottom:0; right:0; z-index:-1; }
.special_wrap .special_top .bg_img img { width:100%; }
.inyul_intro{ margin-top:10rem; }
.inyul_intro.in_in_top { padding:10rem 1.5rem; background:url(../images/sub/sub3/sub_3_bg_1.jpg)center center no-repeat; background-size:cover; text-align:center; }
.inyul_intro.in_in_top p { font-size:2.5rem; color:#fff; }
.inyul_intro.in_in_top p strong { font-weight:500; border-bottom:1px solid #fff; }
.inyul_intro.in_in { margin-top:8rem; }
.inyul_intro.in_in:after { display:block; clear:both; content:''; }
.inyul_intro.in_in > div { width:calc(50% - 2rem); }
.inyul_intro.in_in .left { float:left; }
.inyul_intro.in_in .right { float:right; }
.inyul_intro.in_in dl + dl {  }
.inyul_intro.in_in dl dt { font-size:2rem; color:#000; margin-bottom:1.5rem; }
.inyul_intro.in_in dl dd { font-size:1.6rem; line-height:1.5; color:#111; height:14rem;  }
.inyul_intro.in_in h2 { font-size:3rem; color:#000; font-weight:200; position:relative; line-height:2; margin-bottom:4rem; }
.sub3_mark { text-align:center; margin:6rem auto 0;  width:80%; max-width:795px;  }

.ty_ani.active {  transition:all 0.5s ease-out; transform:translateY(0px); opacity:1; }
.ty_ani { transform:translateY(50px); transition:all 0.5s; opacity:0; }
.fade_ent.active { transition:all 0.8s ease-out; opacity:1;  }
.fade_ent { opacity:0; transition:all 0.8s ease-out; }
.bar.active { width:9rem; opacity:1; transition:all 0.3s ease-out; }
.bar { width:0rem; height:1px; background:#000; display:block; opacity:0; transition:all 0.3s ease-out; }
.delay5 { transition-delay:0.5s; }
.delay10 { transition-delay:10s; }

/* ================================== Mobile css ================================== */
@media all and (max-width:767px){
	.special_wrap .special_top { padding-right:0; padding-bottom:0; }
	.special_wrap .special_top .img-right { padding-right:28%;  }

	.inyul_intro{ margin-top:5rem; }
	.inyul_intro.in_in_top { padding:5rem 1.5rem; }
	.inyul_intro.in_in_top p { font-size:1.8rem;}
	.inyul_intro.in_in { margin-top:4rem; }
	.inyul_intro.in_in > div { width:100%; }
	.inyul_intro.in_in .left { float:none; }
	.inyul_intro.in_in .right { float:none; margin-top:3rem; }
	.inyul_intro.in_in dl dt { margin-bottom:1rem; }
	.inyul_intro.in_in dl dd { font-size:1.5rem; height:auto; }
	.inyul_intro.in_in dl + dl { margin-top:2rem; }
	.inyul_intro.in_in h2 { margin-bottom:2rem; }

}



/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 인재채용  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.incruit_wrap { }
.incruit_wrap .btnSet { margin-top:2rem; }
.incruit_btn { padding:0 2.5rem; line-height:4.4rem; background:#416293; border:1px solid #335486; font-size:1.6rem; color:#fff !important; display:inline-block; text-align:center; }
.incruit_btn.staff { background:#8c7439; border:1px solid #7b6327;  }
.incruit_btn span:after { content:url(../images/sub/btn_arrow.png); display:inline-block; margin-left:2rem; vertical-align:middle; }
.incruit_tbl {}
.incruit_tbl th,
.incruit_tbl td { border:1px solid #ccc; padding:1.2rem; }
.incruit_tbl th { background:#f1f1f1; text-align:center; color:#111; font-weight:500; }
.incruit_tbl td { color:#555; }

.apply_step_wrap { margin-bottom:4rem; }
.apply_step_wrap:after { display:block; clear:both; content:''; }
.apply_step_wrap .apply_step { width:calc(50% - 1rem); line-height:6rem; text-align:center; background:#e6e6e6; font-size:2rem; color:#111; font-weight:500; position:relative; }
.apply_step_wrap .apply_step.step01 { float:left; }
.apply_step_wrap .apply_step.step02 { float:right; }
.apply_step_wrap .apply_step.step01:after { display:block; content:''; border-left:2rem solid #e6e6e6; border-top:3rem solid transparent; border-bottom:3rem solid transparent; width:0; height:0;
position:absolute; left:100%; top:0; position:3; }
.apply_step_wrap .apply_step.step02:after { display:block; content:''; border-left:2rem solid #fff; border-top:3rem solid transparent; border-bottom:3rem solid transparent; width:0; height:0;
position:absolute; left:0; top:0; z-index:10; position:2; }
.apply_step_wrap .apply_step.current { background:#37496c; color:#fff; }
.apply_step_wrap .apply_step.step01.current:after { border-left:2rem solid #37496c;  }

.apply_wrap {}
.apply_wrap h4.tit02 { font-size:2.2rem; font-weight:500; color:#000; margin-top:5rem; margin-bottom:1rem; }
.apply_wrap h4.tit02.first { margin-top:1rem; }
.apply_wrap .terms_box { padding:1.5rem; border:1px solid #ccc; color:#111; font-weight:400; font-size:1.5rem; line-height:2.1rem; }
.apply_wrap .agree01_wrap { margin-top:3rem; border-top:1px solid #ccc; text-align:center; padding-top:2rem;  }
.apply_wrap .agree01_wrap span { margin:0 2rem; }
.apply_wrap .agree01_wrap label { font-size:1.6rem; font-weight:400; }
.apply_wrap .agreeSubmit { margin-top:4rem; text-align:center; }
.apply_wrap .term_text p + p { margin-top:1.5rem; }

/*서비스신청하기*/
#form-wrap {  }
.form-write { width:100%; margin-bottom:20px; }
.form-write .write-item { border-top:2px solid #333; border-bottom:2px solid #333; display:block; width:100%; font-size:1.6rem; line-height:2.4rem; font-weight:400; }
.form-write .write-item dl { display:table; width:100%; table-layout:fixed; }
.form-write .write-item dl + dl { border-top:1px solid #ccc; }
.form-write .write-item dt { display:table-cell;  width:19rem;  padding:1.2rem 3rem; background:#efefef; color:#0d0d0d; font-size:1.7rem; position:relative; vertical-align:middle;  }
.form-write .write-item dd { display:table-cell;  padding:1.2rem 3rem; color:#414141; font-size:1.7rem; }
.form-write .write-item dl.required dt:before { content:'*'; color:#e37305; position:absolute; left:18px; top:1.2rem; font-weight:bold;  }
.form-write .write-item dl.captcha span { font-size:1.5rem; color:#e37426; }
.write-item .careerType strong { color:#111; font-weight:500; margin-bottom:0.7rem; display:inline-block; }
.write-item .selectSet { margin-left:-0.8rem; }
.write-item .selectSet span { margin:0.2rem 0.8rem; }
.write-item input.size_m { max-width:40rem;}
.write-item .input_tel select,
.write-item .input_tel input { width:29%; max-width:15rem;}
.write-item .input_birth select { width:27%; max-width:15rem;}
.write-item .input_address > span { display:block; }
.write-item .input_address > span + span { margin-top:0.5rem; }
.write-item .input_address .addr_01 { width:calc(100% - 9.5rem); float:left; }
.write-item .input_address .btn_zipcode { width:9rem; border:1px solid #ccc; background:#efefef; color:#000; line-height:3.6rem; text-align:center; float:right; }
.write-item .input_address .clear:after { display:block; clear:both; content:''; }
.write-item .input_email input,
.write-item .input_email select { width:29%; max-width:20rem; }
.write-item .multi_line input + input { margin-top:0.5rem; }
.apply_wrap .apply_caution { margin-top:1rem; background:#efefef; padding:2rem; color:#000; font-weight:400; font-size:1.5rem; }
.apply_wrap .btm_btn { margin-top:2rem; text-align:center; }


/* ================================== Mobile css ================================== */
@media all and (max-width:767px){
	.apply_step_wrap { margin-bottom:2rem; }
	.apply_step_wrap .apply_step { line-height:4.4rem; font-size:1.5rem; width:calc(50% - 0.5rem);  }
	.apply_step_wrap .apply_step.step01:after { display:block; content:''; border-left:1.5rem solid #e6e6e6; border-top:2.2rem solid transparent; border-bottom:2.2rem solid transparent; }
	.apply_step_wrap .apply_step.step02:after { display:block; content:''; border-left:1.5rem solid #fff; border-top:2.2rem solid transparent; border-bottom:2.2rem solid transparent; }

	.form-write .write-item dt { width:9rem;  padding:1rem 0.5rem; font-size:1.4rem;  }
	.form-write .write-item dd { padding:1rem; font-size:1.4rem; }
	.write-item .selectSet { margin-left:-0.5rem; }
	.write-item .selectSet span { margin:0.2rem 0.5rem; }

}


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 오시는길  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.sub_location { }
.d_map_wrap { width:100%; }
.d_map_wrap .root_daum_roughmap { width:100%; height:500px; position:relative; }
.d_map_wrap .root_daum_roughmap .wrap_map {position:absolute; top:0; left:0; width:100%; height:100%; }
.sub_location .address_info { background:#222328; color:#fff; font-size:1.8rem; padding:2rem; text-align:center; border-radius: 10px}
.sub_location .contact_info { margin:4rem 0; }
.sub_location .contact_info ul {}
.sub_location .contact_info ul:after { display:block; clear:both; content:''; }
.sub_location .contact_info ul li:after { display:block; clear:both; content:''; }
.sub_location .contact_info ul li { width:33.3333%; float:left; text-align:center;  }
.sub_location .contact_info .info strong { font-size:19px; display:block; margin-bottom:10px; color:#777; font-weight:400; }
.sub_location .contact_info .info .text span { font-size:28px; color:#111; font-weight:700; font-family:'Montserrat', sans-serif;  }
.sub_location .contact_info .info .icon { width:80px; height:80px; border-radius:50%; background:url(../images/sub/sub6/location_icon_160x160_1.png)no-repeat; background-size:500%; margin:0 auto 15px;}
.sub_location .contact_info .info.tel_1 .icon { background-position:0 0; background-color:#efefef; }
.sub_location .contact_info .info.tel_2 .icon { background-position:25% 0; background-color:#006699; }
.sub_location .contact_info .info.tel_3 .icon { background-position:50% 0;  background-color:#efefef;  }
.sub_location .contact_info .info.tel_4 .icon { background-position:75% 0;  background-color:#efefef;  }
.sub_location .location-info { border:1px solid #ccc; padding:3rem; color:#555;border-radius: 10px; }
.sub_location .location-info dl {}
.sub_location .location-info dl:after { display:block; clear:both; content:''; }
.sub_location .location-info dl + dl { margin-top:3rem; }
.sub_location .location-info dl dt { float:left; display:block; width:14rem; font-size:2.2rem; color:#000; font-weight:700;  }
.sub_location .location-info dl dd { float:left; display:block; width:calc(100% - 14rem); font-size:1.6rem; }
.sub_location .location-info ul li:after { display:block; clear:both; content:''; }
.sub_location .location-info ul li + li { margin-top:1rem; }
.sub_location .location-info .tit { display:block; float:left; width:5.2rem; color:#000; line-height:1.6rem;  line-height:2.1rem; font-weight:500; }
.sub_location .location-info .cnts { width:calc(100% - 6rem); float:left; padding-left:1rem; line-height:1.2; }
.sub_location .location-info .call { letter-spacing:0; }
.sub_location .location-info .bus ul li em { display:inline-block; width:3.6rem; height:2.2rem; text-align:center; line-height:2.2rem; border-radius:3px; font-size:1.5rem; margin-right:5px; color:#fff;  }

.map_tab .con {height:auto;position:absolute;top:0px;visibility:hidden;  }
.map_tab .con.on {position:relative; visibility:visible;}
.map_tab .map_tab_nav { margin:40px auto; width:100%; max-width:700px; }
.map_tab .map_tab_nav ul { display:flex; justify-content:center; position:relative; }
.tab-nav.view-tab ul:before {/* display:block; content:''; width:100%; height:1px; background:#ccc; position:absolute; top:50%; left:0; z-index:-1; */ }
.map_tab .map_tab_nav ul li {  margin:0 10px; }
.map_tab .map_tab_nav ul li a { border-radius:25px; line-height:50px; height:50px; background:#eae9e9; text-align:center; display:block; color:#111; border:0; width:150px; padding:0; font-size:1.6rem; font-weight:500; }
.map_tab .map_tab_nav ul li.on a { background:var(--main); color:#fff; }
.loadview img { width:100%; }



/* ================================== Tablet css ================================== */
@media (max-width: 1080px) {
	.d_map_wrap .root_daum_roughmap { height:35rem !important; }
}


/* ================================== Mobile css ================================== */
 @media all and (max-width:767px){
	.d_map_wrap .root_daum_roughmap { height:25rem !important; }
	.sub_location .address_info { font-size:1.5rem; padding:1rem; line-height:1.2; }

	.sub_location .contact_info ul li { width:100%; float:none; text-align:left; border:1px solid #ccc; padding:10px; }	
	.sub_location .contact_info ul li + li { margin-top:10px;  }
	.sub_location .contact_info .info .icon { width:5rem; height:5rem; float:left; margin:0; margin-right:1rem;  }
	.sub_location .contact_info .info .text { padding-top:0; }
	.sub_location .contact_info .info .text strong { display:none; }
	.sub_location .contact_info .info .text span { font-size:1.8rem; line-height:5rem; }
	.sub_location .location-info { padding:1.5rem; }
	.sub_location .location-info dl dt { float:none; width:100%; font-size:1.8rem; margin-bottom:1rem;  }
	.sub_location .location-info dl dd { float:none; display:block; width:100%; font-size:1.5rem; }
	.sub_location .location-info .call:after { display:block; clear:both; content:''; }
	.sub_location .location-info .call li { display:block; width:calc(50% - 0.5rem); text-align:center; background: rgba(244, 245, 248, 0); color:#0d0b0b; line-height:22px; height:34px; border-radius:3px; margin:0.5rem 0; border-radius: 10px;}
	.sub_location .location-info .call li:nth-child(2n) { float:right;  }
	.sub_location .location-info .call li:nth-child(2n + 1) { float:left; clear:both;}
	.sub_location .location-info .call li strong span+span { display:none; }
	.sub_location .location-info .call li strong {width:23px;height:0px;line-height:29px;text-align:center;background:#8c8e8f;color:#0d0b0b;border-radius:2%;font-weight:700;float:none;display:inline-block;outline-width: 9px;transform: translateY(-4px);}
	.sub_location .location-info .cnts {display:inline-block;float:none;transform: translateY(-3px);}
	.sub_location .location-info .tit { width:5rem; }
	.sub_location .location-info .cnts { width:calc(100% - 5rem);}	

	.map_tab .map_tab_nav ul li { margin:0 5px; }
	.map_tab .map_tab_nav ul li a { width:100px; font-size:1.4rem; line-height:40px; height:40px; }
 }

  @media all and (max-width:559px){
	.sub_location .location-info .call li {width:100%;  }
	.sub_location .location-info .call li:nth-child(2n) { float:none;  }
	.sub_location .location-info .call li:nth-child(2n + 1) { float:none; clear:both;}
  }


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 전담센터  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.center_wrap {background:url(../images/sub/specialty.jpg)center center no-repeat;background-size:cover;padding-bottom:12rem;}
.center_list_wrap { width:100%; display:flex; justify-content:center; }
.center_list_wrap .center_list { display:flex; flex-wrap:wrap; align-items:center; width:100%; max-width:1420px; list-style:none; padding:0 1rem; }
.center_list_wrap .center_list li {width:calc(20% - 2rem);height:25rem;margin:1rem;overflow:hidden;border-radius: 27px;}
.center_list_wrap .center_list .center_cnt {width:100%;height:25rem;border: 3px solid rgb(123 82 47 / 47%);transition:0.5s;position:relative;}
.center_list_wrap .center_list .center_cnt .center_cnt_text{ width:100%; position:absolute; text-align:center; top:6.5rem; transition:0.5s; padding:0 1.5rem; }
.center_list_wrap .center_list .center_cnt:hover .center_cnt_text { top:5rem; }
.center_list_wrap .center_list .center_cnt .center_cnt_text .center_tit { color:#fff; font-weight:500; font-size:3.0rem; line-height:1.2; display:block; text-align:center; }
.center_list_wrap .center_list .center_cnt .center_cnt_text .center_desc { color:#fff; font-size:1.5rem; line-height:2.2rem; text-align:center; display:block; margin-top:1.7rem; }
.center_list_wrap .center_list .center_cnt:hover { border-color:#8c7b7b; background:#858188f0; transition:0.5s;  }
.center_list_wrap .center_list .center_cnt .center_link {display:block;position:absolute;width:80%;bottom:3rem;left:50%;transform:translateX(-50%);opacity:0;transition:0.5s;height:3.8rem;line-height:3.8rem;color:#fff;font-size:1.5rem;text-align:left;background:url(../images/sub/sub2/link_arw.png)right center no-repeat;background-size:contain;background-color: rgba(94, 62, 46, 0.87);padding:0 1.5rem;}
.center_list_wrap .center_list .center_cnt:hover .center_link { opacity:2; }

@media all and (max-width:1200px){
	 .center_list_wrap .center_list li { width:calc(25% - 2rem); }
	 .center_list_wrap .center_list .center_cnt .center_cnt_text .center_tit { font-size:2.8rem; }
	 
}
 
@media all and (max-width:959px){
	.center_list_wrap .center_list li { width:calc(33.3333% - 2rem); }	
	.center_list_wrap .center_list .center_cnt .center_cnt_text{  top:5.5rem; }
	.center_list_wrap .center_list .center_cnt:hover .center_cnt_text { top:4.5rem; }
	.center_list_wrap .center_list .center_cnt .center_link span span { display:none; }
}

@media all and (max-width:599px){
 	.center_wrap { padding-bottom:6rem; }
	.center_list_wrap .center_list li { width:calc(50% - 1rem); margin:0.5rem; height:20rem; }
	.center_list_wrap .center_list .center_cnt { height:20rem; }
	.center_list_wrap .center_list .center_cnt .center_cnt_text .center_tit	{ font-size:2.5rem; }
	.center_list_wrap .center_list .center_cnt .center_cnt_text{ top:3rem; }
	.center_list_wrap .center_list .center_cnt:hover .center_cnt_text { top:2rem; }
}
	 


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 변호사 목록  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/ 
.lawyerTab { display:none; }
.lawyerTab .tab:after { display:block; clear:both; content:''; }
.lawyerTab .tab li { width:50%; float:left; }
.lawyerTab .tab li:nth-child(2){ margin-left:-1px; }
.lawyerTab .tab li a { display:block; width:100%; line-height:56px; text-align:center; font-size:18px; color:#333; border:1px solid #ccc; }
.lawyerTab .tab li a:hover { background:#f1f1f1; }
.lawyerTab .tab li.on a { background:#36302b; border-color:#36302b; color:#fff; }

.lawyerList ul:after { display:block; clear:both; content:''; }
.lawyerList ul { width:100%;  }
.lawyerList ul li  { width:25%; padding:0; margin-top:30px; float:left; }
.lawyerList ul li:nth-child(4n+1) { clear:both; }
.lawyerList ul li .lawyerCnts { position:relative; overflow:hidden; margin-inline: 0.3rem;}
.lawyerList ul li .lawyerCnts a { display:block; width:100%; height:100%; }
.lawyerList ul li .lawyerCnts .lawyerPic { position:relative;  }
.lawyerList ul li .lawyerCnts .lawyerPic img { width:100%; transform:matrix(1, 0, 0, 1, 0, 0); transition:0.2s ease-in; -moz-transition:0.2s ease-in; -webkit-transition:0.2s ease-in; -ms-transition:0.2s ease-in;}
.lawyerList ul li .lawyerCnts .lawyerPic:hover img { transform: matrix(1.03, 0, 0, 1.03, 0, 0); }
.lawyerList ul li .lawyerCnts .lawyerPic:after { position:absolute; top:0; left:0; content:''; width:100%; height:100%; display:block; background:rgba(0,0,0,0.15); transition: all .3s cubic-bezier(0.46, 0.03, 0.52, 0.96);}
.lawyerList ul li .lawyerCnts .lawyerPic:hover:after { background:rgba(0,0,0,0); transition: all .3s ease-out; }
.lawyerList ul li .lawyerCnts .lawyerText { position:absolute; width:100%; padding:1rem; bottom:0; left:0; background:rgba(0,0,0,0.5); color:#fff; text-align:right; line-height:1.2; }
.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:1.7rem; font-weight:500; display:inline-block; margin-top:3px !important; }
.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:1.3rem; }
.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:1.9rem; }
.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:2.8rem; font-weight:500; display:inline-block; margin-right:5px; }
.lawyerList ul li .lawyerCnts .lawyerText strong.bg { background:rgba(254,208,128,0.5); padding:0 1rem; border-radius:3px; font-weight:400;  }
.lawyerList ul li .lawyerCnts .lawyerPic img.pc { display:block; }
.lawyerList ul li .lawyerCnts .lawyerPic img.mobile { display:none; }
.lawyerList.new2022 ul li .lawyerCnts .lawyerText strong.bg { background:#7c6033; border:1px solid #8a6f44; display:inline-block; }


.lawyerList ul.col03 li { width:50%; }
.lawyerList ul.col03 li:nth-child(2n+1) { clear:both; }
#lawyerList02 { display:block; }
.lawyerList ul.col03.first li { margin-top:0; }
.tab_title { display:block; font-size:3.3rem; font-weight:500; margin-bottom:2rem; }
#lawyerList02 .tab_title { margin-top:10rem; }


@media (max-width: 1080px) {
	.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:1.6rem; }
	.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:1.2rem; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:1.6rem; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:2.4rem; }
}

/*@media (max-width: 958px) {
	.lawyerList ul li { width:33.3333%; }
	.lawyerList ul li:nth-child(2n+1) { clear:none; }
	.lawyerList ul li:nth-child(3n+1) { clear:both; }
	.lawyerList ul.col02 li:nth-child(2n+1) { clear:none; }
	.lawyerList ul li .lawyerCnts .lawyerText strong.bg { padding:0 0.5rem; letter-spacing:-0.1em; }
}*/
@media (max-width: 958px) {
	.lawyerList ul li { width:50%; } /* 화면을 2개의 아이템으로 나눔. */
	.lawyerList ul li:nth-child(2n+1) { clear:both; } /* 2n+1 아이템(즉, 각 줄의 첫 번째 아이템)에서 줄을 바꿈 */
	.lawyerList ul li .lawyerCnts .lawyerText strong.bg { padding:0 0.5rem; letter-spacing:-0.1em; }
}


@media (max-width: 767px) {
	.lawyerTab .tab li a { line-height:4rem; font-size:1.5rem; }
}

@media (max-width: 599px) {
	.lawyerList ul li { width:100% !important; padding:0; margin-top:10px !important; float:none; }
	.lawyerList ul li .lawyerCnts .lawyerText { padding:10px 5px; text-align:center; }
	.lawyerList ul li .lawyerCnts .lawyerText strong { font-size:12px; letter-spacing:-0.1em;}
	.lawyerList ul li .lawyerCnts .lawyerText strong .stext { font-size:10px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName { font-size:12px; }
	.lawyerList ul li .lawyerCnts .lawyerText .lawyerName span { font-size:16px; }
	.lawyerList ul li .lawyerCnts .lawyerPic img:hover { transform: matrix(1.0, 0, 0, 1.0, 0, 0); }
	.lawyerList ul li .lawyerCnts .lawyerPic img.pc { display:none; }
	.lawyerList ul li .lawyerCnts .lawyerPic img.mobile { display:block; }
	.lawyerList ul li .lawyerCnts .lawyerPic:after { display:none; }

	.lawyerTab { display:block; margin-bottom:2rem; }
	#lawyerList02 { display:none; }
	.tab_title { display:none; }
	.lawyerList.newlist ul li { width:100%; } 
	.lawyerList.newlist ul.col03 li { width:100%; }

	.lawyerList.new2022 ul li .lawyerCnts .lawyerText { padding:0; text-align:left; background:none; }
	.lawyerList.new2022 ul li .lawyerCnts .lawyerText .lawyerName { margin-top:3px; text-align:right; background:rgba(0,0,0,0.6); padding:5px 10px; }
	.lawyerList.new2022 ul li .lawyerCnts .lawyerText .lawyerName span { font-size:1.9rem; font-weight:700; letter-spacing:0.05em; }
	.lawyerList.new2022 ul li .lawyerCnts .lawyerText strong { margin-left:5px; }
	.lawyerList.new2022 ul li .lawyerCnts .lawyerText strong.bg { padding:2px 6px; font-size:1.5rem; }
}

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 변호사 프로필  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/ 
.lawyerDetail { position:relative; padding-left:45%; min-height:590px; }
.lawyerDetail .name-con { font-size:2.5rem; color:#111; text-align:right; max-width:610px; }
.lawyerDetail .name-con span {display:block; line-height:1.5;}
.lawyerDetail .name-con b { margin-top:5px; display:block; font-weight:300; }
.lawyerDetail .name-con b strong {font-weight:500; font-size:4rem; letter-spacing:10px; }
.lawyerDetail .name-con span.en {font-size:2rem; text-transform:uppercase; letter-spacing:4px; margin-top:5px; }
.lawyerDetail .name-con .intro_text { text-align:left; margin-top:20px; font-family:'Nanum Myeongjo', serif; color:#737373; font-size:2rem; line-height:3rem; font-weight:400; margin-top:3rem; }
.lawyerDetail .name-con .intro_text strong { font-size:3.3rem; line-height:4.5rem; font-weight:800; font-style:italic; margin-bottom:2.5rem; display:block; }
.lawyerDetail .name-con .intro_text img { ; width:100%; max-width:600px; }
.lawyerDetail .profile { clear:both; }
.lawyerDetail .profile .profile_pic {position:absolute; top:0px; left:0; width:45%; }
.lawyerDetail .profile .profile_pic img { max-width:100%; }
.lawyerDetail .profile .profile_tx { margin-top:40px; margin-left:5px; }
.lawyerDetail .profile .profile_tx .tit {display:block; margin-bottom:20px; rgb(136 112 60 / 89%); }
.lawyerDetail .profile .profile_tx .line {border-top:1px dashed rgb(136 112 60 / 89%); margin-top:30px; padding-top:30px;}

.lawyerDetail .profile .profile_tx .tit {padding-left:20px; border-left:3px solid rgb(136 112 60 / 89%); margin-bottom:35px; font-size:3.8rem; line-height:1; }
.lawyerDetail .profile .profile_tx .prf_tx_list { padding-left:20px; }
.lawyerDetail .profile .profile_tx .prf_tx_list li { padding-left:12px; font-size:1.4rem;  position:relative; letter-spacing:-0.05em; line-height:2.5rem; font-weight:300; }
.lawyerDetail .profile .profile_tx .prf_tx_list li:before { display:block; width:3px; height:3px; background:#777; border-radius:50%; content:''; position:absolute; left:0; top:13px; }
.lawyerDetail .profile .profile_tx .prf_tx_list + .prf_tx_list { margin-top:14px; }


@media (max-width: 767px) {
	.lawyerDetail { padding-left:0; }
	.lawyerDetail .name-con { text-align:center; }
	.lawyerDetail .profile .profile_pic { position:relative; top:auto; width:100%; }
	.lawyerDetail .profile .profile_tx { margin-top:15px;  margin-left:0px; }
	.lawyerDetail .profile .profile_tx .tit { margin-bottom:20px; }
	.lawyerDetail .name-con .intro_text { text-align:center; font-size:1.8rem; line-height:2.8rem; }
	.lawyerDetail .name-con .intro_text strong { font-size:3rem; line-height:4rem; }
	.lawyerDetail .profile{ margin-top:1rem; }
}