<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*----- basic -----*/
.roboto{font-family: 'Roboto';}
.serif {font-family: 'Noto Serif KR', serif; }
.roboto {font-family: 'Roboto', sans-serif;}
body{-webkit-text-size-adjust:none; }


.inner{width:100%; max-width:1200px; margin:0 auto; position:relative;}
@media all and (max-width:1200px){
	.inner {padding:0 1%; box-sizing:border-box;}
}
@media all and (max-width:1000px){
	.inner {max-width:100%; padding:0 30px;}
}
@media all and (max-width:767px){
	.inner {padding:0 20px;}
}
/*----- basic END -----*/



/*----- header -----*/
#header .header_bottom .gnb .hide{display:none;}

#header{background:#000; position:fixed; top:0; left:0; z-index:100; width:100%; opacity:0.8;}
#header .header_top{display:block; border-bottom:1px solid rgba(255, 255, 255, .26); padding:15px 0;}
#header .header_top .right_box{text-align:right;}
#header .header_top .right_box ul{margin:0;}
#header .header_top .right_box ul li{display:inline-block; vertical-align:top; padding-right:20px;}
#header .header_top .right_box ul li:last-of-type{padding-right:0;}
#header .header_top .right_box ul li .bar{display:inline-block; vertical-align:middle; width:37px; height:13px; border-radius:13px; box-sizing:border-box; background-color:#6f6f6f; position:relative; border:1px solid #444444;}
#header .header_top .right_box ul li .bar span.circle{width:7px; height:7px; background-color:#fff; border-radius:50%; position:absolute; top:2px; left:3px;}
#header .header_top .right_box ul li img{display:inline-block; vertical-align:middle;}
#header .header_top .right_box ul li p{display:inline-block; vertical-align:middle; font-size:14px; color:#fff; letter-spacing:0.1em; padding-left:5px;}
#header .header_top .right_box ul li.on .bar span.circle{left:auto; right:3px;}

#header .header_bottom{display:block; padding:15px 0 0; font-size:0; letter-spacing:-4px;}
#header .header_bottom h1.logo{display:inline-block; vertical-align:middle; margin:0; margin-right:20px; padding-bottom:14px;}
#header .header_bottom h1.logo a{display:block;}

#header .header_bottom ul.gnb{display:inline-block; vertical-align:middle; margin:0;}
#header .header_bottom ul.gnb &gt; li{display:inline-block; vertical-align:middle; padding:0 10px 18px; position:relative;}
#header .header_bottom ul.gnb &gt; li &gt; a{display:block;}
#header .header_bottom ul.gnb &gt; li &gt; a &gt; p{font-size:18px; color:#fff; letter-spacing:-0.025em; font-weight:500;}
#header .header_bottom ul.gnb &gt; li ul.gnb_2depth{display:none; margin:0; text-align:center; position:absolute; background-color:#fff; top:45px; left:-25%; width:150%; padding:20px 0; box-sizing:border-box;  }
#header .header_bottom ul.gnb &gt; li ul.gnb_2depth &gt; li{padding:10px 0; border-bottom:1px solid #edeff0; }
#header .header_bottom ul.gnb &gt; li ul.gnb_2depth &gt; li:last-of-type{padding-bottom:0; border-bottom:0 none; }
#header .header_bottom ul.gnb &gt; li ul.gnb_2depth &gt; li &gt; a{display:block;}
#header .header_bottom ul.gnb &gt; li ul.gnb_2depth &gt; li &gt; a &gt; p{font-size:16px; color:#444; letter-spacing:-0.025em; font-weight:500; display:inline-block; position:relative; display:inline-block;}
#header .header_bottom ul.gnb &gt; li ul.gnb_2depth &gt; li:hover &gt; a &gt; p {color:#19597a; font-weight:bold; }
#header .header_bottom ul.gnb &gt; li ul.gnb_2depth &gt; li ul.gnb_3depth{margin:0;}
#header .header_bottom ul.gnb &gt; li ul.gnb_2depth.type02 {width:239px; font-size:0; padding:20px 15px; text-align:left; }
#header .header_bottom ul.gnb &gt; li ul.gnb_2depth.type02 &gt; li &gt; a {display:inline-block; vertical-align:top; width:50%; }
#header .header_bottom ul.gnb &gt; li ul.gnb_2depth.type02 &gt; li &gt; ul {display:inline-block; vertical-align:top; width:50%; }

#header .header_bottom ul.gnb &gt; li ul.gnb_2depth &gt; li:hover &gt; a &gt; p{font-weight:500;}
#header .header_bottom ul.gnb &gt; li ul.gnb_2depth &gt; li:hover &gt; a &gt; p:after{display:block;}
#header .header_bottom ul.gnb &gt; li ul.gnb_2depth &gt; li.on &gt; a &gt; p{font-weight:500;}
#header .header_bottom ul.gnb &gt; li ul.gnb_2depth &gt; li.on &gt; a &gt; p:after{display:block;}

#header .header_bottom ul.gnb &gt; li ul.gnb_3depth {}
#header .header_bottom ul.gnb &gt; li ul.gnb_3depth li {margin-bottom:10px; }
#header .header_bottom ul.gnb &gt; li ul.gnb_3depth li:last-of-type {margin-bottom:0; }
#header .header_bottom ul.gnb &gt; li ul.gnb_3depth li a {}
#header .header_bottom ul.gnb &gt; li ul.gnb_3depth li a p {font-size:16px; color:#444; letter-spacing:-0.025em; font-weight:500; }
#header .header_bottom ul.gnb &gt; li ul.gnb_3depth li a:hover p {color:#19597a; font-weight:bold; }

#header .header_bottom .all_menu_btn{display:block; float:right; padding:5px; padding-bottom:20px;}
#header .header_bottom .all_menu_btn a{display:block;}
#header .header_bottom .mobile_menu_btn{display:none; float:right; padding:5px; padding-bottom:20px;}
#header .header_bottom .mobile_menu_btn a{display:block;}

#header.on{background:#000;}
.all_menu{display:none; position:fixed; top:41px; width:100%; background:#000; z-index:100;}
.all_menu .x_btn{text-align:right; padding:15px 0;}
.all_menu h2{font-size:48px; color:#929292; letter-spacing:-0.025em; font-weight:bold; margin:0; text-align:center;}
.all_menu{}
.all_menu ul.gnb{margin:0; font-size:0; letter-spacing:-4px; padding:20px 0 100px;}
.all_menu ul.gnb &gt; li{display:inline-block; vertical-align:top; width:calc(25% - 40px); margin:20px; border-top:1px solid #fff;}
.all_menu ul.gnb &gt; li &gt; a{display:block;}
.all_menu ul.gnb &gt; li &gt; a &gt; p{font-size:18px; color:#929292; letter-spacing:-0.025em; font-weight:500; margin:10px 5px;}
.all_menu ul.gnb &gt; li ul.gnb_2depth{width:100%; border-top:1px solid #5b5b5b;}
.all_menu ul.gnb &gt; li ul.gnb_2depth &gt; li &gt; a &gt; p{font-size:16px; color:#929292; letter-spacing:-0.025em; font-weight:500; margin:10px 5px; line-height:20px;}
.all_menu ul.gnb &gt; li ul.gnb_2depth.type02{border-top:0;}
.all_menu ul.gnb &gt; li ul.gnb_2depth.type02 &gt; li &gt; a{display:inline-block; vertical-align:top; margin-right:20px; width:calc(50% - 10px); border-top:1px solid #5b5b5b;}
.all_menu ul.gnb &gt; li ul.gnb_2depth &gt; li ul.gnb_3depth{display:inline-block; vertical-align:top; width:calc(50% - 10px); border-top:1px solid #5b5b5b; }
.all_menu ul.gnb &gt; li ul.gnb_2depth &gt; li ul.gnb_3depth li{margin:10px 5px;}
.all_menu ul.gnb &gt; li ul.gnb_2depth &gt; li ul.gnb_3depth li &gt; a &gt; p{font-size:16px; color:#929292; letter-spacing:-0.025em; font-weight:500; line-height:20px;}

.all_menu ul.gnb &gt; li:hover &gt; a &gt; p{color:#fff;}
.all_menu ul.gnb &gt; li.on &gt; a &gt; p{color:#fff;}
.all_menu ul.gnb &gt; li ul.gnb_2depth &gt; li:hover &gt; a &gt; p{color:#fff; font-weight:700;}
.all_menu ul.gnb &gt; li ul.gnb_2depth &gt; li.on &gt; a &gt; p{color:#fff; font-weight:700;}
.all_menu ul.gnb &gt; li ul.gnb_2depth &gt; li ul.gnb_3depth li:hover &gt; a &gt; p{color:#fff; font-weight:700;}
.all_menu ul.gnb &gt; li ul.gnb_2depth &gt; li ul.gnb_3depth li.on &gt; a &gt; p{color:#fff; font-weight:700;}

@media all and (max-width:1200px){
	#header{width:100%; min-width:auto;}
	#header .header_bottom h1.logo{margin-right:10px;}
	#header .header_bottom ul.gnb &gt; li{padding:0 5px 18px;}

	.all_menu ul.gnb &gt; li{width:calc(33.333333% - 40px);}
}
@media all and (max-width:1000px){
	#header .header_top{display:none;}
	#header .header_bottom ul.gnb{display:none;}
	#header.on{background:rgb(0, 6, 9, .8);}
	.all_menu{display:none !important;}
	#header .header_bottom .all_menu_btn{display:none;}
	#header .header_bottom .mobile_menu_btn{display:block;}
}


.header_m_bg {z-index:101; display:none; position:fixed; right:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.header_m { z-index:105; position:fixed; right:0; top:0; width:402px; max-height:100%; overflow-y:auto; background-color:#01090e; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; height:100%;}
.header_m.off {right:-100%;}

.header_m .top_box {overflow:hidden; height:90px; position:relative;}
.header_m .top_box ul {float:left; }
.header_m .top_box li {float:left; margin-right:20px;}
.header_m .top_box li:last-child {margin-right:0;}
.header_m .top_box a {font-size:18px; color:#818181; }
.header_m .top_box li.contry a {margin-right:10px; }
.header_m .top_box .ham_close {position:absolute; right:50px; top:50%; width:20px; height:20px; cursor:pointer; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.header_m .top_box .ham_close img {width:100%; height:auto;}

.header_m .gnb {margin-bottom:0; overflow:hidden; margin-bottom:0;}
.header_m .gnb &gt; li{list-style:none;  border-top:1px solid #4e697b;}
.header_m .gnb &gt; li &gt; a{display:block; padding:20px 30px; font-size:24px; color:#fff; letter-spacing:-0.025em; background:#04141e}
.header_m .gnb &gt; li &gt; a &gt; p{position:relative;}
.header_m .gnb &gt; li &gt; a.sub_clear &gt; p:before{content:'';position:absolute; right:40px; top:50%; display:block; width:15px; height:8px; background:url('/img/m_bot_btn.png') no-repeat center center; background-size:cover; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.header_m .gnb &gt; li.on a{font-weight:bold;}
.header_m .gnb &gt; li.on &gt; a.sub_clear &gt; p:before{background:url('/img/m_top_btn.png') no-repeat center center; background-size:cover; }
.header_m .gnb &gt; li:hover a{font-weight:bold;}
.header_m .gnb &gt; li &gt; ul.gnb_2depth{margin-bottom:0; display:none;}
.header_m .gnb &gt; li &gt; ul.gnb_2depth &gt; li{border-top:1px solid #01090e}
.header_m .gnb &gt; li &gt; ul.gnb_2depth &gt; li &gt; a{display:block; padding:20px 30px 20px 55px; font-size:22px; color:#d5d5d5; letter-spacing:-0.025em; background:#061e2f}
.header_m .gnb &gt; li &gt; ul.gnb_2depth &gt; li &gt; a.sub_clear p{position:relative;}
.header_m .gnb &gt; li &gt; ul.gnb_2depth &gt; li &gt; a.sub_clear p:before{content:'';position:absolute; right:40px; top:50%; display:block; width:15px; height:8px; background:url('/img/m_bot_btn.png') no-repeat center center; background-size:cover; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.header_m .gnb &gt; li &gt; ul.gnb_2depth &gt; li.on &gt; a{font-weight:bold;}
.header_m .gnb &gt; li &gt; ul.gnb_2depth &gt; li:hover &gt; a{font-weight:bold;}
.header_m .gnb &gt; li &gt; ul.gnb_2depth &gt; li.on &gt; a.sub_clear &gt; p:before{background:url('/img/m_top_btn.png') no-repeat center center; background-size:cover; }
.header_m .gnb &gt; li &gt; ul.gnb_2depth &gt; li &gt; ul.gnb_3depth{margin-bottom:0; display:none;}
.header_m .gnb &gt; li &gt; ul.gnb_2depth &gt; li &gt; ul.gnb_3depth &gt; li{border-bottom: 1px solid #01090e; position:relative;}
.header_m .gnb &gt; li &gt; ul.gnb_2depth &gt; li &gt; ul.gnb_3depth &gt; li a{display:block; padding:20px 30px 20px 75px; font-size:22px; color:#929292; letter-spacing:-0.025em; background:#0a2a40}
.header_m .gnb &gt; li &gt; ul.gnb_2depth &gt; li &gt; ul.gnb_3depth &gt; li:hover:before{content:''; position:absolute; background:#fff; left:45px; top:50%; width:8px; height:8px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.header_m .gnb &gt; li &gt; ul.gnb_2depth &gt; li &gt; ul.gnb_3depth &gt; li.on:before{content:''; position:absolute; background:#fff; left:45px; top:50%; width:8px; height:8px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.header_m .gnb &gt; li &gt; ul.gnb_2depth &gt; li &gt; ul.gnb_3depth &gt; li.on a{color:#ffffff}
.header_m .gnb &gt; li &gt; ul.gnb_2depth &gt; li &gt; ul.gnb_3depth &gt; li:hover a{color:#ffffff}

.header_m .top_box .right_box{}
.header_m .top_box .right_box ul{margin:0; position:absolute; left:20px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); }
.header_m .top_box .right_box ul li{display:inline-block; vertical-align:top; padding-right:20px;}
.header_m .top_box .right_box ul li:last-of-type{padding-right:0;}
.header_m .top_box .right_box ul li .bar{display:inline-block; vertical-align:middle; width:37px; height:13px; border-radius:13px; box-sizing:border-box; background-color:#6f6f6f; position:relative; border:1px solid #444444;}
.header_m .top_box .right_box ul li .bar span.circle{width:7px; height:7px; background-color:#fff; border-radius:50%; position:absolute; top:2px; left:3px;}
.header_m .top_box .right_box ul li img{display:inline-block; vertical-align:middle;}
.header_m .top_box .right_box ul li p{display:inline-block; vertical-align:middle; font-size:14px; color:#fff; letter-spacing:0.1em; padding-left:5px;}
.header_m .top_box .right_box ul li.on .bar span.circle{left:auto; right:3px;}

/*----- header END -----*/



/*----- quick -----*/
#quick{text-align:center; width:80px; position:fixed; top:50%; right:35px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); z-index:100; box-shadow:10px 28px 20px rgba(0, 0, 0, .2);}
#quick ul{margin:0;}
#quick ul li{display:block;}
#quick ul li a{display:block; padding:20px 0 10px;}
#quick ul li a img{padding-bottom:5px;}
#quick ul li a h6{font-size:13px; color:#222; letter-spacing:-0.045em; font-weight:500; line-height:18px; margin:0;}

/*#quick ul li:first-of-type{background:url('/img/quick01_bg.png') no-repeat center center / contain; width:80px; height:98px;}*/
#quick ul li:first-of-type{background:linear-gradient(225deg, transparent 15px, #fff 0); width:80px; height:98px;}
#quick ul li:first-of-type a{padding:15px 0 13px;}
#quick ul li.type02{background:#ebfdff;}
#quick ul li.type02 h6{color:#00e0ff;}
#quick ul li:nth-of-type(3) a{padding:20px 0 20px; background:#fff;}

#quick .top_btn{text-align:center; background:#05313f;}
#quick .top_btn a{display:block; padding:9px 0;}
@media all and (max-width:1000px){
	#quick{display:none;}
}

.quick_popup{background:#fff; position:fixed; top:50%; right:120px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); z-index:99; padding:40px; box-shadow:10px 10px 20px rgba(0, 0, 0, .2); min-width:470px; box-sizing:border-box; display:none;}
.quick_popup.on{display:block;}
.quick_popup h3{font-size:40px; color:#444; letter-spacing:-0.045em; font-weight:100; line-height:50px; margin:0; padding-bottom:40px;}
.quick_popup h3 b{color:#19597a; font-weight:700;}
.quick_popup .form_box p{font-size:22px; color:#444444; letter-spacing:-0.045em; font-weight:bold;}
.quick_popup .form_box .field_btn p{padding-bottom:20px;}
.quick_popup .form_box .field_btn ul{margin:0; font-size:0; letter-spacing:-4px; text-align:center;}
.quick_popup .form_box .field_btn ul li{display:inline-block; vertical-align:top; margin-right:10px; width:calc(25% - 7.5px); border:3px solid #e5e5e5; box-sizing:border-box; height:80px; cursor:pointer;}
.quick_popup .form_box .field_btn ul li:last-of-type{margin-right:0;}
.quick_popup .form_box .field_btn ul li .txt{display:table; width:100%; height:100%;}
.quick_popup .form_box .field_btn ul li .txt span{display:table-cell; vertical-align:middle; font-size:16px; color:#888; letter-spacing:-0.045em; font-weight:300; line-height:20px;}
.quick_popup .form_box .field_btn ul li.on{border:3px solid #ff9c00;}
.quick_popup .form_box .field_btn ul li.on .txt span{font-weight:bold; color:#ff9c00;}

.quick_popup .form_box input{-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.quick_popup .form_box input::-ms-clear{display:none;}
.quick_popup .form_box select{-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.quick_popup .form_box select::-ms-expand{display:none;}

.quick_popup .form_box .agree_con{padding:20px 0;}
.quick_popup .form_box .agree_con label{overflow:hidden; position:relative; padding-left:30px; display:block;}
.quick_popup .form_box .agree_con label input{overflow:hidden; display:none; width:0px; height:0px; border:0 none; font-size:0; line-height:0; clip:rect(0 0 0 0); opacity:0;}
.quick_popup .form_box .agree_con label i{position:absolute; left:0; top:2px; width:20px; height:20px; background:url("/img/check_off.png") no-repeat center top / contain; background-size:100% 100%;}
.quick_popup .form_box .agree_con label input:checked + i{background:url("/img/check_on.png") no-repeat center top / contain; background-size:100% 100%;}
.quick_popup .form_box .agree_con label span{font-size:16px; color:#b3b3b3; letter-spacing:-0.025em; font-weight:100;}
.quick_popup .form_box .agree_con label a{font-size:16px; color:#b3b3b3; letter-spacing:-0.025em; font-weight:100; float:right;}

.quick_popup .form_box ul.cons{font-size:0; letter-spacing:-4px; margin:0; padding-bottom:40px;}
.quick_popup .form_box ul li{padding:5px 0;}
.quick_popup .form_box ul li .text{display:inline-block; vertical-align:middle; width:100px;}
.quick_popup .form_box ul li .input_box{display:inline-block; vertical-align:middle; width:calc(100% - 100px);}
.quick_popup .form_box ul li .input_box input{background:#f7f7f7; border:0; font-size:18px; letter-spacing:-0.045em; font-weight:300; padding:5px 10px; width:100%; box-sizing:border-box;}
.quick_popup .form_box ul li .input_box input::placeholder{color:#d9d9d9;}
.quick_popup .form_box ul li .input_box select{border:1px solid #d9d9d9; font-size:18px; color:#444; letter-spacing:-0.045em; font-weight:300; width:100%; padding:5px 10px; box-sizing:border-box; background:#fff url('/img/select_arrow.png') no-repeat center right / contain; background-position:95% 50%; background-size:3%;}

.quick_popup .form_box ul li .input_box label{overflow:hidden; position:relative; padding-right:30px; display:inline-block;}
.quick_popup .form_box ul li .input_box label input{overflow:hidden; display:none; width:0px; height:0px; border:0 none; font-size:0; line-height:0; clip:rect(0 0 0 0); opacity:0;}
.quick_popup .form_box ul li .input_box label i{position:absolute; right:6px; top:8px; width:20px; height:20px; background:url("/img/radio_off.png") no-repeat center top / contain; background-size:100% 100%;}
.quick_popup .form_box ul li .input_box label input:checked + i{background:url("/img/radio_on.png") no-repeat center top / contain; background-size:100% 100%;}
.quick_popup .form_box ul li .input_box label span{font-size:22px; color:#444444; letter-spacing:-0.045em; font-weight:100;}
.quick_popup .form_box ul li .input_box label a{font-size:16px; color:#b3b3b3; letter-spacing:-0.025em; font-weight:100; float:right;}

.quick_popup .form_box .btn{text-align:center; background:#19597a; width:100%;}
.quick_popup .form_box .btn a{display:block; font-size:20px; color:#fff; letter-spacing:-0.025em; font-weight:bold; padding:15px 0;}

@media all and (max-width:1000px){
	.quick_popup{display:none;}
}

/*----- quick END -----*/



/*----- footer -----*/
#footer{background:#1b1b1b; padding:70px 0;}
#footer .footer_top{padding-bottom:40px;}
#footer .footer_top ul{font-size:0; letter-spacing:-4px; margin:0;}
#footer .footer_top ul li{display:inline-block; vertical-align:middle; padding-right:40px;}
#footer .footer_top ul li:last-of-type{padding-right:0;}
#footer .footer_top ul li a{display:block;}
#footer .footer_top ul li a p{font-size:18px; color:#fff; letter-spacing:-0.045em; font-weight:700; position:relative;}
#footer .footer_top ul li a p:after{content:''; display:block; width:1px; height:13px; position:absolute; right:-20px; top:50%; background:#bfbfbf; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}
#footer .footer_top ul li:last-of-type a p:after{display:none;}

#footer .footer_middle{font-size:0; letter-spacing:-4px; position:absolute; top:0; right:0;}
#footer .footer_middle .right_box{text-align:right;}
#footer .footer_middle .right_box ul{margin:0;}
#footer .footer_middle .right_box ul li{display:block; padding-bottom:10px;}
#footer .footer_middle .right_box ul li:last-of-type{padding-bottom:0;}
#footer .footer_middle .right_box ul li .qr_img{width:140px}
/* 20200225 수정
#footer .footer_middle .right_box ul li img{display:inline-block; vertical-align:middle; padding-right:10px;}
#footer .footer_middle .right_box ul li h6{display:inline-block; vertical-align:middle; margin:0; font-size:18px; color:#00e0ff; letter-spacing:0.02em; font-weight:700;}
#footer .footer_middle .right_box ul li:nth-of-type(2) h6{color:#d8d8d8;}
*/
#footer .footer_middle .right_box ul li p{display:inline-block; vertical-align:bottom; font-size:18px; color:#fff; letter-spacing:-0.045em; font-weight:700; padding-right:10px; position:relative; bottom:4px;}
#footer .footer_middle .right_box ul li h6{display:inline-block; vertical-align:bottom; margin:0; font-size:34px; color:#ff9c00; letter-spacing:0.02em; font-weight:700; font-family:'Roboto';}

#footer .footer_bottom{display:block;}
#footer .footer_bottom .left_box{display:inline-block; width:71%;}
#footer .footer_bottom .left_box p{font-size:18px; color:#fff; letter-spacing:-0.045em; font-weight:100; line-height:38px; padding-bottom:30px;}
#footer .footer_bottom .left_box span{font-size:16px; color:#fff; letter-spacing:-0.045em; font-weight:100;}

/* 20200225 수정 */
#footer .footer_bottom02{padding-top:40px; font-size:0; letter-spacing:-4px;}
#footer .footer_bottom02 .left_box{display:inline-block; vertical-align:bottom; width:50%;}
#footer .footer_bottom02 .left_box h1.logo{margin:0;}
#footer .footer_bottom02 .right_box{display:inline-block; vertical-align:bottom; width:50%; text-align:right;}
#footer .footer_bottom02 .right_box ul{font-size:0; letter-spacing:-4px; margin:0;}
#footer .footer_bottom02 .right_box ul li{display:inline-block; vertical-align:top; padding-right:5px;}
#footer .footer_bottom02 .right_box ul li:last-of-type{padding-right:0;}
#footer .footer_bottom02 .right_box ul li a{display:block;}

@media all and (max-width:1200px){
	#footer .footer_middle{right:1%;}
}
@media all and (max-width:1000px){
	#footer .footer_middle{padding-bottom:40px; position:static;}
	#footer .footer_middle .right_box{display:block; width:100%; text-align:left;}
	#footer .footer_bottom .left_box{display:block; width:100%;}
	#footer .footer_bottom .right_box{float:none; padding-top:60px;}
}
@media all and (max-width:767px){
	#footer{padding:60px 0 80px;}
	#footer .footer_top{padding-bottom:60px;}
	#footer .footer_top ul li a p{font-size:16px;}
	#footer .footer_middle .left_box{display:block; width:100%; padding-bottom:20px;}
	#footer .footer_middle .left_box h1.logo img{max-width:80%;}
	#footer .footer_middle .right_box ul li{padding-bottom:10px;}
	#footer .footer_bottom02 .left_box{width:100%; margin-bottom:30px;}
	#footer .footer_bottom02 .right_box{width:100%; text-align:left;}
}

/* 20211112 수정 */
	#footer .standard_bg {display: none; z-index: 100; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.6;}
	#footer .standard {display: none; z-index: 200; overflow-y: auto; position: fixed; left: 50%; top: 50%; width: 80%; max-width: 1200px; height: 80vh; padding: 2em; background-color: #fff; border: 10px solid #f6f6f6; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); box-sizing: border-box;}
	#footer .standard a {display: block; position: absolute; top: 20px; right: 20px; width: 30px; height: 30px;}
	#footer .standard a i {display: block; width: 100%; height: 2px; background-color: #333;}
	#footer .standard a i:first-of-type {transform: rotate(45deg) translate(9px,9px); -webkit-transform: rotate(45deg) translate(9px,9px); -moz-transform: rotate(45deg) translate(9px,9px); -o-transform: rotate(45deg) translate(9px,9px); -ms-transform: rotate(45deg) translate(9px,9px);}
	#footer .standard a i:last-of-type {transform: rotate(-45deg) translate(-7px,8px); -webkit-transform: rotate(-45deg) translate(-7px,8px); -moz-transform: rotate(-45deg) translate(-7px,8px); -o-transform: rotate(-45deg) translate(-7px,8px); -ms-transform: rotate(-45deg) translate(-7px,8px);}
	#footer .standard h4 {margin-bottom: 15px; color: #444; font-weight: 500px; font-size: 24px; letter-spacing: -0.025em; text-align: center;}
	#footer .standard h5 {margin-bottom: 15px; color: #444; font-weight: 500px; font-size: 20px; letter-spacing: -0.025em; text-align: center;}
	#footer .standard p {color: #666; font-weight: 300; font-size: 16px; letter-spacing: -0.025em;}
	#footer .standard p.right {text-align: right;}

/*----- footer END -----*/


</pre></body></html>