@charset "utf-8";

/* basic */
.inner{width:100%; max-width:1200px; margin:0 auto; position:relative;}
.inner1400{width:100%; max-width:1400px; margin:0 auto; position:relative;}
.wrap{overflow-x:hidden; position:relative;}
#wrap{overflow-x:hidden; position:relative;}
body{-webkit-text-size-adjust:none; }
*{touch-action: manipulation;}

body.on{overflow:hidden;}

@media all and (max-width:1200px){
	.inner{width:93.75%}
	.inner1400{width:93.75%}
}

/* header */

.header_wrap{position:relative;}
#header{width:100%; position:absolute; left:0; top:0; z-index:10; text-align:center; border-bottom:1px solid rgba(228,237,245,0.5); }
#header:before{content:""; display:none; width:100%; height:1px ;background:#ddd; position:absolute; left:0; top:121px; z-index:2;}
#header:after{content:""; display:block; width:100%; height:0; background:#eee; position:absolute; left:0; top:121px; z-index:-1; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s;}
#header .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
#header .top_header{text-align:right;}
#header .top_header > ul {font-size:0; margin:0;}
#header .top_header > ul > li{display:inline-block; vertical-align:top; margin:0 20px; position:relative; padding:20px 0 10px;}
#header .top_header > ul > li > a{display:block; font-size:14px; font-weight:400; letter-spacing:-0.01em; color:#fff;}
#header .top_header > ul > li > a:hover{color:#005aab !important; font-weight:bold;}
#header .top_header > ul > li > a span.num{font-size:11px; color:#333; letter-spacing:-0.01em; font-weight:bold; display:inline-block; vertical-align:top; width:15px; text-align:center; line-height:15px; border-radius:50%; background:#fff; margin-top:4px; margin-left:2px;}
#header .top_header > ul > li > ul.depth02 {display:none; padding:25px 10px; border-top:3px solid #005aab; background:#fff; text-align:center; position:absolute; left:50%; top:100%; width:200%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);  z-index:102;}
#header .top_header > ul > li > ul.depth02 li{padding-bottom:20px;}
#header .top_header > ul > li > ul.depth02 li a{font-size:14px; font-weight:400; letter-spacing:-0.01em; color:#111;}
#header .top_header > ul > li > ul.depth02 li a:hover{color:#005aab !important;}
#header .top_header > ul > li .lang_select img{display:inline-block; vertical-align:middle; width:14px; height:14px; margin-right:5px; margin-top:-3px;}
#header .top_header > ul > li:last-of-type a img{margin-top:4px;}
#header .top_header > ul > li:last-of-type a:nth-of-type(1){display:block;}
#header .top_header > ul > li:last-of-type a:nth-of-type(2){display:none;}
#header .logo{margin:0; float:left; width:125px; }
#header .logo a:nth-of-type(1){display:block;}
#header .logo a:nth-of-type(2){display:none;}
#header .gnb{display:inline-block; vertical-align:top; width:100%;}
#header .gnb > ul{width:calc(100% - 225px); float:right; margin-bottom:0; padding-top:10px; box-sizing:border-box; font-size:0;}
#header .gnb > ul > li{display:inline-block; vertical-align:top; width:12.5%;}
#header .gnb > ul > li > a{display:block; text-align:center; position:relative; font-size:18px; color:#fff; letter-spacing:-0.01em; font-weight:400;padding-bottom:35px; box-sizing:border-box;}
#header .gnb > ul > li > a:before{content:''; display:block; position:absolute; bottom:1px; left:0; width:0; height:2px; background:#005aab; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s;}
#header .gnb > ul > li > a:hover{color:#005aab !important; font-weight:500;}
#header .gnb > ul > li > a:hover:before{width:100%;}
#header .gnb > ul > li ul.depth02{background:transparent; padding:0; height:0; box-sizing:border-box; position:relative; overflow:hidden; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s;}
#header .gnb > ul > li ul.depth02:before{content:''; position:absolute; right:0; top:0; width:1px; height:1000%; background:#ddd;}
#header .gnb > ul > li ul.depth02 li{margin:15px 0;}
#header .gnb > ul > li ul.depth02 li a{display:inline-block; text-align:center; font-size:14px; color:#333; letter-spacing:-0.015em; box-sizing:border-box;}
#header .gnb > ul > li ul.depth02 li:hover a{color:#005aab !important; font-weight:bold; text-decoration:underline;}
#header .gnb > ul > li:last-child ul.depth02{border-right:0;}

#header_blank{display:none; width:100%; height:123px;}

/*.wrap.type01{padding-top:120px;}*/
.wrap.type01 #header{position:absolute; border-bottom:1px solid #ddd;}
.wrap.type01 #header{background:#fff ;}
.wrap.type01 #header .top_header > ul > li > a{color:#111;}
.wrap.type01 #header .top_header > ul > li > a span.num{color:#fff; background:#333;}
.wrap.type01 #header .top_header > ul > li:last-of-type a:nth-of-type(1){display:none;}
.wrap.type01 #header .top_header > ul > li:last-of-type a:nth-of-type(2){display:block;}
.wrap.type01 #header .gnb > ul > li > a{color:#111;}
.wrap.type01 #header .gnb > ul > li > a:hover {color:#005aab; font-weight:bold;}
.wrap.type01 #header .logo a:nth-of-type(1){display:none;}
.wrap.type01 #header .logo a:nth-of-type(2){display:block;}
.wrap.type01 #header .top_header > ul > li.check > a{color:#111; font-weight:bold;}
.wrap.type01 #header .top_header > ul > li > ul.depth02 li.check a{color:#111; font-weight:bold;}
.wrap.type01 #header .gnb > ul > li.check > a{color:#111; font-weight:bold;}
.wrap.type01 #header .gnb > ul > li ul.depth02 li.check a{color:#111; font-weight:bold;}
.wrap.type01 #header_blank{display:block;}

/*#wrap.type01{padding-top:120px;}*/
#wrap.type01 #header{position:absolute; border-bottom:1px solid #ddd;}
#wrap.type01 #header{background:#fff ; overflow:hidden;}
#wrap.type01 #header .top_header > ul > li > a{color:#111;}
#wrap.type01 #header .top_header > ul > li > a span.num{color:#fff; background:#333;}
#wrap.type01 #header .top_header > ul > li:last-of-type a:nth-of-type(1){display:none;}
#wrap.type01 #header .top_header > ul > li:last-of-type a:nth-of-type(2){display:block;}
#wrap.type01 #header .gnb > ul > li > a{color:#111;}
#wrap.type01 #header .gnb > ul > li > a:hover {color:#005aab; font-weight:bold;}
#wrap.type01 #header .logo a:nth-of-type(1){display:none;}
#wrap.type01 #header .logo a:nth-of-type(2){display:block;}
#wrap.type01 #header .top_header > ul > li.check > a{color:#111; font-weight:bold;}
#wrap.type01 #header .top_header > ul > li > ul.depth02 li.check a{color:#111; font-weight:bold;}
#wrap.type01 #header .gnb > ul > li.check > a{color:#111; font-weight:bold;}
#wrap.type01 #header .gnb > ul > li ul.depth02 li.check a{color:#111; font-weight:bold;}
#wrap.type01 #header_blank{display:block;}

#header .top_header > ul > li.sub > ul.depth02{display:block;}
#header.on{background:#fff ; overflow:hidden;}
#header.on:before{display:block;}
#header.on:after{display:block; height:calc(100% - 120px);}
#header.on .top_header > ul > li > a{color:#111;}
#header.on .top_header > ul > li > a span.num{color:#fff; background:#333;}
#header.on .top_header > ul > li:last-of-type a:nth-of-type(1){display:none;}
#header.on .top_header > ul > li:last-of-type a:nth-of-type(2){display:block;}
#header.on .gnb > ul > li > a{color:#111;}
#header.on .gnb > ul > li > a:hover {color:#005aab;  font-weight:bold;}
#header.on .logo a:nth-of-type(1){display:none;}
#header.on .logo a:nth-of-type(2){display:block;}
#header .gnb > ul > li ul.depth02.on{padding:10px 0 10px; height:auto; min-height:390px;}

#header.on .top_header > ul > li.check > a{color:#111; font-weight:bold;}
#header.on .top_header > ul > li > ul.depth02 li.check a{color:#111; font-weight:bold;}
#header.on .gnb > ul > li.check > a{color:#111; font-weight:bold;}
#header.on .gnb > ul > li ul.depth02 li.check a{color:#111; font-weight:bold;}

#menu_bg{width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; display:none; background:rgba(0,0,0,0.5);}

/* -- m_menu -- */
.m_header{display:none; position:absolute; height:100px; z-index:100; width:100%;  border-bottom:1px solid rgba(228,237,245,0.5); box-sizing:border-box;}
.m_header .inner{position:relative;}
.m_header .m_btn{position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } 
.m_header .logo{text-align:center; padding:30px 0; margin:0 auto;}
.m_header .m_consult{position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.m_header .m_consult a{font-size:12px; color:#fff; letter-spacing:-0.01em; font-weight:400; text-align:center;}
.m_header .m_consult a img{display:block; margin:0 auto 5px;}

.m_header .m_btn a:nth-of-type(1){display:block;}
.m_header .m_btn a:nth-of-type(2){display:none;}
.m_header .logo a:nth-of-type(1){display:inline-block;}
.m_header .logo a:nth-of-type(2){display:none;}
.m_header .m_consult a:nth-of-type(1){display:block;}
.m_header .m_consult a:nth-of-type(2){display:none;}

.wrap.type01 .m_header{position:relative; background:#fff;}
.wrap.type01 .m_header .m_btn a:nth-of-type(1){display:none;}
.wrap.type01 .m_header .m_btn a:nth-of-type(2){display:block;}
.wrap.type01 .m_header .logo a:nth-of-type(1){display:none;}
.wrap.type01 .m_header .logo a:nth-of-type(2){display:inline-block;}
.wrap.type01 .m_header .m_consult a:nth-of-type(1){display:none;}
.wrap.type01 .m_header .m_consult a:nth-of-type(2){display:block;}

#m_menu_bg{width:100%; height:100%; position:fixed; left:0; top:0; z-index:120; display:none; background:rgba(0,0,0,0.5);}
#m_menu{position:fixed; left:-100%; top:0; min-width:620px; width:70%; z-index:999; height:100%; background:#fff;  padding:0 30px; box-sizing:border-box; overflow-y:auto}
#m_menu .top_box{padding:30px 0 50px; position:relative;}
#m_menu .top_box .logo{text-align:center; }
#m_menu .top_box .x_btn{position:absolute; top:30px; right:0;}
#m_menu .mid_box .m_search{width:100%; padding:25px; padding-right:95px; border:3px solid #005aab; box-sizing:border-box; font-size:26px; font-weight:400; letter-spacing:-0.015em; color:#005aab; background:#fff;}
#m_menu .mid_box{position:relative;}
#m_menu .mid_box a{display:block; position:absolute; right:3px; top:3px; padding:27px;}
/* placeholder 글씨 focus 시 숨김 */
#m_menu .mid_box .m_search:focus::-webkit-input-placeholder{color:transparent;}
#m_menu .mid_box .m_search:focus:-moz-placeholder{color:transparent;}
#m_menu .mid_box .m_search:focus::-moz-placeholder{color:transparent;}
#m_menu .mid_box .m_search:focus:-ms-input-placeholder{color:transparent;}
#m_menu .gnb{padding-top:20px;}
#m_menu .gnb > ul > li{background:#ededee url('/img/m_menu_plus.png') no-repeat right 30px top 40px; overflow:hidden;}
#m_menu .gnb > ul > li > a{font-size:25px; font-weight:bold; letter-spacing:-0.015em; color:#333333; padding:30px; display:inline-block; position:relative;}
#m_menu .gnb > ul > li > a:before{content:''; position:absolute; bottom:0; left:0; width:1000%; height:2px; background:#fff;}
#m_menu .gnb > ul > li > ul.depth02{padding:10px 50px; background:#f2f2f2}
#m_menu .gnb > ul > li > ul.depth02 li{padding:15px 0; }
#m_menu .gnb > ul > li > ul.depth02 li a{font-size:22px; font-weight:400; letter-spacing:-0.015em; color:#333333;}
#m_menu .bot_box{padding:40px 0 60px; font-size:0;}
#m_menu .bot_box .company{display:inline-block; vertical-align:top; width:50%; box-sizing:border-box; border:1px solid #fff;}
#m_menu .bot_box .company a{display:block; background:#333333 url('/img/company_btn.png') no-repeat right 30px center; padding:30px; font-size:25px; font-weight:400; letter-spacing:-0.015em; color:#fff}
#m_menu .bot_box .lang{display:inline-block; vertical-align:top; width:50%; box-sizing:border-box; border:1px solid #fff;}
#m_menu .bot_box .lang a{display:block; background:#333333 url('/img/lang_btn02.png') no-repeat right 30px center; padding:30px; font-size:25px; font-weight:400; letter-spacing:-0.015em; color:#fff}
#m_menu .bot_box .lang a img{display:inline-block; vertical-align:middle; width:30px; height:30px; margin-right:5px; margin-top:-5px;}
/*#m_menu .bot_box .lang{display:inline-block; vertical-align:top; width:100%;  box-sizing:border-box;}
#m_menu .bot_box .lang a{display:block; background:#ffffff url('/img/lang_btn.png') no-repeat right 30px center; padding:25px 30px; font-size:25px; font-weight:400; letter-spacing:-0.015em; color:#333; border:1px solid #333333; text-align:center;}
#m_menu .bot_box .lang a img{display:inline-block; vertical-align:middle; width:30px; height:30px; margin-right:5px; margin-top:-5px;}*/
#m_menu .bot_box .login {width:100%; box-sizing:border-box; margin-top:10px;} 
#m_menu .bot_box .login a{display:block; border:1px solid #333333; background:url('/img/login_btn.png') no-repeat right 30px center; font-size:25px; font-weight:400; letter-spacing:-0.015em; color:#333; padding:30px;}

#m_menu .gnb > ul > li.check > a{color:#005aab; font-weight:bold;}
#m_menu .gnb > ul > li ul.depth02 li.check a{color:#005aab; font-weight:bold; text-decoration:underline;}

#m_menu .gnb > ul > li.on{margin-bottom:15px;}

/* main_search */
.search_box{display:none; position:fixed; left:50%; top:40%; width:97%; max-width:1400px; z-index:130; background:#005aab; padding:90px 0 70px; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.search_box .inner{position:relative; box-sizing:border-box;}
.search_box .searcg_x_btn{position:absolute; right:0; top:15px;}
.search_box .search_tit{font-size:40px; font-weight:bold; letter-spacing:-0.01em; color:#fff;}
.search_box .search_input{width:100%; padding:30px; padding-right:105px; font-size:24px; font-weight:bold; letter-spacing:-0.015em; color:#333; background:#fff; margin:30px 0; box-sizing:border-box;}
.search_box .search{position:relative;}
.search_box .search a{display:block; position:absolute; right:1px; top:31px; padding:31px;}
/* placeholder 글씨 focus 시 사라짐 */
.search_box .search_input:focus::-webkit-input-placeholder{color:transparent;}
.search_box .search_input:focus:-moz-placeholder{color:transparent;}
.search_box .search_input:focus::-moz-placeholder{color:transparent;}
.search_box .search_input:focus:-ms-input-placeholder{color:transparent;}
.search_box dl{font-size:0; margin-bottom:15px;}
.search_box dl dt{display:inline-block; vertical-align:top; margin-right:30px; font-size:18px; font-weight:bold; letter-spacing:-0.015em; color:#fff;}
.search_box dl dd{display:inline-block; vertical-align:top;}
.search_box dl dd span{display:inline-block; vertical-align:top; margin-right:20px;}
.search_box dl dd span a{display:inline-block; vertical-align:top; font-size:18px; font-weight:400; letter-spacing:-0.015em; color:#fff; margin-right:5px; padding-bottom:10px; border-bottom:1px solid transparent}
.search_box dl dd span a:hover{border-bottom:1px solid #fff;}
.search_box dl dd span img{margin-top:3px; cursor:pointer;}

/* main_lang */
.lang_box{display:none; position:fixed; left:50%; top:50%; width:97%; max-width:1400px; z-index:1100; background:#005aab; padding:80px 0 120px; overflow:hidden; overflow-y:auto; height:72%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); font-size:0; letter-spacing:-4px;}
.lang_box .inner{position:relative; box-sizing:border-box; text-align:center;}
.lang_box .lang_x_btn{position:absolute; right:0; top:30px;}
.lang_box .lang_tit{display:inline-block; font-size:50px; font-weight:bold; letter-spacing:-0.01em; color:#fff; padding-bottom:15px; border-bottom:1px solid #fff; margin:0 auto;}
.lang_box dl {padding-top:50px; display:inline-block; vertical-align:top; width:50%;}
.lang_box dl dt{font-size:36px; font-weight:bold; letter-spacing:0; color:#fff; padding-bottom:35px;}
.lang_box dl dd{padding-bottom:0;}
.lang_box dl dd span{display:block; font-size:20px; font-weight:400; letter-spacing:0; color:#fff; padding-bottom:20px;}
.lang_box dl dd span img{margin-top:-3px; margin-right:10px; display:inline-block; vertical-align:middle;}

@media all and (max-width:1200px){
	#header:before{top:118px;}
	#header:after{top:118px;}
	#header .gnb > ul{width:calc(100% - 145px);}
	#header .gnb > ul > li > a{font-size:16px;}
	#header_blank{height:120px;}
}
@media all and (max-width:1000px){
	#header{display:none;}
	.m_header{display:block;}
	.search_box{display:none;}
	
	.wrap.type01{padding-top:0;}
	.wrap.type01 #header_blank{display:none;}
	#wrap.type01{padding-top:0;}
	#wrap.type01 #header_blank{display:none;}

	.m_header{position:relative; background:#fff;}
	.m_header .m_btn a:nth-of-type(1){display:none;}
	.m_header .m_btn a:nth-of-type(2){display:block;}
	.m_header .logo a:nth-of-type(1){display:none;}
	.m_header .logo a:nth-of-type(2){display:inline-block;}
	.m_header .m_consult a:nth-of-type(1){display:none;}
	.m_header .m_consult a:nth-of-type(2){display:block;}
	.m_header .m_consult a{color:#111;}
}

/* footer */
#footer{background:#111111; padding:35px 0 40px; position:relative;}
#footer .footer_gnb{}
#footer .footer_gnb .inner > ul{font-size:0; padding-bottom:25px; border-bottom:1px solid #444444}
#footer .footer_gnb .inner > ul > li{display:inline-block; vertical-align:top; width:17%;}
#footer .footer_gnb .inner > ul > li > a{display:block; font-size:18px; font-weight:400; letter-spacing:0; color:#999999}
#footer .footer_gnb .inner > ul > li > ul.depth02{display:block; width:100%; padding-top:15px;}
#footer .footer_gnb .inner > ul > li > ul.depth02 li{padding-bottom:10px;}
#footer .footer_gnb .inner > ul > li > ul.depth02 li a{display:block; font-size:15px; font-weight:400; letter-spacing:0; color:#777777}

#footer .footer_bot{padding-top:20px; clear:both; overflow:hidden;}
#footer .footer_bot .left_box{float:left; width:calc(100% - 110px)} 
#footer .footer_bot .left_box .list{font-size:0;}
#footer .footer_bot .left_box .list li{display:inline-block; vertical-align:top; position:relative; margin-right:46px; font-size:16px; font-weight:400; letter-spacing:0; color:#999999;}
#footer .footer_bot .left_box .list li:before{content:''; position:absolute; right:-23px; top:50%; width:1px; height:13px; background:#999999; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
#footer .footer_bot .left_box .list li:last-of-type{margin-right:0;}
#footer .footer_bot .left_box .list li:last-of-type:before{display:none;}
#footer .footer_bot .left_box .list li a{display:inline-block; font-size:16px; font-weight:400; letter-spacing:0; color:#999999}
#footer .footer_bot .left_box .addr{font-size:0; margin:20px 0 0;}
#footer .footer_bot .left_box .addr li{display:inline-block; vertical-align:top; margin-right:20px; font-size:15px; font-weight:400; letter-spacing:0; line-height:25px; color:#777777;}
#footer .footer_bot .left_box .addr li:last-of-type{margin-right:0; }
#footer .footer_bot .copy{font-size:15px; font-weight:400; letter-spacing:0; line-height:25px; color:#777;}

#footer .footer_m_gnb .inner{display:none; width:100%;}
#footer .footer_m_gnb .inner > ul{font-size:0; padding-bottom:25px;}
#footer .footer_m_gnb .inner > ul > li{display:block; vertical-align:top; width:100%; box-sizing:border-box; border-bottom:1px solid #fff; background:#555555; position:relative;}
#footer .footer_m_gnb .inner > ul > li:before{content:''; display:block; position:absolute; width:19px; height:21px; background:url('/img/m_footer_menu.png') no-repeat center center / contain; top:35px; right:30px;}
#footer .footer_m_gnb .inner > ul > li > a{display:block; padding:30px; color:#fff; font-size:26px;}
#footer .footer_m_gnb .inner > ul > li > ul.depth02{width:100%; display:none; padding:30px; background:#f2f2f2; box-sizing:border-box;}
#footer .footer_m_gnb .inner > ul > li > ul.depth02 li{}
#footer .footer_m_gnb .inner > ul > li > ul.depth02 li a{display:block; font-weight:400; letter-spacing:0;padding-bottom:30px; font-size:18px; color:#111;}
#footer .footer_m_gnb .inner > ul > li:last-of-type > a{border-bottom:none;}
#footer .footer_m_gnb .inner > ul > li > ul.depth02 li:last-of-type a{padding-bottom:0;}

#footer .footer_bot .right_box {float:right; width:170px;}
#footer .footer_bot .right_box a{display:inline-block; vertical-align:top; margin-right:5px;}
#footer .footer_bot .right_box a:last-of-type{margin-right:0;}
#footer .footer_bot .right_box a.top_btn{display:none;}

/*quick*/
#footer .quick{position:fixed; right:20px; bottom:10px; text-align:center; cursor:pointer; z-index:999; transition:all 0.35s ease-out;}
#footer .quick ul {margin: 0;}
#footer .quick .link li a {display: block; padding: 25px 0px; color: white; font-size:17px; width:115px; background:#2473ba; border-bottom: 1px solid #3a81c1;}
#footer .quick .link li img {display:block; margin:auto; width:35px; height:35px;}

#footer .quick .chatbot-option {position: relative;background:#0d5ea6;width:115px;padding-top: 10px;border:0;display: block;}
#footer .quick .chatbot-option h6{font-size:20px; color:#fff; letter-spacing:-0.015em; font-weight:400; line-height:1.2; margin:10px 0;}
#footer .quick .chatbot-option p{font-size:15px;color:#d5d5d5;line-height:1.2;}
#footer .quick .chatbot-option .consult {display: block; font-size: 17px; background: #f8df00; color: #0d5ea6;padding: 7px 0; margin-top: 10px;}

#footer .quick .top_btn {margin-top: 10px;color: #828282;font-size: 20px;background: none; border: 0;}

/*slide-quick*/
#footer .slide-quick {position:absolute;top: 59px;left: -365px;z-index:1000;display:none; }
#footer .slide-quick ul li {position:relative;display:inline-block;box-sizing:border-box;width:115px;height: 120px;line-height:1.2;margin-right: -4px; color: white; font-size:17px;}
#footer .slide-quick ul li .inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#footer .slide-quick ul .chatbot {background:#5a15da; border-radius: 10px 0 0 10px;}
#footer .slide-quick ul .chatbot .chatbot-title {margin-bottom: 3px;display: block;}
#footer .slide-quick ul .chatbot .chatbot-contents {font-size: 13px; color:#d5d5d5;}
#footer .slide-quick ul .kakaotalk {background:#f8df00;color: #371c1d;}
#footer .slide-quick ul .navertalk {background:#00c73d;border-radius: 0 10px 10px 0;}
#footer .slide-quick ul li img {display:block; margin-left:auto; margin-right:auto; margin-bottom:5px; width:35px; height:35px;}
#footer .slide-quick ul .chatbot-tail {width:auto;height:auto;padding:0;min-height: auto;position: relative;top: -44px;}
#footer .slide-quick ul .chatbot-tail >img{width:auto; height:auto}



.layer-popup {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
  }

.m_quick{display:none; position:fixed; right:20px; bottom:60px; z-index:110; text-align:center; cursor:pointer; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; }
.m_quick .chatbot-option {position: relative; background:#0d5ea6;width: 150px; padding-top: 20px;border: 0;}
.m_quick .chatbot-option img {margin-bottom: 10px;width: 55px;height: 55px; display: inline-block;}
.m_quick .chatbot-option .consult {font-size: 28px; background: #f8df00; color: #0d5ea6;padding: 8px 0; margin-top: 10px; display: block;}
.m_quick .chatbot-option{-webkit-box-shadow:5px 5px 20px rgba(0,0,0,0.1);-moz-box-shadow:5px 5px 20px rgba(0,0,0,0.1);-ms-box-shadow:5px 5px 20px rgba(0,0,0,0.1);-o-box-shadow:5px 5px 20px rgba(0,0,0,0.1);box-shadow:5px 5px 20px rgba(0,0,0,0.1);/* margin-bottom:20px; */}
.m_quick .top_btn {margin:15px auto 0 auto; color: #828282;font-size: 30px; background: none; border: 0; display: block;}

#footer .m_quick .slide-quick {position: fixed;top: 50%;left: 50%;z-index:1000;transform: translateY(-50%);margin-left: -279px;}
#footer .m_quick .slide-quick ul li {position:relative;display:inline-block;width: 187px;height: 220px;line-height:1.2;margin-right: -4px; color: white; font-size:32px;}
#footer .m_quick .slide-quick ul li .inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#footer .m_quick .slide-quick ul .chatbot {background:#5a15da; border-radius: 10px 0 0 10px;}
#footer .m_quick .slide-quick ul .chatbot .chatbot-title {margin-bottom: 3px;display: block;}
#footer .m_quick .slide-quick ul .chatbot .chatbot-contents {font-size: 20px; color:#d5d5d5;}
#footer .m_quick .slide-quick ul .kakaotalk {background:#f8df00;color: #371c1d;}
#footer .m_quick .slide-quick ul .navertalk {background:#00c73d;border-radius: 0 10px 10px 0;}
#footer .m_quick .slide-quick ul li img {display:block;margin-left:auto;margin-right:auto;margin-bottom: 10px;width: 55px;height: 55px;}

@media all and (max-width:1400px) {	/*데스크탑 확대시*/
	#footer .quick{right:1vw; bottom: 0.5vw;}

	#footer .quick .link li a {padding: 1.5vw 0px; font-size:1.2vw; width:7.5vw;}
	#footer .quick .link li img {width:2.5vw; height:2.5vw;}
	
	#footer .quick .chatbot-option > img{width: 3.3vw;height: 3.3vw;}
	#footer .quick .chatbot-option{width: 7.5vw;padding-top: 0.7vw;}
	#footer .quick .chatbot-option h6{font-size:1.4vw; margin:0.7vw 0;}
	#footer .quick .chatbot-option p{font-size:1vw;}
	#footer .quick .chatbot-option .consult {font-size:1.2vw; padding: 0.5vw 0; margin-top: 0.7vw;}
	
	#footer .quick .top_btn {margin-top: 0.7vw; font-size: 1.5vw;}

	/*slide-quick*/
	#footer .slide-quick {top: 4.1vw;left: -26vw;}
	#footer .slide-quick ul li {width:8.2vw;height: 8.5vw; font-size:1.2vw;}
	#footer .slide-quick ul .chatbot .chatbot-title {margin-bottom: 0.2vw;}
	#footer .slide-quick ul .chatbot .chatbot-contents {font-size: 0.9vw;}
	#footer .slide-quick ul li img {margin-bottom:0.3vw; width:2.5vw; height:2.5vw;}
	#footer .slide-quick ul .chatbot-tail {top: -3.1vw;}
}

@media all and (max-width:1000px){	/*모바일*/
	#footer {padding:0 0 70px;}
	#footer .footer_gnb .inner{display:none;}
	#footer .footer_m_gnb .inner{display:block;}
	#footer .footer_bot .left_box{float:none; width:100%;}
	#footer .footer_bot .right_box {float:none; width:100%; text-align:center; margin-top:30px;}
	#footer .footer_bot .right_box a.top_btn{display:none;}
	/*#footer .footer_bot .right_box a.top_btn{display:inline-block; background:#666666; width:36px; height:37px; border-radius:2px; font-size:12px; font-weight:bold; color:#111;}
	#footer .footer_bot .right_box a.top_btn img{display:block; width:12px; margin:5px auto;}*/
	#footer .footer_bot .copy{padding-top:20px;}
	.quick{display:none;}
	.m_quick{display:block;}
}
@media all and (max-width:767px){
	#footer .footer_bot .left_box .list li{margin-right:20px;}
	#footer .footer_bot .left_box .list li:before{right:-12px;}
	#footer .footer_bot .left_box .list li a{font-size:20px;}
	#footer .footer_bot .left_box .addr li{font-size:20px;}
	#footer .footer_bot .copy{font-size:20px;}
}


/* sub_footer */
.sub_footer_con01{background:#eeeeee; position:relative;}
.sub_footer_con01 ul{font-size:0; letter-spacing:-4px; margin:0;}
.sub_footer_con01 ul li{display:inline-block; vertical-align:top; width:25%; padding-right:20px; box-sizing:border-box; padding:30px 0;}
.sub_footer_con01 ul li a{display:block;}
.sub_footer_con01 ul li img{display:inline-block; vertical-align:top; width:68px;}
.sub_footer_con01 ul li a > span{display:inline-block; vertical-align:top; width:calc(100% - 68px); box-sizing:border-box; padding-left:20px; font-size:13px; color:#888; letter-spacing:0.025em; font-weight:400; line-height:20px; word-break:keep-all;}
.sub_footer_con01 ul li a > span b{font-size:19px; color:#333; letter-spacing:0em; font-weight:bold; margin:0; display:block; padding-bottom:10px;}

.sub_footer_con01 ul li:hover a > span b{color:#005aab;}

@media all and (max-width:1200px){
	.sub_footer_con01 ul li span br{display:none;}
}
@media all and (max-width:1000px){
	.sub_footer_con01 .inner{width:100%;}
	.sub_footer_con01 ul li{width:50%; border-right:2px solid #fff; border-bottom:2px solid #fff; padding:30px 0px 30px 20px;}
	.sub_footer_con01 ul li:nth-of-type(2n){border-right:0;}
	.sub_footer_con01 ul li img{vertical-align:middle;}
	.sub_footer_con01 ul li a > span{vertical-align:middle; padding-left:15px;}
	.sub_footer_con01 ul li a > span b{font-size:30px; line-height:40px; padding-bottom:0;}
	.sub_footer_con01 ul li a > span span{display:none;}
}
.sub_footer_popup_bg{display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:120; background:rgba(0, 0, 0, 0.5); cursor:pointer;}
.sub_footer_popup_bg.on{display:block;}
.sub_footer_popup{display:none; position:absolute; padding:30px; box-sizing:border-box; background:#fff; z-index:130; top:-374px; left:0; max-width:90%; box-sizing:border-box;}
.sub_footer_popup.on{display:block;}
.sub_footer_popup .x_btn{text-align:right; margin-bottom:30px;}
.sub_footer_popup .x_btn a{display:inline-block;}
.sub_footer_popup ul{margin:0; font-size:0; letter-spacing:-4px;}
.sub_footer_popup ul li{display:inline-block; vertical-align:top; width:310px; margin-right:20px; border:2px solid #dddddd; box-sizing:border-box; padding:20px; text-align:center; min-height:250px;}
.sub_footer_popup ul li:first-of-type{cursor:pointer;}
.sub_footer_popup ul li:last-of-type{margin-right:0;}
.sub_footer_popup ul li h5{font-size:30px; color:#333333; letter-spacing:-0.01em; font-weight:bold; margin:0;}
.sub_footer_popup ul li p{font-size:18px; color:#333333; letter-spacing:-0.01em; font-weight:400; line-height:1.5; margin:20px 0 30px;}
.sub_footer_popup ul li h6{font-size:26px; color:#005aab; letter-spacing:-0.01em; font-weight:bold; margin:0;}
.sub_footer_popup ul li a{display:inline-block; width:90%; font-size:22px; color:#fff; letter-spacing:-0.01em; font-weight:400; padding:10px 0; background:#005aab;}

@media all and (max-width:1000px){
	.sub_footer_popup{left:20px;}
	.sub_footer_popup ul li:nth-of-type(2n){border-right:2px solid #dddddd;}
	.sub_footer_popup ul li{width:240px; padding:16px;}
}

#sub_footer{background:#111111; padding:65px 0 70px;}
#sub_footer .footer_gnb .inner > ul{font-size:0; padding-bottom:25px; border-bottom:1px solid #444444}
#sub_footer .footer_gnb .inner > ul > li{display:inline-block; vertical-align:top; width:15%;}
#sub_footer .footer_gnb .inner > ul > li > a{display:block; font-size:18px; font-weight:400; letter-spacing:0; color:#999999}
#sub_footer .footer_gnb .inner > ul > li > ul.depth02{display:none;}

#sub_footer .footer_bot{padding-top:20px; clear:both; overflow:hidden;}
#sub_footer .footer_bot .left_box{float:left; width:calc(100% - 110px)} 
#sub_footer .footer_bot .left_box .list{font-size:0;}
#sub_footer .footer_bot .left_box .list li{display:inline-block; vertical-align:top; position:relative; margin-right:46px;}
#sub_footer .footer_bot .left_box .list li:before{content:''; position:absolute; right:-23px; top:50%; width:1px; height:13px; background:#999999; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
#sub_footer .footer_bot .left_box .list li:last-of-type{margin-right:0;}
#sub_footer .footer_bot .left_box .list li:last-of-type:before{display:none;}
#sub_footer .footer_bot .left_box .list li a{display:block; font-size:16px; font-weight:400; letter-spacing:0; color:#999999}
#sub_footer .footer_bot .left_box .addr{font-size:0; margin:20px 0 10px}
#sub_footer .footer_bot .left_box .addr li{display:inline-block; vertical-align:top; margin-right:20px; font-size:15px; font-weight:400; letter-spacing:0; line-height:25px; color:#777777;}
#sub_footer .footer_bot .left_box .addr li:last-of-type{margin-right:0; }
#sub_footer .footer_bot .copy{font-size:15px; font-weight:400; letter-spacing:0; line-height:25px; color:#777;}

#sub_footer .footer_m_gnb .inner{display:none; width:100%;}
#sub_footer .footer_m_gnb .inner > ul{font-size:0; padding-bottom:25px;}
#sub_footer .footer_m_gnb .inner > ul > li{display:block; vertical-align:top; width:100%; box-sizing:border-box; border-bottom:1px solid #fff; background:#555555; position:relative;}
#sub_footer .footer_m_gnb .inner > ul > li:before{content:''; display:block; position:absolute; width:19px; height:21px; background:url('/img/m_footer_menu.png') no-repeat center center / contain; top:35px; right:30px;}
#sub_footer .footer_m_gnb .inner > ul > li > a{display:inline-block; padding:30px; color:#fff; font-size:26px;}
#sub_footer .footer_m_gnb .inner > ul > li > ul.depth02{width:100%; display:none; padding:30px; background:#fff; box-sizing:border-box;}
#sub_footer .footer_m_gnb .inner > ul > li > ul.depth02 li{}
#sub_footer .footer_m_gnb .inner > ul > li > ul.depth02 li a{display:block; font-weight:400; letter-spacing:0;padding-bottom:30px; font-size:18px; color:#111;}
#sub_footer .footer_m_gnb .inner > ul > li:last-of-type > a{border-bottom:none;}
#sub_footer .footer_m_gnb .inner > ul > li > ul.depth02 li:last-of-type a{padding-bottom:0;}

#sub_footer .footer_bot .right_box {float:right; width:110px;}
#sub_footer .footer_bot .right_box a{display:inline-block; vertical-align:top; margin-right:5px;}
#sub_footer .footer_bot .right_box a:last-of-type{margin-right:0;}
#sub_footer .footer_bot .right_box a.top_btn{display:none;}

@media all and (max-width:1000px){
	#sub_footer {padding:0 0 70px;}
	#sub_footer .footer_gnb .inner{display:none;}
	#sub_footer .footer_m_gnb .inner{display:block;}
	#sub_footer .footer_bot .left_box{float:none; width:100%;}
	#sub_footer .footer_bot .right_box {float:none; width:100%; text-align:center; margin-top:30px;}
	#sub_footer .footer_bot .right_box a{margin-right:5px;}
	#sub_footer .footer_bot .right_box a.top_btn{display:inline-block; background:#666666; width:54px; height:37px; border-radius:2px; font-size:12px; font-weight:bold; color:#111;}
	#sub_footer .footer_bot .right_box a.top_btn img{display:block; width:12px; margin:5px auto;}
}

/*----- 배너 팝업 -----*/
#banner_popup{background:#ebebeb; width:100%; margin:0 auto; position:relative; overfloW:hidden;}
#banner_popup .img_box{position:relative; max-width:1920px; width:100%; margin:0 auto; overflow:hidden;}
#banner_popup .img_box img{position:relative; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);-ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
#banner_popup .img_box img.pc_ver{display:block;}
#banner_popup .img_box img.m_ver{display:none;}
#banner_popup h3{font-size:30px; color:#111111; letter-spacing:-0.015em; font-weight:700; margin:0;}
#banner_popup p{font-size:18px; color:#111111; letter-spacing:-0.015em; font-weight:400; line-height:1.6; word-break:keep-all; padding-top:10px;}
#banner_popup p a{font-size:18px; color:#005aab; text-decoration:underline;}
#banner_popup .btn_box{text-align:right; padding-top:10px; position:absolute; right:20px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
#banner_popup .btn_box .confirm_btn{display:inline-block; vertical-align:middle; font-size:22px; color:#fff; letter-spacing:0em; font-weight:400; width:140px; text-align:center; background:#005aab; padding:10px 0; border-radius:50px; margin-right:20px;}
#banner_popup .btn_box .x_btn{display:inline-block; vertical-align:middle; cursor:pointer;}

@media all and (max-width:1000px){
	#banner_popup .img_box img{left:0; transform:none; width:100%;}
	#banner_popup .img_box img.pc_ver{display:none;}
	#banner_popup .img_box img.m_ver{display:block;}
}