@charset "utf-8";

#wrap {position:relative; overflow:hidden; min-width:320px;}


.container {max-width:1220px; margin:auto; padding:0 30px;}
.mcontainer {max-width:750px; margin:auto;}

#pc_header {overflow:hidden; position:fixed; top:0; left:0; z-index:111000; width:100%; height:130px; background:#fff; transition:top 0.4s 0s, box-shadow 0.4s 0s;}
#pc_header.shadow {box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3); transition:top 0.4s 0s, box-shadow 0.4s 0.3s;}
#pc_header.fixed_top {top:-40px;}
#pc_header:before {position:absolute; top:40px; left:0; right:0; height:91px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; content:'';}
#pc_header .inwrap {position:relative; width:1160px; margin:0 auto;}
#pc_header .top_util {position:absolute; top:0; right:0; font-size:16px; color:#999999; line-height:40px;}
#pc_header .top_util li {float:left; position:relative; margin-left:20px;}
#pc_header .top_util a {display:block;}
#pc_header .top_util li+li:before {position:absolute; top:50%; left:-10px; width:1px; height:13px; margin-top:-6px; background:#e9e9e9; content:'';}
#pc_header h1 {position:absolute; top:52px; left:0; z-index:10;}
#pc_header h1 a {display:block; width:364px; height:89px; text-indent:-999px; background:url('../images/common/logo.jpg') no-repeat;}
#pc_gnb {display:inline-block; width:100%; height:1000px; margin-top:40px; font-size:0; text-align:right;}
#pc_gnb .depth1 {position:relative;}
#pc_gnb .depth1 > li {display:inline-block; margin-left:50px;}
#pc_gnb .depth1 > li > a {display:block; position:relative; line-height:90px; font-size:21px; color:#000000; font-weight:500;}
#pc_gnb .depth1 > li > a:after {position:absolute; left:50%; right:50%; bottom:0; height:6px; background:#1c87ea; content:''; transition:all 0.3s;}
#pc_gnb .sub_type01 .depth2 {overflow:hidden; position:absolute; top:90px; opacity:0; transition:all 0.3s; pointer-events:none;}
#pc_gnb .sub_type01 .depth2 > li {float:left; margin-right:17.5px;}
#pc_gnb .sub_type01 .depth2 > li > a {display:block; font-size:15px; color:#000000; line-height:60px; letter-spacing:-0.5px;}
#pc_gnb .sub_type01 .depth2 > li > a:hover {color:#1c87ea;}
#pc_gnb .sub_type01.sub_right .depth2 {right:-15px;}
#pc_gnb .sub_type02 .depth2 {overflow:hidden; position:absolute; top:90px; left:0; right:0px; margin:40px 0; opacity:0;}
#pc_gnb .sub_type02 .depth2 > li {float:left; position:relative; width:14%; text-align:left; padding-left:30px; padding-right:25px;}
#pc_gnb .sub_type02 .depth2 > li:first-child:before {position:absolute; top:0px; left:0; width:1px; height:1000px; background:#dddddd; content:'';}
#pc_gnb .sub_type02 .depth2 > li:after {position:absolute; top:0px; right:0; width:1px; height:1000px; background:#dddddd; content:'';}
#pc_gnb .sub_type02 .depth2 > li > a {display:block; overflow:hidden; position:relative; padding-right:20px; font-size:22px; color:#000000; line-height:36px; font-weight:500; white-space:nowrap; text-overflow:ellipsis; background:url('../images/common/icon_pc_gnb_arr.png') no-repeat right center;}
#pc_gnb .sub_type02 .depth2 > li.type01 {width:26%;}
#pc_gnb .sub_type02 .depth2 > li.type02 {width:18%;}
#pc_gnb .sub_type02 .depth2 > li.type01 li {float:left; width:50%;}
#pc_gnb .sub_type02 .depth3 {overflow:hidden; margin-right:-10px; padding:23px 0 0;}
#pc_gnb .sub_type02 .depth3 > li {margin-bottom:10px;}
#pc_gnb .sub_type02 .depth3 > li > a {display:block; font-size:16px; color:#000000; line-height:20px;}

#pc_gnb .depth1 > li.on .depth2 {opacity:1; z-index:10; pointer-events:auto;}
#pc_gnb .depth1 > li.on > a:after {opacity:1; left:0; right:0;}

.navi01 #pc_header {height:131px;}


#header_request {overflow:hidden; position:fixed; top:0; left:0; z-index:111000; width:100%; height:100px; background:#fff; box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3); transition:top 0.4s 0s, box-shadow 0.4s 0.3s;}
#header_request .inwrap {position:relative; width:1160px; margin:0 auto;}
#header_request h1 {position:absolute; top:20px; left:0; z-index:10;}
#header_request h1 a {display:block; width:505px; height:64px; text-indent:-999px; background:url('../images/common/logo.jpg') no-repeat;}
#header_request .btn_home {position:absolute; top:30px; right:0; padding-left:38px; padding-right:22px; font-size:16px; color:#fff; line-height:38px; background:url('../images/icon/icon_home.png') #1c87ea no-repeat 18px center;}

@media all and (max-width: 1310px){
	#pc_header .inwrap {width:auto; margin:0 30px;}
	#header_request .inwrap {width:auto; margin:0 30px;}
}
@media all and (max-width: 1140px){
	#pc_gnb .depth1 > li {margin-left:50px;}
}
@media all and (max-width: 1180px){
	#pc_header h1 a {width:230px;}
	#pc_gnb .depth1 > li {margin-left:70px;}
	#pc_gnb .sub_type02 .depth2 > li {padding:0 15px;}
}




#mobile_header {display:none;}
#mobile_header {position:fixed; top:0; left:0; z-index:110000; width:100%;}
.navi01 #mobile_header {border-bottom:1px solid #dddddd;}
#mobile_header .header_top {position:relative; height:60px; padding:0 20px; background:#fff;}
#mobile_header .header_top .logo {position:absolute; top:50%; left:20px; margin-top:-17px;} 
#mobile_header .header_top .logo img {height:34px;}
#mobile_header .header_top .btn_menu {position:absolute; top:50%; right:20px; margin-top:-7px;}
#mobile_header .header_top .btn_menu img {height:14px;}
#slide_menu {position:fixed; top:0; right:-100%; bottom:-50px; z-index:10001; width:80%; min-width:280px; background:#fff; transition:right 0.4s;}
#slide_menu.open {right:0;}
.mem_link {overflow:hidden; height:60px; padding:20px; border-bottom:1px solid #dddddd;}
.mem_link li {float:left; position:relative;}
.mem_link li+li {margin-left:16px;}
.mem_link li+li:before {position:absolute; top:50%; left:-8px; width:1px; height:9px; margin-top:-4px; background:#e9e9e9; content:'';}
.mem_link li a {font-size:13px; color:#999999; line-height:20px;}
#slide_menu .btn_close {position:absolute; top:23px; right:22px;}
#slide_menu .btn_close img {width:14px;}
#slide_menu nav {overflow-y:auto; position:absolute; top:60px; left:0; right:0; bottom:0; padding-bottom:50px;}
#slide_menu .depth1 > li > a {display:block; overflow:hidden; position:relative; padding:13px 20px; border-bottom:1px solid #dddddd; font-size:16px; color:#000000; line-height:1.3; font-weight:700;}
#slide_menu .depth1 > li > a:after {position:absolute; top:50%; right:18px; width:20px; height:20px; margin-top:-10px; background:url('../images/common/icon_gnb_arr01.png') no-repeat center; background-size:contain; content:'';}
#slide_menu .depth2 {display:none; background:#f2f2f2;}
#slide_menu .depth2 > li > a {display:block; overflow:hidden; position:relative; padding:11px 20px; border-bottom:1px solid #dddddd; font-size:14px; color:#000000; line-height:1.3; font-weight:500;}
#slide_menu .depth2 > li > a:after {position:absolute; top:50%; right:18px; width:20px; height:20px; margin-top:-10px; background:url('../images/common/icon_gnb_arr02.png') no-repeat center; background-size:contain; content:'';}
#slide_menu .depth3 {display:none; border-bottom:1px solid #dddddd; padding:15px 0; background:#ffffff;}
#slide_menu .depth3 > li > a {display:block; overflow:hidden; position:relative; padding:6px 27px; font-size:13px; color:#000000; line-height:1.3;}
#slide_menu .depth3 > li > a:before {position:absolute; top:50%; left:20px; width:4px; height:1px; background:#000; content:'';}
#slide_menu .depth1 li.no_child > a:after {display:none;}
#slide_menu .depth1 > li.on .depth2 {display:block;}
#slide_menu .depth1 > li.on > a {color:#fff; background:#1c87ea;}
#slide_menu .depth1 > li.on > a:after {background-image:url('../images/common/icon_gnb_arr01_on.png');}
#slide_menu .depth2 > li.on .depth3 {display:block;}
#slide_menu .depth2 > li.on > a {color:#fff; background:#838383;}
#slide_menu .depth2 > li.on > a:after {background-image:url('../images/common/icon_gnb_arr02_on.png');}

.policy_link {padding:25px 20px; font-size:13px; color:#666666; line-height:2.1;}


.nav_dimmed_bg {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:100; background:rgba(0,0,0,0.5);}

#footer {border-top:1px solid #ddd;}
#footer .footer_menu {background:#444444;}
#footer .container {overflow:hidden;}
#footer .menu01 {float:left; overflow:hidden; margin-left:-22px; float:left;}
#footer .menu01 li {float:left; position:relative; padding:0 22px;}
#footer .menu01 a {display:block; line-height:60px; color:#fff;}
#footer .menu01 li+li:before {position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-7px; background:#696969; content:'';}
#footer .menu02 {float:right; overflow:hidden; border-left:1px solid #696969;}
#footer .menu02 li {float:left; width:140px;}
#footer .menu02 a {display:block; position:relative; padding-left:23px; border-right:1px solid #696969; font-size:17px; color:#fff; line-height:60px;}
#footer .menu02 a:after {position:absolute; top:50%; right:20px; width:7px; height:11px; margin-top:-5px; background:url('../images/common/icon_arr01.png') no-repeat center; content:'';}

#footer.request_footer {padding-bottom:10px !important; border-top:4px solid #444444;}

#address {overflow:hidden; padding:25px 0 35px 0; font-size:15px; color:#828282; line-height:1.66; letter-spacing:-0.03em;}
#address p {margin:0 -9px;}
#address span {display:inline-block; position:relative; padding:0 9px;}
#address span:before {position:absolute; top:50%; left:-1px; width:1px; height:11px; margin-top:-5px; background:#c8c8c8; content:'';}



#quick {position:fixed; right:45px; bottom:190px; z-index:1000;}
#quick a {display:block; overflow:hidden; width:95px; height:95px; margin-top:15px; text-indent:-999px; background:no-repeat center; background-size:contain;}
#quick a.btn_kakao {background-image:url('../images/common/quick_kakao.png');}
#quick a.btn_counsel {background-image:url('../images/common/quick_counsel.png');}
#quick a.btn_top {background-image:url('../images/common/quick_top.png');}
#quick a.btn_quick_toggle {display:none;} 

#lnb_pos {position:absolute; top:130px;}
#lnb {position:absolute; top:130px; left:0; right:0; z-index:10000; height:56px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;  text-align:center; background:#fff;}
#lnb > ul {display:inline-block; width:100%; max-width:1160px; border-left:1px solid #e0e0e0;}
#lnb > ul > li {float:left; position:relative; min-width:200px; border-right:1px solid #e0e0e0;}
#lnb > ul > li > a {display:block; height:55px; overflow:hidden; position:relative; padding-left:25px; padding-right:52px; font-size:18px; color:#171717; line-height:55px; text-align:left; white-space:nowrap; text-overflow:ellipsis;}


#lnb > ul > li > a:after {position:absolute; top:50%; right:20px; width:15px; height:9px; margin-top:-4px; background:url('../images/common/icon_lnb_arr.png') no-repeat center; background-size:contain; content:'';}
#lnb > ul > li.no_child > a:after {display:none;}
#lnb li.home {width:60px; min-width:auto;}
#lnb li.home a {display:block; overflow:hidden; padding:0; text-indent:-999px; background:url('../images/common/icon_home.png') no-repeat center;}
#lnb > ul > li.on > a:after {transform:rotate(180deg);}
#lnb li.on .sub {display:block;}
#lnb .sub {display:none; position:absolute; top:54px; left:-1px; right:-1px; border:1px solid #dddddd; border-bottom:0;}
#lnb .sub > li {border-bottom:1px solid #dddddd;}
#lnb .sub a {display:block; position:relative; padding-left:25px; font-size:16px; color:#222222; line-height:45px; text-align:left; background:#fff; transition:all 0.4s;}
#lnb .sub .on a, #lnb .sub a:hover {background:#f6f6f6;}
#lnb .sub .on a:after , #lnb .sub a:hover:after {background-position:0 0;}

#lnb.fixed_top {position:fixed; top:0;}


.mobile_btn {display:none;}


#lnb_sub {display:none; position:relative; z-index:100; margin-bottom:20px;}
#lnb_sub button {position:relative; width:100%; border:0; padding:0 20px; border:1px solid #e0e0e0; font-size:14px; color:#171717; line-height:40px; text-align:left; background:#f8f8f8;   }
#lnb_sub button:after {position:absolute; top:50%; right:20px; width:12px; height:8px; margin-top:-4px; background:url('../images/icon/lnb_s_arr.png') no-repeat center; background-size:contain; content:'';}
#lnb_sub ul {display:none; position:absolute; top:41px; left:0; right:0; border:1px solid #e0e0e0;}
#lnb_sub ul li+li {border-top:1px solid #dddddd;}
#lnb_sub ul a {display:block; padding:10px 10px 10px 20px; font-size:13px; color:##333333; line-height:18px; background:#fff;}
#lnb_sub ul li.on a {background:#f6f6f6;}
#lnb_sub.open button:after {transform:rotate(180deg);}
#lnb_sub.open ul {display:block;}



@media all and (min-width: 992px){
	#fixed_counsel {position:fixed; left:0; right:0; top:0; z-index:11111111111000;}
	#fixed_counsel #tx_editor_form {position:absolute; top:0; right:0px; width:250px; border:2px solid #004098; transition:right 0.4s;}
	#fixed_counsel .container {overflow:hidden;}
	#fixed_counsel .container .conbox {background:#FFF;padding:15px 16px;}
	#fixed_counsel .container .conbox p{font-size:14px; line-height:140%; color:#777; margin-top:-4px;}
	#fixed_counsel .container .conbox .cbtn {display:block; width:100%; height:45px; line-height:45px; border-radius:5px; font-size:17px; color:#fff; text-align:center; background:#004098;}
	#fixed_counsel .container .conbox .cbtn.link_pc {margin-top:10px; background:#f13f3f;}
	#fixed_counsel h2 {font-size:16px; height:53px; padding-left:24px; line-height:50px; color:#fff; text-align:center; background:#004098;}
	#fixed_counsel h4 {font-size:20px; color:#222; margin-bottom:10px;}
	#fixed_counsel .btn_counsel_open {position:absolute; right:0px; width:175px; padding-left:48px; font-size:18px; color:#fff; line-height:57px; border-radius:30px 0 0 30px; background:url('../images/common/ico_fixed_counsel_arr.png') no-repeat 32px center #00a1b9; top:180px;}
	#fixed_counsel .btn_counsel_close {overflow:hidden; position:absolute; top:0; left:0; z-index:2; width:55px; height:48px; text-indent:-999px; background:url('../images/common/ico_fixed_counsel_close.png') no-repeat center;}

	#fixed_counsel.close #tx_editor_form {right:-270px;}
	#fixed_counsel #tx_editor_form .fbox {padding:15px 16px; background:#fff;}
	#fixed_counsel .fbox input[type="text"],
	#fixed_counsel .fbox textarea {border-radius:5px; border:0; width:100%; margin-bottom:5px; font-size:15px; background:#f1f1f2}
	#fixed_counsel .fbox textarea {height:60px;}
	#fixed_counsel .fbox .cbtn {display:block; width:100%; height:45px; line-height:44px; border-radius:5px; font-size:17px; color:#fff; text-align:center; background:#00a1b9;}
	#fixed_counsel .fbox .cbtn.link_pc {margin-top:10px; background:#f13f3f;}
	#fixed_counsel .fbox p{font-size:14px; line-height:140%; color:#777; margin-top:-4px; margin-bottom:15px;}
	/*
	#fixed_counsel .fbox {overflow:hidden; margin-left:-7px; border-top:0;}
	#fixed_counsel .fbox > div {float:left; padding-left:7px;}
	#fixed_counsel .fbox input[type="text"],
	#fixed_counsel .fbox textarea {width:100%; height:50px; border:0; padding:0; padding-left:15px; border-radius:5px; resize: none; font-size:17px; color:#a8a8a8; background:#fff;}
	#fixed_counsel .fbox textarea {overflow:hidden; line-height:50px;}
	#fixed_counsel .fbox input[type="submit"] {width:100%; height:50px; border-radius:5px; border:0; font-size:18px; color:#fff; background:#4285f4;}
	#fixed_counsel .fbox .link_pc {display:block; position:relative; height:50px; padding-right:20px; border-radius:5px; line-height:50px; font-size:18px; color:#fff; text-align:center; background:#f13f3f;}
	#fixed_counsel .fbox .link_pc:after {position:absolute; top:50%; right:20px; width:9px; height:15px; margin-top:-8px; background:url('../images/common/icon_counsel_arr.png') no-repeat center; background-size:contain; content:'';}
	#fixed_counsel .wsize01 {width:12.5%;}
	#fixed_counsel .wsize02 {width:32%;}
	#fixed_counsel .wsize03 {width:18%;}
*/
}
@media all and (max-width: 1200px){
	#fixed_counsel h2 {float:none; width:auto; line-height:1.1; margin-bottom:20px;}
	#fixed_counsel form {float:none; width:auto;}

	#lnb > ul > li:nth-last-child(4) {display:none;}
}
@media all and (max-width: 991.98px){
	#pc_header {display:none;}
	#mobile_header {display:block;}
	#header_request .inwrap {margin:0 20px;}


	#header_request {height:60px;}
	#header_request h1 {top:15px;}
	#header_request h1 a {width:228px; height:34px; background-size:contain;}
	#header_request .btn_home {overflow:hidden; top:15px; width:30px; font-size:13px; line-height:28px; padding:0; text-indent:-999px; background-size:10px auto; background-position:center;}


	.container {padding:0 15px;}

	
	#footer {padding-bottom:40px;}
	#footer .fp-tableCell {padding:0px !important;}
	#footer .footer_menu .container {padding:0;}
	#footer .menu01 {display:none;}
	#footer .menu02 {width:100%;}
	#footer .menu02 li {width:50%;}
	#footer .menu02 a {padding-lefT:20px; font-size:14px; line-height:40px;}
	#footer .menu02 a:after {right:18px; background-image:url('../images/common/icon_arr01_m.png'); background-size:6px auto;}
	#address {padding:20px 0; font-size:12px;}
	
	#footer.request_footer {border-top:2px solid #444444;}

	#quick {right:18px; bottom:75px;}
	#quick a {width:65px; height:65px; margin-top:4px; transition:all 0.4s;}
	#quick a.btn_kakao {opacity:0; transform:translateY(20px); transition:all 0.4s 0.1s; pointer-events:none; background-image:url('../images/common/quick_kakao_m.png');}
	#quick a.btn_counsel {opacity:0; transform:translateY(20px); transition:all 0.4s 0.1s; pointer-events:none; background-image:url('../images/common/quick_counsel_m.png');}
	#quick a.btn_top {display:none;}
	#quick a.btn_quick_toggle {display:block; background-image:url('../images/common/quick_open_m.png');} 
	#quick.open a {opacity:1; transform:translateY(0px); pointer-events:auto}

	#lnb_pos {top:60px;}
	#lnb {position:fixed; top:60px !important; left:-1px; right:-1px; height:43px;}
	#lnb > ul > li {display:none; width:50%; min-width:auto;}
	#lnb > ul > li:nth-last-child(1),
	#lnb > ul > li:nth-last-child(2) {display:block;}
	#lnb.grid4 > ul > li:nth-last-child(1) {display:none;}
	#lnb.grid4 > ul > li:nth-last-child(2),
	#lnb.grid4 > ul > li:nth-last-child(3) {display:block;}
	#lnb > ul > li > a {height:42px; padding-left:20px; font-size:14px; line-height:42px;}
	#lnb > ul > li > a:after {right:20px; width:12px; background-image:url('../images/common/icon_lnb_arr_m.png');}
	#lnb .sub {top:41px;}
	#lnb .sub a {font-size:13px; line-height:37px;}

	#lnb_sub {display:block;}

	#fixed_counsel {position:fixed; left:0; right:0; bottom:-290px; z-index:100000; background:#f1f1f2; transition:bottom 0.4s;}	
	#fixed_counsel.open {bottom:0;}	
	#fixed_counsel h2 {display:none;}	
	#fixed_counsel .container {padding:0;}	
	#fixed_counsel .container .conbox {display:none;}	
	#fixed_counsel h4 {display:none;}	
	.mobile_btn {display:block; overflow:hidden;}	
	.mobile_btn a {float:left; position:relative; width:50%; line-height:45px; padding-left:20px; font-size:15px; font-weight:700; color:#fff; background:#f13f3f;}	
	.mobile_btn a:after {position:absolute; top:50%; right:20px; width:8px; height:12px; margin-top:-6px; background:url('../images/common/icon_counsel_arr_m.png') no-repeat center; background-size:contain; content:'';}	
	.mobile_btn .btn_counsel_toggle {background:#00a1b9;}	
	.btn_counsel_open {display:none}	
	.btn_counsel_close {display:none}	
	#fixed_counsel .fbox {overflow:hidden; height:290px; padding:12px; border-top:0;}	
	#fixed_counsel .fbox > div {float:left; width:50%; padding:3px;}	
	#fixed_counsel .fbox .m_full {width:100%;}	
	#fixed_counsel .fbox p{margin-bottom:10px;}	
	#fixed_counsel input[type="text"],	
	#fixed_counsel textarea {width:100%; height:40px; padding-left:10px; border:0; border-radius:4px; font-size:14px; color:#333333;}	
	#fixed_counsel textarea {height:70px;}	
	#fixed_counsel .fbox .cbtn {width:100%; height:40px; border-radius:5px; border:0; font-size:18px; color:#fff; background:#004098;}	
	.link_pc  {display:none;}	
}	

	/* #fixed_counsel {position:fixed; left:0; right:0; bottom:-240px; z-index:100000; background:#f1f1f2; transition:bottom 0.4s;}
	#fixed_counsel.open {bottom:0;}
	#fixed_counsel h2 {display:none;}
	#fixed_counsel .container {padding:0;}
	.mobile_btn {display:block; overflow:hidden;}
	.mobile_btn a {float:left; position:relative; width:50%; line-height:45px; padding-left:20px; font-size:15px; font-weight:700; color:#fff; background:#f13f3f;}
	.mobile_btn a:after {position:absolute; top:50%; right:20px; width:8px; height:12px; margin-top:-6px; background:url('../images/common/icon_counsel_arr_m.png') no-repeat center; background-size:contain; content:'';}
	.mobile_btn .btn_counsel_toggle {background:#004098;}
	#fixed_counsel .fbox {overflow:hidden; height:240px; padding:12px; border-top:0;}
	#fixed_counsel .fbox > div {float:left; width:50%; padding:3px;}
	#fixed_counsel .fbox .m_full {width:100%;}
	#fixed_counsel input[type="text"], 
	#fixed_counsel textarea {width:100%; height:40px; padding-left:10px; border:0; border-radius:4px; font-size:14px; color:#333333;}
	#fixed_counsel textarea {height:70px;}
	#fixed_counsel .fbox input[type="submit"] {width:100%; height:40px; border-radius:5px; border:0; font-size:18px; color:#fff; background:#004098;} */

}	

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