@charset "utf-8";
html.lock {overflow:hidden;}
body.not_scroll {overflow:hidden !important;}
/*------------ pc ------------*/
@media only screen and (min-width: 960px) {
.web {display:block !important;}
.mobile {display:none}
.tablet {display:none}
/* GNB 본문바로가기 */
#quick_Index {height:0; z-index:1000000000;}
#quick_Index a {display: block; position: absolute; left: 0; top: -100px; width: 100%; height: 1px; text-align: center}
#quick_Index a:focus,#quick_Index a:active {position: absolute; top: 0; z-index: 120; height: 40px; padding: 7px 0; font-size: 18px; font-weight: 500; color: #fff; background: #079ddc;}
/* 헤더 */
#wrap {padding-top:145px}
#wrap.Main {padding-top:0px}
header {position:fixed; top:0; width:100%; z-index:50;}
.navi_wrap {position:fixed; top:91px; width:100%; z-index:49; }
#header {width:100%; background:#fff; border-bottom:1px solid #ddd;}
#header div.top_gnb_wrap {height:44px; border-bottom:1px solid #ddd; padding: 0 50px; width: 100%;}
#header div.top_gnb_wrap div.top_gnb {display:flex; justify-content: space-between; margin: 0 auto; max-width: 1300px;}
div.top_gnb div.sit_left {overflow:hidden;}
div.top_gnb div.sit_left p {float:left; display:inline-block; padding:9px 25px;}
div.top_gnb div.sit_left p.on {background:#1b4486; color:#fff; height: 44px;}
div.top_gnb div.sit_left p.on a {color:#fff;}
div.top_gnb div.sit_left p a {font:400 15px/20px "Poppins", "Noto Sans KR", sans-serif; color:#333;}
div.top_gnb div.sns_right {display:flex; justify-content: space-between; align-items:center;}
div.top_gnb div.sns_right p.login {}
div.top_gnb div.sns_right p.login a {position:relative; font:400 15px/20px "Poppins", "Noto Sans KR", sans-serif; color:#333; margin-right:30px;}
div.top_gnb div.sns_right p.login a::after {content:""; position:absolute; top:5px; right:-17px; width:1px; height:10px; background:#878787}
div.top_gnb div.sns_right p.login a.signup {background:url('/_img/web/pc/comn/signup.png') no-repeat 0% 50%; width:23px; height:19px; padding-left:30px;}
div.top_gnb div.sns_right p.login a.login {background:url('/_img/web/pc/comn/login.png') no-repeat 0% 50%; width:15px; height:18px; padding-left:22px;}
div.top_gnb div.sns_right p.login a:hover,
div.top_gnb div.sns_right p.login a:focus {color:#079ddc;}
div.top_gnb div.sns_right p.lang {border:none; background:url('/_img/web/pc/comn/lang.png') no-repeat 0% 50%;}
div.top_gnb div.sns_right p.lang select {border:none; padding:0px 20px 0px 4px; margin-left:18px; width:100%; height:100%; font:400 14px/20px "Poppins", "Noto Sans KR", sans-serif; color:#333; color:#666; background: url('/_img/web/pc/comn/navi_arr.png') no-repeat 68% 50%;}
div.top_gnb div.sns_right p.lang select option {font:400 14px/20px "Poppins", "Noto Sans KR", sans-serif; color:#333; }
header .head {width:100%; position:relative; max-width:1400px; padding:0 50px; height:90px; margin:0 auto; display:table;}
header .head h1 {display:table-cell; width:170px; vertical-align:middle;}
header .head h1 a {display:block; font-size:0; width:226px; height:44px; background:url('/_img/web/pc/comn/logo.png')no-repeat 50% 50%; margin-top: -10px;}
header .head ul.h_menu {display:table-cell; width:auto; text-align:center; vertical-align:middle;}
header .head ul.h_menu > li {display:inline-block; height:90px; padding:33px 25px;}
header .head ul.h_menu > li p.depth01 a {font:500 19px/24px "Poppins", "Noto Sans KR", sans-serif; color:#222; transition:0.3s; position:relative;}
header .head ul.h_menu > li.on p.depth01 a,
header .head ul.h_menu > li p.depth01 a.active,
header .head ul.h_menu > li p.depth01 a.on,
header .head ul.h_menu > li p.depth01 a:hover,
header .head ul.h_menu > li p.depth01 a:focus {color:#009bdf}
header .head ul.h_menu > li p.depth01 a.on::after {position:absolute; content:''; width:100%; height:5px; background:#009bdf; left:0; bottom:-32px;}
header .head ul.h_menu > li div.openMenu {display:none; overflow:hidden;border-top:1px solid #ddd; position:absolute; top:90px; left:50%; transform:translateX(-50%); z-index:10; background: linear-gradient(to right, #e4f2fc 50%, #fff 50%); box-shadow:3px 8px 8px rgba(0, 0, 0, 0.1)}
header .head ul.h_menu > li.open div.openMenu {display:block;}
.menuBox {display:table; width:100%; max-width: 1400px; padding:0 50px; margin:0 auto; table-layout:fixed;}
.menuBox .depth_tit {position:relative; display:table-cell; z-index:-1; vertical-align:top; text-align:left; padding:60px 0; width:270px; background:#e4f2fc url('/_img/web/pc/comn/depth_tit.png') no-repeat right bottom; font:600 30px/34px "Poppins", "Noto Sans KR", sans-serif; color:#1b4486;}
.menuBox .depth_tit span {display:block; margin-top:25px; font:300 17px/25px "Poppins", "Noto Sans KR", sans-serif;}
.menuBox .depth_list_wrap {display:table-cell; vertical-align:top; width:auto; table-layout:fixed; background:#fff; text-align:left; z-index:2;}
.menuBox ul.depth_list {display:flex; flex-wrap:wrap; padding:40px 0 40px 40px;}
.menuBox ul.depth_list > li {width:21%; margin-right:4%}
.menuBox ul.depth_list > li:last-child {margin-right:0;}
.menuBox ul.depth_list > li:nth-child(n+5) {margin-top:20px;}
.menuBox ul.depth_list > li > a {padding:10px; text-align:left; vertical-align:top; font:500 18px/24px "Poppins", "Noto Sans KR", sans-serif; color:#222; position:relative; border-bottom:solid 1px #ddd; background:#fff; display:block; transition:all .2s;}
.menuBox ul.depth_list > li > a:hover {color:#009bdf; border-bottom:1px solid #009bdf}
.menuBox ul.depth_list > li > ul {margin-top:10px; overflow:hidden; padding-left:10px;}
.menuBox ul.depth_list > li ul li {padding-left:10px; position:relative; margin:7px 0;}
.menuBox ul.depth_list > li ul li::before {position:absolute; content:''; width:3px; height:3px; background:#ddd; left:0; top:10px; border-radius: 50px;}
.menuBox ul.depth_list > li ul li a {font:400 16px/24px "Poppins", "Noto Sans KR", sans-serif; color:#666;}
.menuBox ul.depth_list > li ul li a:hover,
.menuBox ul.depth_list > li ul li a:focus {color:#009bdf;}
header .head div.hl_menu {display:table-cell; text-align:right; width:125px; vertical-align:middle;}
header .head div.hl_menu .lang {display:inline-block; vertical-align:middle;}
header .head div.hl_menu .lang a {font:500 17px/20px "Poppins", "Noto Sans KR", sans-serif; color:#222; position:relative;}
/* header .head div.hl_menu .lang a:before {content:""; position:absolute; top:4px; right:-20px; z-index:2; width:1px; height:14px; background:#222;} */
header .head div.hl_menu .search {display:inline-block; vertical-align:middle;}
header .head div.hl_menu .search > button {display:block; cursor:pointer; font-size:0; border:none; width:19px; height:19px; background:url('/_img/web/pc/comn/h_search.png')no-repeat 50% 50%;}
header .head div.hl_menu .search > a {display:none;}
header .head div.hl_menu .ham_full {display:inline-block; vertical-align:middle; margin:0 10px;}
header .head div.hl_menu .ham_full .ham button {display:block; border:none; cursor:pointer; background:transparent}
header .head div.hl_menu .ham_full .ham button span {display:block; width:18px; height:2px; background:#222; margin-bottom:4px;}
header .head div.hl_menu .ham_full .ham button span:last-child {margin-bottom:0px;}
div.h_search_box {display:none; position:absolute; top:90px; right:0; z-index:5; width:100%; height:160px; padding:37px 30px; background:#079ddc; text-align:left;}
div.h_search_box .box {max-width:1400px; padding:0 50px; margin:0 auto; position:relative;}
div.h_search_box .box p {width:450px; margin:15px auto 0; border-bottom:solid 2px #fff; padding:15px 0; display: flex;}
div.h_search_box input {border:none; width:calc(100% - 40px); padding-right:15px; height:34px; font: 300 19px/24px "Poppins", "Noto Sans KR", sans-serif; color: #fff; background:transparent;}
div.h_search_box input::placeholder {color:#fff}
div.h_search_box button {display:inline-block; cursor:pointer; vertical-align:top; font-size:0; border:none; width:30px; height:30px; margin-left:10px;}
div.h_search_box button.search_go {background:url('/_img/web/pc/comn/h_search_go.png')no-repeat 50% 50%;}
div.h_search_box button.close {background:url('/_img/web/pc/comn/h_close.png')no-repeat 50% 50%; position:absolute; right:50px; top:-30px; transition:.5s;}
div.h_search_box button.close:hover {transform:rotate(180deg);}
#open_full_menu {display:none; position:fixed; top:0; left:0; z-index:15; width:100%; background:#fff; text-align:left; table-layout:fixed;}
#open_full_menu p button {position:absolute; display:block; border:none; cursor:pointer; top:40px; right:100px; width:88px; height: 78px; padding:25px; background:#000 url('/_img/web/pc/comn/h_close.png')no-repeat 50% 50%; font-size:0;}
#open_full_menu p button:focus{border:solid 3px #009bdf;}
#open_full_menu .fullbox {display:table-cell; width:100%; padding:100px; position: relative;}
#open_full_menu .fullbox ul.menulist {width:100%; height:100%; padding:0 120px 0; overflow-y:scroll;}
#open_full_menu .fullbox ul.menulist > li {margin-bottom:100px;}
#open_full_menu .fullbox ul.menulist > li .dep01 {width:100%; padding-left:5px; font:500 26px/35px "Poppins", "Noto Sans KR", sans-serif; color:#333;}
#open_full_menu .fullbox ul.menulist > li .dep01 a {cursor:default; width:100%; padding-left:5px; font:600 26px/35px "Poppins", "Noto Sans KR", sans-serif; color:#1b4486;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 {width:100%; padding: 0 5px; overflow:hidden; display:block;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li {float:left; width:25%; padding-right:50px; margin-top:20px;}
/* #open_full_menu .fullbox ul.menulist > li ul.dep02 > li:nth-child(5n) {clear:both;} */
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p {}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a {display:block; border-bottom:solid 1px #ddd; padding:10px; font:500 19px/30px "Poppins", "Noto Sans KR", sans-serif; color:#222; text-align:left; transition:all .2s;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a:hover,
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a:focus {color:#079ee2; border-bottom:1px solid #009bdf}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > ul {width:100%; display:block;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > ul li {margin-top:9px; padding-left:15px; position:relative;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > ul li::before {position:absolute; content:""; width:3px; height:3px; background:#555; left:5px; top:10px; border-radius:50px;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > ul li a {font:500 16px/24px "Poppins", "Noto Sans KR", sans-serif; color:#555; transition:all .2s;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > ul li a:hover,
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > ul li a:focus {color:#079ee2}
ul.menulist::-webkit-scrollbar {width:8px;}
ul.menulist::-webkit-scrollbar-track {background-color:#eee;}
ul.menulist::-webkit-scrollbar-thumb {background-color:#222; border-radius: 10px;}
ul.menulist::-webkit-scrollbar-thumb:hover {background: #222;}
/* 서브 네비게이션 */
div.navi_wrap {width:100%; border-bottom:1px solid #ddd; padding:0 50px; background:#fff;}
ul.navigation {width:100%; max-width:1300px; margin:0 auto;}
ul.navigation > li {display:table-cell; width:250px; height:54px; vertical-align:middle; position:relative; padding:0 15px; border-left:1px solid #ddd;}
ul.navigation > li:last-child {border-right:1px solid #ddd;}
ul.navigation > li:first-child {width:50px; text-align:center;}
ul.navigation > li > p {width:100%; cursor:pointer; padding-right:17px; font:500 17px/26px "Poppins", "Noto Sans KR", sans-serif; color:#333; background:url('/_img/web/pc/comn/navi_arr.png')no-repeat 100% 50%;}
ul.navigation > li > ul {display:none; width:calc( 100% + 2px); position:absolute; top:54px; left:-1px; z-index:9; background:#fff; border:1px solid #ddd; border-bottom:0px; box-shadow:5px 5px 15px rgba(0, 0, 0, 0.1)}
ul.navigation > li > ul li {width:100%; border-bottom:1px solid #ddd;}
ul.navigation > li > ul li a {display:block; width:100%; padding:12px 16px; font:400 16px/21px "Poppins", "Noto Sans KR", sans-serif; color:#333;}
ul.navigation > li > ul li a:hover,
ul.navigation > li > ul li a:focus {background:#079ddc; color:#fff}
ul.navigation > li > a {font-size:0; background:url('/_img/web/pc/comn/navi.png') no-repeat 50% 0%; width:13px; height:13px; vertical-align:middle; display:inline-block;}
/* 서브 h */
h2 {text-align:center; font:500 50px/52px "Noto Sans KR", sans-serif; color:#000; padding-bottom:80px}
h3 {font:500 25px/32px "Poppins", "Noto Sans KR", sans-serif; color:#000; margin:80px 0 15px 0px}
h4 {position:relative;font:500 20px/28px "Poppins", "Noto Sans KR", sans-serif; color:#194894; padding-left:20px; margin:30px 0 10px 0px}
h4::before {position:absolute; content:""; width:8px; height:8px; background:#fff; border:3px solid #1b4486; top:9px; left:0; border-radius:50px; margin-top: -3px;}
#sub_content {width:100%; position:relative; padding-top:90px;}
#sub_content .s_cont {width:100%; max-width:1400px; padding:0px 50px 150px 50px; margin:0 auto;}
#sub_content .s_cont + .s_cont {margin-top:-100px}
#sub_content .top0 {margin-top:0px;}
#sub_content .top {margin-top:55px;}
/* 푸터 */
footer {width:100%; position:relative;}
footer .f_top {background:#097FAF ; width:100%;}
footer .f_top .f_wrap {max-width:1400px; margin:0 auto; padding:18px 50px; height:60px; position:relative;}
footer .f_top .f_wrap p.f_menu {display: inline-block;}
footer .f_top .f_wrap p.f_menu a {color:#fff; font:400 16px/24px "Poppins", "Noto Sans KR", sans-serif; margin-left:30px; position:relative; transition:.2s;}
footer .f_top .f_wrap p.f_menu a.prv {font-weight:500; color: #000;}
footer .f_top .f_wrap p.f_menu a:first-child {margin-left:0;}
footer .f_top .f_wrap p.f_menu a:hover,
footer .f_top .f_wrap p.f_menu a:focus {text-decoration:underline;}
footer .f_site {position: absolute; z-index: 5; right: 50px; top:0; }
footer .f_select {position:relative; text-align: left; cursor:pointer; height: 60px; padding: 0px 40px 0 25px; width:250px; border-left: 1px solid #b0e4f5; border-right: 1px solid #b0e4f5; font: 400 16px/24px "Poppins", "Noto Sans KR", sans-serif; background:none; color: #fff; }
footer .f_select::after {position:absolute; content:''; width:20px; height:20px; background:url('/_img/web/pc/comn/f_arrow.png') no-repeat 50% 50%; right:15px; top:50%; margin-top:-10px; transition:.2s;}
footer .f_select.active::after {transform:rotate(180deg);}
footer .f_site ul {display:none; background:#097faf; border:solid 1px rgba(255, 255, 255, 0.2); position:absolute; z-index:5; bottom:100%; width:calc(100% - 2px);right:1px;}
footer .f_site ul > li + li {border-top:solid 1px rgba(255, 255, 255, 0.2);}
footer .f_site ul > li a {font: 400 16px/24px "Poppins", "Noto Sans KR", sans-serif; color: #fff; padding:10px 25px; display:block; transition:.2s;}
footer .f_site ul > li a:hover,
footer .f_site ul > li a:focus {text-decoration:underline}
footer .f_bottom {max-width:1400px;margin:0 auto;padding:25px 50px;display: flex;justify-content: space-between;align-items: center;}
footer .f_bottom .f_left {}
footer .f_bottom .f_left p {font:400 15px/24px "Open Sans", "Noto Sans KR", sans-serif; color:#666;}
footer .f_bottom .f_left p span {display:inline-block; padding-left:10px; margin-left:10px; position:relative;}
footer .f_bottom .f_left p span:last-child {margin-right:0; padding-right:0;}
footer .f_bottom .f_left p span::before {position:absolute; content:''; width:1px; height:10px; background:#ddd; top:50%; margin-top:-5px; left:0; }
footer .f_bottom .f_left p span:last-child::after {display:none;}
footer .f_bottom .f_left p.copy {color:#888;}
footer .f_bottom .f_right {display: flex; justify-content: flex-end; align-items: center;}
footer .f_bottom .f_right p.f_sns {margin-right: 30px;}
footer .f_bottom .f_right p.f_sns a {display:inline-block; width:38px; height:38px; margin-right:5px; border-radius:40px; font-size:0px; vertical-align:middle;transition:.2s;}
footer .f_bottom .f_right p.f_sns a.face {background:#757575 url('/_img/web/pc/comn/f_face.png')no-repeat 50% 50%;}
footer .f_bottom .f_right p.f_sns a.yout {background:#757575 url('/_img/web/pc/comn/f_yout.png')no-repeat 50% 50%;}
footer .f_bottom .f_right p.f_sns a.blog {background:#757575 url('/_img/web/pc/comn/f_blog.png')no-repeat 55% 50%;}
footer .f_bottom .f_right p.f_sns a.inst {background:#757575 url('/_img/web/pc/comn/f_inst.png')no-repeat 50% 50%;}
footer .f_bottom .f_right p.f_sns a.face:hover,
footer .f_bottom .f_right p.f_sns a.face:focus {background:#445e99 url('/_img/web/pc/comn/f_face.png')no-repeat 50% 50%;}
footer .f_bottom .f_right p.f_sns a.yout:hover,
footer .f_bottom .f_right p.f_sns a.yout:focus {background:#ed3023 url('/_img/web/pc/comn/f_yout.png')no-repeat 50% 50%;}
footer .f_bottom .f_right p.f_sns a.blog:hover,
footer .f_bottom .f_right p.f_sns a.blog:focus {background:#00c73c url('/_img/web/pc/comn/f_blog.png')no-repeat 55% 50%;}
footer .f_bottom .f_right p.f_sns a.inst:hover,
footer .f_bottom .f_right p.f_sns a.inst:focus {background:#e62b85 url('/_img/web/pc/comn/f_inst.png')no-repeat 50% 50%;}
footer .f_bottom .f_right p.wa {}
footer .f_bottom .f_right p.wa a {text-indent: -99999px; display:inline-block; width:85px; height:58px; background:url('/_img/web/pc/comn/wa_mark01.png') no-repeat 50% 50% / 85px;}
/* sns 공유 */
/* hidden 속성 확실히 숨김/표시되도록(테마 CSS와 충돌 방지) */
[hidden] { display:none !important; }
div.sns_wrap {width:100%; padding:0 50px; max-width:1400px; position:relative; margin: 0 auto;}
div.sns_wrap div.sns_share {display:flex; justify-content: flex-end; width:280px; position:absolute; z-index:20; margin-top:20px; right:50px;}
.sns_share > button {display:inline-block; font-size:0; width:35px; height:35px; background:url('/_img/web/pc/comn/share.png') no-repeat 50% 50%; transition:0.3s; cursor:pointer;}
.sns_share > button:hover,
.sns_share > button.on {background:url('/_img/web/pc/comn/share_on.png') no-repeat 50% 50%;}
/* .sns_share a.print {background:url('/_img/web/pc/cont/print.png') no-repeat 50% 50%; width:35px; font-size:0px; height:35px; margin:0 0 0 5px;} */
span.hover_tip {display:none; position:absolute; z-index:2; bottom:-40px; right:0; background:#333; padding:4px 10px; border-radius:100px; opacity:0.8; color:#fff; font:300 13px/20px 'Noto Sans KR','맑은 고딕', sans-serif; transition:all 0.3s;}
span.hover_tip::after {position:absolute; z-index:1; content:''; top:-6px; right:13px; width: 0px; height: 0px; border-top:10px solid none; border-bottom:6px solid #333; border-right:5px solid transparent; border-left:5px solid transparent;}
.sns_share button#share:hover + .hover_tip {display:block;}
.sns_share a.link:hover + .hover_tip {display:block;}
.sh_sns {display:flex; justify-content:flex-end; position:absolute; z-index:-2; visibility:hidden; opacity:0; transition:all .5s; top:0px; width:255px; height:35px; right:38px;}
.sh_sns.on {visibility:visible; opacity:1; }
.sh_sns a {font-size:0; display:inline-block; width:36px; height:36px; margin-left:4px; font-size: 0; margin-right:2px;}
.sh_sns a.yout {background:url('/_img/web/pc/comn/yout.png') no-repeat 50% 50%;}
.sh_sns a.face {background:url('/_img/web/pc/comn/face.png') no-repeat 50% 50%;}
.sh_sns a.blog {background:url('/_img/web/pc/comn/blog.png') no-repeat 50% 50%;}
.sh_sns a.inst {background:url('/_img/web/pc/comn/inst.png') no-repeat 50% 50%;}
.sh_sns a.link {background:url('/_img/web/pc/comn/link.png') no-repeat 50% 50%;}
.sh_sns a.twit {background:url('/_img/web/pc/comn/twitter.png') no-repeat 50% 50%;}
/* top_quick */
.top_quick {position:fixed; right:40px; bottom:40px; z-index:99;}
.top_quick .quick_btn {position:relative; transition: .3s; z-index: 1; margin-bottom:10px;}
.top_quick .quick_btn.move {transform: translate(0px, -110px);}
.top_quick .quick_btn a.share {background:#1b4486; border:solid 1px #1b4486; color:#fff; display:block; width:100px; height:100px; border-radius:50%; font:500 18px/23px "Poppins", "Noto Sans KR",sans-serif; text-align:center; padding-top:29px; box-shadow:2px 2px 12px rgba(0, 0, 0, 0.25)}
.top_quick .quick_btn a:focus {outline-style:dashed; outline-width:2px; outline-offset:1px;}
.top_quick .quick_btn.on a.share {border:solid 1px #1b4486; color:#fff;}
.top_quick .q_menu {position:fixed; width:260px; right: 0; bottom: -5%; opacity:0; transition: all .3s ease-in-out; visibility: hidden; background:#fff; border:1px solid #f2f2f2; padding:3px 25px; border-radius:5px; box-shadow:3px 3px 10px rgba(0, 0, 0, 0.15); z-index: 2; }
.top_quick .q_menu.on {max-height: 100dvh; overflow-y:auto; opacity:1; visibility: visible; position: fixed; bottom: 0;}
.top_quick .q_menu a {display:inline-block; border-bottom:1px solid #f2f2f2; width:100%; height:75px; vertical-align:middle; padding: 0px 5px 0px 65px; display: flex; align-items: center; font:400 15px/18px "Poppins", "Noto Sans KR",sans-serif; color:#333;}
.top_quick .q_menu a:hover {color:#079ddc;}
.top_quick .q_menu a:last-child {border-bottom:none;}
.top_quick .q_menu .q01 {background:url('/_img/web/pc/comn/quick_01.png') no-repeat left 14px top 50%;}
.top_quick .q_menu .q02 {background:url('/_img/web/pc/comn/quick_02.png') no-repeat left 12px top 50%;}
.top_quick .q_menu .q03 {background:url('/_img/web/pc/comn/quick_03.png') no-repeat left 10px top 50%;}
.top_quick .q_menu .q04 {background:url('/_img/web/pc/comn/quick_04.png') no-repeat left 13px top 50%;}
.top_quick .q_menu .q05 {background:url('/_img/web/pc/comn/quick_05.png') no-repeat left 13px top 50%;}
.top_quick .q_menu .q06 {background:url('/_img/web/pc/comn/quick_06.png') no-repeat left 13px top 50%;}
.top_quick .q_menu .q07 {background:url('/_img/web/pc/comn/quick_07.png') no-repeat left 13px top 50%;}
.top_quick .q_menu .q08 {background:url('/_img/web/pc/comn/quick_08.png') no-repeat left 13px top 50%;}
.top_quick .q_menu .q09 {background:url('/_img/web/pc/comn/quick_09.png') no-repeat left 14px top 50%;}
.top_quick .q_menu .q10 {background:url('/_img/web/pc/comn/quick_10.png') no-repeat left 14px top 50%;}
.top_quick .q_menu .q11 {background:url('/_img/web/pc/comn/quick_11.png') no-repeat left 14px top 50%;}
.top_quick .q_menu .q12 {background:url('/_img/web/pc/comn/quick_12.png') no-repeat left 14px top 50%;}
.top_quick .q_menu .q13 {background:url('/_img/web/pc/comn/quick_13.png') no-repeat left 14px top 50%;}
.top_quick .q_menu button.cls {background:url('/_img/web/pc/comn/quick_close.png') no-repeat 50% 50%; font-size:0; width:25px; height:25px; position:absolute; top:5px; left:5px; cursor:pointer;}
/* .top_quick .alltop {position: absolute; bottom: 0; left: 0; } */
.top_quick .alltop a {border:solid 1px #ddd; color:#222; background:#fff url('/_img/web/pc/comn/top.png') no-repeat 50% 37%; display:block; width:100px; height:100px; border-radius:50%; font:600 15px/17px "Poppins", "Noto Sans KR",sans-serif; text-align:center; padding-top:50px;}
/* tap */
ul.tab_menu.w100 {width:100% !important;}
ul.tab_menu {width:calc(100% - 100px); max-width:1300px; margin:0px auto 50px; display:table; overflow:hidden; border-collapse:collapse}
ul.tab_menu li {display:table-cell; border:1px solid #ddd; border-bottom:3px solid #000; background:#f1f1f1; position:relative; z-index:2;}
ul.tab_menu li a {display:block; padding:20px 10px 22px 10px; text-align:center; font:400 18px/20px "Open Sans", "Noto Sans KR", sans-serif; color:#777;}
ul.tab_menu li.on {background:#fff; padding: 5px 5px 0 5px;}
ul.tab_menu li.on a {font-weight:500; color:#000; padding:22px 10px 20px 10px;}
ul.tab_menu li.on a:focus {outline-style:dashed; outline-width:2px; outline-offset:1px;}
ul.tab_menu li.on:before {content:""; position:absolute; top:-1px; left:-1px; z-index:-1; width: calc( 100% + 2px); height:110%; border:3px solid #000; border-bottom:none; box-sizing:border-box;}
ul.tab_menu li.on:after {content:""; position:absolute; bottom:-3px; left:0px; z-index:-2; width:100%; height:3px; background:#fff;}
ul.tab_menu.t02 li {width:50%}
ul.tab_menu.t03 li {width:33%}
ul.tab_menu.t03 li:nth-child(2) {width:34%}
ul.tab_menu.t04 li {width:25%}
ul.tab_menu.t05 li {width:20%}
ul.tab_menu.t06 li {width:16.7%}
ul.tab_menu.lots li {min-width:80px;}
/* stap */
ul.stab_menu {width:100%; max-width:1400px; padding:0 50px; margin:0px auto 50px; display:flex; overflow:hidden;}
ul.tab_menu + ul.stab_menu,
.pop_cont ul.stab_menu,
.s_cont ul.stab_menu {padding:0;}
ul.stab_menu li {width:100%; border:1px solid #ddd; border-bottom:2px solid #000; background:#f1f1f1; position:relative; z-index:2;}
ul.stab_menu li a {display:block; padding:15px 10px 17px 10px; text-align:center; font:400 17px/24px "Open Sans", "Noto Sans KR", sans-serif; color:#777;}
ul.stab_menu li.on {background:#fff;}
ul.stab_menu li.on a {font-weight:600; color:#000; padding:16px 10px 15px 10px;}
ul.stab_menu li.on:before {content:""; position:absolute; top:-1px; left:-1px; z-index:-1; width: calc( 100% + 2px); height:110%; border:2px solid #000; border-bottom:none; box-sizing:border-box;}
ul.stab_menu li.on:after {content:""; position:absolute; bottom:-2px; left:0px; z-index:-2; width:100%; height:3px; background:#fff;}
/* sub_menu */
ul.sub_menu {width:100%; max-width:1400px; padding:0 50px; margin:0px auto 50px; display:flex; overflow:hidden;}
ul.tab_menu + ul.sub_menu,
.pop_cont ul.sub_menu,
.s_cont ul.sub_menu {padding:0;}
ul.sub_menu li {width:100%; position:relative;}
ul.sub_menu li + li {margin-left:-1px;}
ul.sub_menu li a {display:block; border:1px solid #ddd; padding:13px 10px; text-align:center; font:400 16px/24px "Open Sans", "Noto Sans KR", sans-serif; color:#777; transition:.2s;}
ul.sub_menu li.on { z-index:2;}
ul.sub_menu li.on a {font-weight:600; color:#194894; border-color:#194894;}
ul.sub_menu li a:hover,
ul.sub_menu li a:focus {color:#194894}
/*에러페이지*/
.error {position:relative; width:700px; padding:3% 0 5%; margin:0 auto; background:#f3f3f3; border:1px solid #ddd; text-align:center; word-break:keep-all;}
.error .tit {font:500 21px/28px "Noto Sans KR", sans-serif;color:#333;}
.error .text {margin:10px 0 0 0; font:300 18px/20px "Noto Sans KR", sans-serif; color:#666;}
.error .img {width:100%;}
.error .img img {max-width:340px; background:url('/_img/web/pc/comn/error.png') no-repeat 50% 50%/100%;}
.error .view_btn{margin:40px 0 0 0;}
.error a {box-sizing : border-box; min-width:250px; height:60px; padding:20px; display:inline-block; color:#fff; font:400 18px/18px "Noto Sans KR", sans-serif; background:#009bdf; transition: all 400ms; }
.error a:nth-child(2) {background-color:#888}
.error a:hover {background-color:#000;}
}
@media only screen and (min-width: 960px) and (max-width: 1460px) {
#open_full_menu .fullbox {padding:100px 100px 100px 40px;}
#open_full_menu .fullbox ul.menulist {padding:0 30px 0;}
}
@media only screen and (min-width: 960px) and (max-width: 1300px) {
footer .f_top:after {display:none}
}
@media only screen and (min-width: 960px) and (max-width: 1230px) {
header .head ul.h_menu {display:none;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li {width:33.3%;}
footer .f_bottom {max-width:1400px;margin:0 auto;padding:25px 50px;display: flex;justify-content: space-between;align-items: center;}
footer .f_bottom .f_right {display: flex; justify-content: flex-end; align-items: center; margin-top:15px;}
}
@media only screen and (min-width: 960px) and (max-width: 1070px) {
footer .f_bottom {max-width:1400px; margin:0 auto;padding:25px 50px;display: flex; flex-direction: column; align-items:flex-start; justify-content: space-between;}
footer .f_bottom .f_right {display: flex; justify-content: flex-end; align-items: center; margin-top:15px;}
}
/*------------ ta ------------*/
@media only screen and (min-width: 640px) and (max-width: 959px) {
.tablet {display:block !important;}
.mobile {display:none}
.web {display:none}
/* GNB 본문바로가기 */
#quick_Index {height:0; z-index:1000000000;}
#quick_Index a {display: block; position: absolute; left: 0; top: -100px; width: 100%; height: 1px; text-align: center}
#quick_Index a:focus,#quick_Index a:active {position: absolute; top: 0; z-index: 120; height: 40px; padding: 7px 0; font-size: 16px; font-weight: 500; color: #fff; background: #079ddc;}
/* 헤더 */
#wrap {padding-top:145px}
#wrap.Main {padding-top:90px}
header {position:fixed; top:0; width:100%; z-index:50;}
.navi_wrap {position:fixed; top:90px; width:100%; z-index:49;}
#header {width:100%; background:#fff; border-bottom:1px solid #ddd;}
#header div.top_gnb_wrap {height:44px; border-bottom:1px solid #ddd; padding: 0 50px; width: 100%;}
#header div.top_gnb_wrap div.top_gnb {display:flex; justify-content: space-between; margin: 0 auto; max-width: 1300px;}
div.top_gnb div.sit_left {overflow:hidden;}
div.top_gnb div.sit_left p {float:left; display:inline-block; padding:9px 25px;}
div.top_gnb div.sit_left p.on {background:#1b4486; color:#fff; height: 44px;}
div.top_gnb div.sit_left p.on a {color:#fff;}
div.top_gnb div.sit_left p a {font:400 15px/20px "Poppins", "Noto Sans KR", sans-serif; color:#333;}
div.top_gnb div.sns_right {display:flex; justify-content: space-between; align-items:center;}
div.top_gnb div.sns_right p.login {}
div.top_gnb div.sns_right p.login a {position:relative; font:400 15px/20px "Poppins", "Noto Sans KR", sans-serif; color:#333; margin-right:30px;}
div.top_gnb div.sns_right p.login a::after {content:""; position:absolute; top:5px; right:-17px; width:1px; height:10px; background:#878787}
div.top_gnb div.sns_right p.login a.signup {background:url('/_img/web/pc/comn/signup.png') no-repeat 0% 50%; width:23px; height:19px; padding-left:30px;}
div.top_gnb div.sns_right p.login a.login {background:url('/_img/web/pc/comn/login.png') no-repeat 0% 50%; width:15px; height:18px; padding-left:22px;}
div.top_gnb div.sns_right p.login a:hover,
div.top_gnb div.sns_right p.login a:focus {color:#079ddc;}
div.top_gnb div.sns_right p.lang {border:none; background:url('/_img/web/pc/comn/lang.png') no-repeat 0% 50%;}
div.top_gnb div.sns_right p.lang select {border:none; padding:0px 20px 0px 4px; margin-left:18px; width:100%; height:100%; font:400 14px/20px "Poppins", "Noto Sans KR", sans-serif; color:#333; color:#666; background: url('/_img/web/pc/comn/navi_arr.png') no-repeat 68% 50%;}
div.top_gnb div.sns_right p.lang select option {font:400 14px/20px "Poppins", "Noto Sans KR", sans-serif; color:#333; }
header .head {width:100%; position:relative; padding:0 30px; height:90px; display:table;}
header .head h1 {display:table-cell; width:170px; vertical-align:middle;}
header .head h1 a {display:block; font-size:0; width:226px; height:44px; background:url('/_img/web/mo/comn/logo.png')no-repeat 50% 50% / 226px; margin-top: -10px;}
header .head ul.h_menu {display:none;}
header .head div.hl_menu {display:table-cell; text-align:right; width:125px; vertical-align:middle;}
header .head div.hl_menu .lang {display:inline-block; vertical-align:middle;}
header .head div.hl_menu .lang a {font:500 18px/20px "Poppins", "Noto Sans KR", sans-serif; color:#222; position:relative;}
header .head div.hl_menu .search {display:inline-block; vertical-align:middle;}
header .head div.hl_menu .search > button {display:none;}
header .head div.hl_menu .search > a {display:block; cursor:pointer; font-size:0; border:none; width:23px; height:23px; background:url('/_img/web/mo/comn/h_search.png')no-repeat 50% 50% / 21px;}
header .head div.hl_menu .ham_full {display:inline-block; vertical-align:middle; margin:0 10px;}
header .head div.hl_menu .ham_full .ham button {display:block; border:none; cursor:pointer; background:transparent}
header .head div.hl_menu .ham_full .ham button span {display:block; width:21px; height:2px; background:#222; margin-bottom:6px;}
header .head div.hl_menu .ham_full .ham button span:last-child {margin-bottom:0px;}
div.h_search_box {display:none; position:absolute; top:90px; right:0; z-index:5; width:100%; height:160px; padding:37px 30px; background:#079ddc; text-align:left;}
div.h_search_box .box {max-width:1400px; padding:0 50px; margin:0 auto; position:relative;}
div.h_search_box .box p {width:450px; margin:15px auto 0; border-bottom:solid 2px #fff; padding:15px 0;}
div.h_search_box input {border:none; width:calc(100% - 40px); padding-right:15px; height:34px; font: 300 19px/24px "Poppins", "Noto Sans KR", sans-serif; color: #fff; background:transparent;}
div.h_search_box input::placeholder {color:#fff}
div.h_search_box button {display:inline-block; cursor:pointer; vertical-align:top; font-size:0; border:none; width:30px; height:30px; margin-left:10px;}
div.h_search_box button.search_go {background:url('/_img/web/pc/comn/h_search_go.png')no-repeat 50% 50%;}
div.h_search_box button.close {background:url('/_img/web/pc/comn/h_close.png')no-repeat 50% 50%; position:absolute; right:50px; top:-30px; transition:.5s;}
div.h_search_box button.close:hover {transform:rotate(180deg);}
#open_full_menu {display:none; position:fixed; top:0; left:0; z-index:15; width:100%; background:#fff; text-align:left; table-layout:fixed;}
#open_full_menu h2 {text-align:center; font: 600 30px/30px "Noto Sans KR", sans-serif; color:#1b4486; padding:20px 0;}
#open_full_menu p button {position:absolute; display:block; border:none; cursor:pointer; top:0px; right:0px; width:75px; height: 75px; padding:20px 0; background:#000 url('/_img/web/mo/comn/pop_close.png')no-repeat 50% 50%/25px; font-size:0;}
#open_full_menu p button:focus{border:solid 3px #009bdf;}
#open_full_menu .fullbox {padding:0 0 80px 0;}
#open_full_menu .fullbox ul.menulist {width:100%; height:100%; padding:25px; overflow-y:scroll;}
#open_full_menu .fullbox ul.menulist > li {margin-bottom:30px;}
#open_full_menu .fullbox ul.menulist > li .dep01 {width:100%; font:500 19px/30px "Poppins", "Noto Sans KR", sans-serif; color:#333; position:relative;}
#open_full_menu .fullbox ul.menulist > li .dep01 a {display:block; width:100%; font:500 25px/35px "Poppins", "Noto Sans KR", sans-serif; color:#222; position:relative;}
#open_full_menu .fullbox ul.menulist > li .dep01 a::after {position:absolute; right:10px; top:10px; content:''; width:26px; height:16px; /* transform:rotate(-90deg); */ background:url('/_img/web/mo/comn/navi_arr.png') no-repeat 50% 50%/16px; transition:all .2s;}
#open_full_menu .fullbox ul.menulist > li .dep01.on a::after{transform:rotate(180deg);}
#open_full_menu .fullbox ul.menulist > li ul.dep02 {width:100%; margin-top:15px; overflow:hidden; display:none;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li {margin-bottom:5px;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p {}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a {display:block; font:500 20px/34px "Poppins", "Noto Sans KR", sans-serif; color:#555; transition:all .2s; position:relative; padding:8px 15px 8px 25px; border-radius:5px;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a::before {position:absolute; content:''; width:3px; height:3px; background:#555; left:15px; top:21px; border-radius:50%;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a:hover::before ,
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a:focus::before {background:#fff}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li.on > p a,
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a:hover,
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a:focus {background:#079ee2; color:#fff;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a.more {background:url('/_img/web/mo/comn/sel_arr_b.png') no-repeat center right 15px/15px;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a.more:hover,
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a.more:focus {background:#079ee2 url('/_img/web/mo/comn/sel_arr_w.png') no-repeat center right 15px/15px;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li.on > p a.more {background:#079ee2 url('/_img/web/mo/comn/sel_arr_up.png') no-repeat center right 15px/15px;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > ul {width:100%; margin-bottom:20px; border-bottom:solid 2px #079ee2; padding-bottom:15px; display:none;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > ul li {margin-top:15px; padding-left:20px; position:relative;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > ul li::before {position:absolute; content:""; width:3px; height:3px; background:#ddd; left:10px; top:10px; border-radius:50%;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > ul li a {font:500 18px/26px "Poppins", "Noto Sans KR", sans-serif; color:#555; transition:all .2s;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > ul li a:hover,
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > ul li a:focus {color:#079ee2}
ul.menulist::-webkit-scrollbar {width:8px;}
ul.menulist::-webkit-scrollbar-track {background-color:#eee;}
ul.menulist::-webkit-scrollbar-thumb {background-color:#222; border-radius: 10px;}
ul.menulist::-webkit-scrollbar-thumb:hover {background: #222;}
/* 서브 네비게이션 */
div.navi_wrap {width:100%; border-bottom:1px solid #ddd; background:#fff;}
ul.navigation {display:table; width:100%;}
ul.navigation > li {display:table-cell; width:calc(50% - 27px); height:54px; vertical-align:middle; position:relative; padding:0 15px; border-left:1px solid #ddd;}
ul.navigation > li:last-child {border-right:none;}
ul.navigation > li:nth-child(2) {display:none;}
ul.navigation > li:first-child {width:54px; text-align:center; border-left: none;}
ul.navigation > li > p {width:100%; cursor:pointer; padding-right:17px; font:500 17px/26px "Poppins", "Noto Sans KR", sans-serif; color:#333; background:url('/_img/web/mo/comn/navi_arr.png')no-repeat 100% 50% / 12px;}
ul.navigation > li > ul {display:none; width:calc( 100% + 2px); position:absolute; top:54px; left:-1px; z-index:9; background:#fff; border:1px solid #ddd; border-bottom:0px; box-shadow:5px 5px 15px rgba(0, 0, 0, 0.1)}
ul.navigation > li > ul li {width:100%; border-bottom:1px solid #ddd;}
ul.navigation > li > ul li a {display:block; width:100%; padding:12px 16px; font:400 16px/21px "Poppins", "Noto Sans KR", sans-serif; color:#333;}
ul.navigation > li > ul li a:hover,
ul.navigation > li > ul li a:focus {background:#079ddc; color:#fff}
ul.navigation > li > a {font-size:0; background:url('/_img/web/pc/comn/navi.png') no-repeat 50% 0%; width:13px; height:13px; vertical-align:middle; display:inline-block;}
/* 서브 h */
h2 {text-align:center; font:500 37px/40px "Noto Sans KR", sans-serif; color:#000; padding-bottom:60px}
h3 {font:500 25px/32px "Poppins", "Noto Sans KR", sans-serif; color:#000; margin:60px 0 15px 0;}
h4 {position:relative;font:500 20px/26px "Poppins", "Noto Sans KR", sans-serif; color:#194894; padding-left:20px; margin:30px 0 10px 0px}
h4::before {position:absolute; content:""; width:8px; height:8px; background:#fff; border:3px solid #1b4486; top:8px; left:0; border-radius:50px; margin-top: -3px;}
#sub_content {width:100%; position:relative; padding-top:75px}
#sub_content .s_cont {width:100%; padding:0 25px 130px 25px;}
#sub_content .s_cont + .s_cont {margin-top:-100px}
#sub_content .top0 {margin-top:0;}
#sub_content .top {margin-top:55px;}
/* 푸터 */
footer {width:100%;position:relative;}
footer .f_top {background:#097FAF; width:100%; text-align: center;}
footer .f_top .f_wrap {margin:0 auto;padding:10px 15px;}
footer .f_top .f_wrap p.f_menu {display: inline-block;}
footer .f_top .f_wrap p.f_menu a {display:inline-block; color:#fff;font: 400 15px/24px "Poppins", "Noto Sans KR", sans-serif;margin:0 10px;position:relative;}
footer .f_top .f_wrap p.f_menu a.prv {font-weight:500; color: #000;}
footer .f_site {position:absolute; z-index: 5; right: 50%; bottom:20px; margin-right: -100px; width:200px; text-align: left;}
footer .f_site p.cate {height: 40px;width: 220px; border: 1px solid #ccc; position: absolute; z-index: 5; right: 50%; bottom:20px; margin-right: -110px;}
footer .f_site p.cate select {border: none; padding: 0px 40px 0px 15px;margin:0;width:100%;height:100%;font: 400 15px/22px 'Noto Sans KR', sans-serif;color: #333;background: #fff url('/_img/web/mo/comn/f_arrow.png') no-repeat center right 15px / 13px;}
footer .f_site p.cate select option {font: 400 15px/26px 'Noto Sans KR', sans-serif;color: #333;}
footer .f_select {position:relative; cursor:pointer; text-align: left; height: 45px; padding: 0px 35px 0 20px; width:100%; border: 1px solid #ccc; font: 400 15px/22px "Poppins", "Noto Sans KR", sans-serif; background:#fff; color: #333; }
footer .f_select::after {position:absolute; content:''; width:20px; height:20px; background:url('/_img/web/mo/comn/f_arrow.png') no-repeat 50% 50%/13px; right:15px; top:50%; margin-top:-10px; transition:.2s;}
footer .f_select.active::after {transform:rotate(180deg);}
footer .f_site ul {display:none; background:#fff; border:solid 1px #ddd; border-bottom:none; position:absolute; z-index:5; bottom:100%; width:100%; right:0;}
footer .f_site ul > li + li {border-top:solid 1px #ccc;}
footer .f_site ul > li a {font: 400 15px/22px "Poppins", "Noto Sans KR", sans-serif; color: #333; padding:10px 20px; display:block; }
footer .f_bottom {margin:0 auto; display: flex;flex-direction: column;align-items: center;justify-content: space-between; padding: 15px 15px 80px;}
footer .f_bottom .f_left {}
footer .f_bottom .f_left p {font: 400 14px/24px "Open Sans", "Noto Sans KR", sans-serif;color:#666;text-align: center; word-break: keep-all;}
footer .f_bottom .f_left p span {display:inline-block; padding-left:10px; margin-left:10px; position:relative;}
footer .f_bottom .f_left p span:last-child {margin-right:0; padding-right:0;}
footer .f_bottom .f_left p span::before {position:absolute; content:''; width:1px; height:10px; background:#ddd; top:50%; margin-top:-5px; left:0; }
footer .f_bottom .f_left p span:last-child::after {display:none;}
footer .f_bottom .f_left p.copy {color:#888;}
footer .f_bottom .f_right {display: flex; justify-content: flex-end; align-items: center; margin-top:15px;}
footer .f_bottom .f_right p.f_sns {;}
footer .f_bottom .f_right p.f_sns a {display:inline-block;width: 35px;height: 35px;margin-right:5px;border-radius:40px;font-size:0px;vertical-align:middle;}
footer .f_bottom .f_right p.f_sns a.face {background: #757575 url('/_img/web/mo/comn/f_face.png')no-repeat 51% 50% / 8px;}
footer .f_bottom .f_right p.f_sns a.yout {background: #757575 url('/_img/web/mo/comn/f_yout.png')no-repeat 50% 50% / 19px;}
footer .f_bottom .f_right p.f_sns a.blog {background: #757575 url('/_img/web/mo/comn/f_blog.png')no-repeat 55% 50% / 12px;}
footer .f_bottom .f_right p.f_sns a.inst {background: #757575 url('/_img/web/mo/comn/f_inst.png')no-repeat 50% 50% / 20px;}
footer .f_bottom .f_right p.f_sns a.face:hover,
footer .f_bottom .f_right p.f_sns a.face:focus {background:#445e99 url('/_img/web/mo/comn/f_face.png')no-repeat 51% 50% / 8px;}
footer .f_bottom .f_right p.f_sns a.yout:hover,
footer .f_bottom .f_right p.f_sns a.yout:focus {background:#ed3023 url('/_img/web/mo/comn/f_yout.png')no-repeat 50% 50% / 19px;}
footer .f_bottom .f_right p.f_sns a.blog:hover,
footer .f_bottom .f_right p.f_sns a.blog:focus {background:#00c73c url('/_img/web/mo/comn/f_blog.png')no-repeat 55% 50% / 12px;}
footer .f_bottom .f_right p.f_sns a.inst:hover,
footer .f_bottom .f_right p.f_sns a.inst:focus {background:#e62b85 url('/_img/web/mo/comn/f_inst.png')no-repeat 50% 50% / 20px;}
footer .f_bottom .f_right p.wa {margin-left: 25px}
footer .f_bottom .f_right p.wa a {text-indent: -99999px;display:inline-block;width:85px;height:56px;background: url('/_img/web/mo/comn/wa_mark01.png') no-repeat 50% 50% / 90%;}
/* sns 공유 */
div.sns_wrap {width:100%; padding:0 30px; max-width:1400px; position:relative; margin: 0 auto;}
div.sns_wrap div.sns_share {display:flex; justify-content: flex-end; width:280px; position:absolute; z-index:20; margin-top:20px; right:30px;}
.sns_share > button {display:inline-block; font-size:0; width:35px; height:35px; background:url('/_img/web/mo/comn/shareM.png') no-repeat 50% 50% / 34px; transition:0.3s; cursor:pointer;}
.sns_share > button:hover,
.sns_share > button.on {background:url('/_img/web/mo/comn/shareM_on.png') no-repeat 50% 50% / 34px;}
/* .sns_share a.print {background:url('/_img/web/pc/cont/print.png') no-repeat 50% 50%; width:35px; font-size:0px; height:35px; margin:0 0 0 5px;} */
span.hover_tip {display:none; position:absolute; z-index:2; bottom:-40px; right:0; background:#333; padding:4px 10px; border-radius:100px; opacity:0.8; color:#fff; font:300 13px/20px 'Noto Sans KR','맑은 고딕', sans-serif; transition:all 0.3s;}
span.hover_tip::after {position:absolute; z-index:1; content:''; top:-6px; right:13px; width: 0px; height: 0px; border-top:10px solid none; border-bottom:6px solid #333; border-right:5px solid transparent; border-left:5px solid transparent;}
.sns_share button#share:hover + .hover_tip {display:block;}
.sns_share a.link:hover + .hover_tip {display:block;}
.sh_sns {display:flex; justify-content:flex-end; position:absolute; z-index:-2; visibility:hidden; opacity:0; transition:all .5s; top:0px; width:240px; height:35px; right:38px;}
.sh_sns.on {visibility:visible; opacity:1; }
.sh_sns a {font-size:0; display:inline-block; width:36px; height:36px; margin-left:4px; font-size: 0; margin-right:2px;}
.sh_sns a.yout {background:url('/_img/web/mo/comn/youtM.png') no-repeat 50% 50% / 34px;}
.sh_sns a.face {background:url('/_img/web/mo/comn/faceM.png') no-repeat 50% 50% / 34px;}
.sh_sns a.blog {background:url('/_img/web/mo/comn/blogM.png') no-repeat 50% 50% / 34px;}
.sh_sns a.inst {background:url('/_img/web/mo/comn/instM.png') no-repeat 50% 50% / 34px;}
.sh_sns a.link {background:url('/_img/web/mo/comn/linkM.png') no-repeat 50% 50% / 34px;}
.sh_sns a.twit {background:url('/_img/web/mo/comn/twitter.png') no-repeat 50% 50% / 34px;}
/* top_quick */
.top_quick {position:fixed; right:30px; bottom:30px; z-index:99; display: flex; flex-direction: column; align-items: center;}
.top_quick .quick_btn {position:relative; transition: .3s; z-index: 1; margin-bottom:10px;}
.top_quick .quick_btn.move {transform: translate(0px, -80px);}
.top_quick .quick_btn a.share {background:#1b4486; border:solid 1px #1b4486; color:#fff; display:block; width:94px; height:94px; border-radius:50%; font:500 16px/19px "Poppins", "Noto Sans KR",sans-serif; text-align:center; padding-top:29px; box-shadow:2px 2px 12px rgba(0, 0, 0, 0.25)}
.top_quick .quick_btn.on a.share {border:solid 1px #1b4486; color:#fff;}
.top_quick .q_menu {position:fixed; width:260px; right: 0; bottom: -5%; opacity:0; transition: all .3s ease-in-out; visibility: hidden; background:#fff; border:1px solid #f2f2f2; padding:3px 25px; border-radius:5px; box-shadow:3px 3px 10px rgba(0, 0, 0, 0.15); z-index: 2; }
.top_quick .q_menu.on {max-height: 100dvh; overflow-y:auto; opacity:1; visibility: visible; position: fixed; bottom: 0;}
.top_quick .q_menu a {display:inline-block; border-bottom:1px solid #f2f2f2; width:100%; height:66px; vertical-align:middle; padding: 0px 5px 0px 61px; display: flex; align-items: center; font:400 15px/18px "Poppins", "Noto Sans KR",sans-serif; color:#333;}
.top_quick .q_menu a:hover {color:#079ddc;}
.top_quick .q_menu a:last-child {border-bottom:none;}
.top_quick .q_menu .q01 {background:url('/_img/web/mo/comn/quick_01.png') no-repeat left 14px top 50% / 33px;}
.top_quick .q_menu .q02 {background:url('/_img/web/mo/comn/quick_02.png') no-repeat left 12px top 50% / 37px;}
.top_quick .q_menu .q03 {background:url('/_img/web/mo/comn/quick_03.png') no-repeat left 10px top 50% / 41px;}
.top_quick .q_menu .q04 {background:url('/_img/web/mo/comn/quick_04.png') no-repeat left 13px top 50% / 38px;}
.top_quick .q_menu .q05 {background:url('/_img/web/mo/comn/quick_05.png') no-repeat left 13px top 50% / 30px;}
.top_quick .q_menu .q06 {background:url('/_img/web/mo/comn/quick_06.png') no-repeat left 13px top 50% / 32px;}
.top_quick .q_menu .q07 {background:url('/_img/web/mo/comn/quick_07.png') no-repeat left 13px top 50% / 35px;}
.top_quick .q_menu .q08 {background:url('/_img/web/mo/comn/quick_08.png') no-repeat left 13px top 50% / 30px;}
.top_quick .q_menu .q09 {background:url('/_img/web/mo/comn/quick_09.png') no-repeat left 14px top 50% / 26px;}
.top_quick .q_menu .q10 {background:url('/_img/web/mo/comn/m_quick_10.png') no-repeat left 14px top 50% / 32px;}
.top_quick .q_menu .q11 {background:url('/_img/web/mo/comn/m_quick_11.png') no-repeat left 14px top 50% / 32px;}
.top_quick .q_menu .q12 {background:url('/_img/web/mo/comn/quick_12.png') no-repeat left 11px top 50% / 38px;}
.top_quick .q_menu .q13 {background:url('/_img/web/mo/comn/quick_13.png') no-repeat left 11px top 50% / 38px;}
.top_quick .q_menu button.cls {background:url('/_img/web/mo/comn/quick_close.png') no-repeat 50% 50% / 10px; font-size:0; width:25px; height:25px; position:absolute; top:5px; left:5px; cursor:pointer;}
/* .top_quick .alltop {margin:0 0 0 12px; position: absolute; bottom: 0; left: 0; } */
.top_quick .alltop a {border:solid 1px #ddd; color:#222; background:#fff url('/_img/web/mo/comn/top.png') no-repeat 50% 50% / 15px; display:block; width:70px; height:70px; border-radius:50%; font:600 15px/17px "Poppins", "Noto Sans KR",sans-serif; text-align:center; padding-top:50px;}
ul.tab_menu.w100 {width:100% !important;}
ul.tab_menu {width: calc(100% - 50px); margin:0px auto 30px; display: flex; position:relative; overflow-x: auto; overflow-y: hidden;}
ul.tab_menu:before {content:""; position:absolute; bottom: 0px; left:0px; width: 100%; height:3px; box-sizing:border-box; background:#000; z-index: 3;}
ul.tab_menu li {display: flex; border:1px solid #ddd; border-left:none; background:#f1f1f1; position:relative; z-index: 2; align-items: center; justify-content: center; width:100%;}
ul.tab_menu li:first-child {border-left:1px solid #ddd;}
ul.tab_menu li a {display: flex; padding:20px 7px; text-align:center; font:400 16px/18px "Open Sans", "Noto Sans KR", sans-serif; color:#777; width: 100%; height: 100%; align-items: center; justify-content: center;}
ul.tab_menu li.on {background:#fff; z-index: 3;}
ul.tab_menu li.on a {font-weight:500; color:#000;}
ul.tab_menu li.on:before {content:""; position:absolute; top:-1px; left:-1px; z-index:-1; width: calc( 100% + 2px); height: calc(100% + 2px); border:3px solid #000; border-bottom:none; box-sizing:border-box;}
ul.tab_menu li.on:after {content:""; position:absolute; bottom: -2px; left: 2px; z-index: 4; width: calc(100% - 4px); height:4px; background:#fff;}
ul.tab_menu.t02 li {width:50%}
ul.tab_menu.t03 li {width:33%}
ul.tab_menu.t03 li:nth-child(2) {width:34%}
ul.tab_menu.t04 li {width:25%}
ul.tab_menu.t05 li {width:20%}
ul.tab_menu.t06 li {width:16.7%}
ul.tab_menu.lots li {min-width:55px;}
ul.tab_menu.lots li a {letter-spacing:-0.5px; word-break:break-all;}
/* stap */
ul.stab_menu {width:100%; margin:0px auto 40px; padding:0 25px; display:flex; overflow:hidden;}
ul.tab_menu + ul.stab_menu,
.pop_cont ul.stab_menu,
.s_cont ul.stab_menu {padding:0;}
ul.stab_menu li {width:100%; border:1px solid #ddd; border-bottom:2px solid #000; background:#f1f1f1; position:relative; z-index:2;}
ul.stab_menu li a {display:block; padding:15px 10px 17px 10px; text-align:center; font:400 17px/24px "Open Sans", "Noto Sans KR", sans-serif; color:#777;}
ul.stab_menu li.on {background:#fff;}
ul.stab_menu li.on a {font-weight:600; color:#000; padding:16px 10px 15px 10px;}
ul.stab_menu li.on:before {content:""; position:absolute; top:-1px; left:-1px; z-index:-1; width: calc( 100% + 2px); height:110%; border:2px solid #000; border-bottom:none; box-sizing:border-box;}
ul.stab_menu li.on:after {content:""; position:absolute; bottom:-2px; left:0px; z-index:-2; width:100%; height:3px; background:#fff;}
/* sub_menu */
ul.sub_menu {width:100%; padding:0 25px; margin:0px auto 50px; display:flex; overflow:hidden;}
ul.tab_menu + ul.sub_menu,
.pop_cont ul.sub_menu,
.s_cont ul.sub_menu {padding:0;}
ul.sub_menu.flex_wrap {flex-wrap:wrap;}
ul.sub_menu.flex_wrap li {width:20%;}
ul.sub_menu.flex_wrap li:nth-child(5n +1) {margin-left:0;}
ul.sub_menu.flex_wrap li:nth-child(n+6) {margin-top:-1px}
ul.sub_menu li {width:100%; position:relative; min-height:50px;}
ul.sub_menu li + li {margin-left:-1px;}
ul.sub_menu li a {display:flex; justify-content: center; align-items: center; height:100%;border:1px solid #ddd; padding:10px; text-align:center; font:400 15px/22px "Open Sans", "Noto Sans KR", sans-serif; color:#777; transition:.2s;}
ul.sub_menu li.on { z-index:2;}
ul.sub_menu li.on a {font-weight:600; color:#194894; border-color:#194894;}
ul.sub_menu li a:hover,
ul.sub_menu li a:focus {color:#194894}
/*에러페이지*/
.error {position:relative; width:95%; padding:3% 0 5%; margin:0 auto; background:#f3f3f3; border:1px solid #ddd; text-align:center; word-break:keep-all;}
.error .tit {font:500 20px/28px "Noto Sans KR", sans-serif;color:#333;}
.error .text {margin:10px 0 0 0; font:300 17px/20px "Noto Sans KR", sans-serif; color:#666;}
.error .img {width:100%;}
.error .img img {max-width:340px; background:url('/_img/web/pc/comn/error.png') no-repeat 50% 50%/100%; max-width:300px;}
.error .view_btn{margin:40px 0 0 0;}
.error a {box-sizing : border-box; min-width:250px; height:60px; padding:20px; display:inline-block; color:#fff; font:400 17px/18px "Noto Sans KR", sans-serif; background:#009bdf; transition: all 400ms; }
.error a:nth-child(2) {background-color:#888}
.error a:hover {background-color:#000;}
}
/*------------ mo ------------*/
@media only screen and (max-width: 639px) {
.mobile {display:block !important;}
.tablet {display:none}
.web {display:none}
/* GNB 본문바로가기 */
#quick_Index {height:0; z-index:1000000000;}
#quick_Index a {display: block; position: absolute; left: 0; top: -100px; width: 100%; height: 1px; text-align: center}
#quick_Index a:focus,#quick_Index a:active {position: absolute; top: 0; z-index: 120; height: 35px; padding: 5px 0; font-size: 14px; font-weight: 500; color: #fff; background: #079ddc;}
/* 헤더 */
#wrap {padding-top:90px}
#wrap.Main {padding-top:50px}
header {position:fixed; top:0; width:100%; z-index:50;}
.navi_wrap {position:fixed; top:50px; width:100%; z-index:49;}
#header {width:100%; background:#fff; border-bottom:1px solid #ddd;}
#header div.top_gnb_wrap {height:44px; border-bottom:1px solid #ddd; padding: 0 50px; width: 100%;}
#header div.top_gnb_wrap div.top_gnb {display:flex; justify-content: space-between; margin: 0 auto; max-width: 1300px;}
div.top_gnb div.sit_left {overflow:hidden;}
div.top_gnb div.sit_left p {float:left; display:inline-block; padding:9px 25px;}
div.top_gnb div.sit_left p.on {background:#1b4486; color:#fff; height: 44px;}
div.top_gnb div.sit_left p.on a {color:#fff;}
div.top_gnb div.sit_left p a {font:400 15px/20px "Poppins", "Noto Sans KR", sans-serif; color:#333;}
div.top_gnb div.sns_right {display:flex; justify-content: space-between; align-items:center;}
div.top_gnb div.sns_right p.login {}
div.top_gnb div.sns_right p.login a {position:relative; font:400 15px/20px "Poppins", "Noto Sans KR", sans-serif; color:#333; margin-right:30px;}
div.top_gnb div.sns_right p.login a::after {content:""; position:absolute; top:5px; right:-17px; width:1px; height:10px; background:#878787}
div.top_gnb div.sns_right p.login a.signup {background:url('/_img/web/pc/comn/signup.png') no-repeat 0% 50%; width:23px; height:19px; padding-left:30px;}
div.top_gnb div.sns_right p.login a.login {background:url('/_img/web/pc/comn/login.png') no-repeat 0% 50%; width:15px; height:18px; padding-left:22px;}
div.top_gnb div.sns_right p.login a:hover,
div.top_gnb div.sns_right p.login a:focus {color:#079ddc;}
div.top_gnb div.sns_right p.lang {border:none; background:url('/_img/web/pc/comn/lang.png') no-repeat 0% 50%;}
div.top_gnb div.sns_right p.lang select {border:none; padding:0px 20px 0px 4px; margin-left:18px; width:100%; height:100%; font:400 14px/20px "Poppins", "Noto Sans KR", sans-serif; color:#333; color:#666; background: url('/_img/web/pc/comn/navi_arr.png') no-repeat 68% 50%;}
div.top_gnb div.sns_right p.lang select option {font:400 14px/20px "Poppins", "Noto Sans KR", sans-serif; color:#333; }
header .head {width:100%; position:relative; padding:0 15px; height:50px; display:table;}
header .head h1 {display:table-cell; width: calc(100% - 125px); vertical-align:middle;}
header .head h1 a {display:block; font-size:0; height:44px; background:url('/_img/web/mo/comn/logo.png')no-repeat 0% 50% / 165px;}
header .head ul.h_menu {display:none;}
header .head div.hl_menu {display:table-cell; text-align:right; width:125px; vertical-align:middle;}
header .head div.hl_menu .lang {display:inline-block; vertical-align:middle;}
header .head div.hl_menu .lang a {font:500 14px/17px "Poppins", "Noto Sans KR", sans-serif; color:#222; position:relative;}
header .head div.hl_menu .search {display:inline-block; vertical-align:middle;}
header .head div.hl_menu .search > button {display:none;}
header .head div.hl_menu .search > a {display:block; cursor:pointer; font-size:0; border:none; width:19px; height:19px; background:url('/_img/web/mo/comn/h_search.png')no-repeat 50% 50% / 17px;}
header .head div.hl_menu .ham_full {display:inline-block; vertical-align:middle; margin:0 10px;}
header .head div.hl_menu .ham_full .ham button {display:block; border:none; cursor:pointer; background:transparent}
header .head div.hl_menu .ham_full .ham button span {display:block; width:18px; height:2px; background:#222; margin-bottom:4px;}
header .head div.hl_menu .ham_full .ham button span:last-child {margin-bottom:0px;}
div.h_search_box {display:none; position:absolute; top:90px; right:0; z-index:5; width:100%; height:160px; padding:37px 30px; background:#079ddc; text-align:left;}
div.h_search_box .box {max-width:1400px; padding:0 50px; margin:0 auto; position:relative;}
div.h_search_box .box p {width:450px; margin:15px auto 0; border-bottom:solid 2px #fff; padding:15px 0;}
div.h_search_box input {border:none; width:calc(100% - 40px); padding-right:15px; height:34px; font: 300 19px/24px "Poppins", "Noto Sans KR", sans-serif; color: #fff; background:transparent;}
div.h_search_box input::placeholder {color:#fff}
div.h_search_box button {display:inline-block; cursor:pointer; vertical-align:top; font-size:0; border:none; width:30px; height:30px; margin-left:10px;}
div.h_search_box button.search_go {background:url('/_img/web/pc/comn/h_search_go.png')no-repeat 50% 50%;}
div.h_search_box button.close {background:url('/_img/web/pc/comn/h_close.png')no-repeat 50% 50%; position:absolute; right:50px; top:-30px; transition:.5s;}
div.h_search_box button.close:hover {transform:rotate(180deg);}
#open_full_menu {display:none; position:fixed; top:0; left:0; z-index:15; width:100%; background:#fff; text-align:left; table-layout:fixed;}
#open_full_menu h2 {text-align:center; font: 600 20px/30px "Noto Sans KR", sans-serif; color:#1b4486; padding:20px 0;}
#open_full_menu p button {position:absolute; display:block; border:none; cursor:pointer; top:0px; right:0px; width:60px; height: 60px; padding:20px 0; background:#000 url('/_img/web/mo/comn/pop_close.png')no-repeat 50% 50% / 20px; font-size:0;}
#open_full_menu p button:focus{border:solid 3px #009bdf;}
#open_full_menu .fullbox {padding:0 0 80px 0;}
#open_full_menu .fullbox ul.menulist {width:100%; height:100%; padding:25px 15px; overflow-y:scroll;}
#open_full_menu .fullbox ul.menulist > li {margin-bottom:20px;}
#open_full_menu .fullbox ul.menulist > li .dep01 {width:100%; font:500 19px/30px "Poppins", "Noto Sans KR", sans-serif; color:#333; position:relative;}
#open_full_menu .fullbox ul.menulist > li .dep01 a {display:block; width:100%; font:500 17px/30px "Poppins", "Noto Sans KR", sans-serif; color:#222; position:relative;}
#open_full_menu .fullbox ul.menulist > li .dep01 a::after {position:absolute; right:6px; top:10px; content:''; width:26px; height:16px; /* transform:rotate(-90deg); */ background:url('/_img/web/mo/comn/navi_arr.png') no-repeat 50% 50%/14px; transition:all .2s;}
#open_full_menu .fullbox ul.menulist > li .dep01.on a::after{transform:rotate(180deg);}
#open_full_menu .fullbox ul.menulist > li ul.dep02 {width:100%; margin-top:15px; overflow:hidden; display:none;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li {}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p {}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a {display:block; font:500 16px/30px "Poppins", "Noto Sans KR", sans-serif; color:#555; transition:all .2s; position:relative; padding:7px 25px 7px 20px; border-radius:5px;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a::before {position:absolute; content:''; width:3px; height:3px; background:#555; left:12px; top:19px; border-radius:50%;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li.on > p a::before,
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a:hover::before ,
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a:focus::before {background:#fff}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li.on > p a,
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a:hover,
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a:focus {background:#079ee2; color:#fff;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a.more {background:url('/_img/web/mo/comn/sel_arr_b.png') no-repeat center right 12px/14px;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a.more:hover,
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > p a.more:focus {background:#079ee2 url('/_img/web/mo/comn/sel_arr_w.png') no-repeat center right 12px/14px;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li.on > p a.more {background:#079ee2 url('/_img/web/mo/comn/sel_arr_up.png') no-repeat center right 12px/14px;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > ul {width:100%; margin-bottom:15px; border-bottom:solid 2px #079ee2; padding-bottom:15px; display:none;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > ul li {margin-top:10px; padding-left:20px; position:relative;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > ul li::before {position:absolute; content:""; width:3px; height:3px; background:#ddd; left:10px; top:10px; border-radius:50%;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > ul li a {font:500 15px/24px "Poppins", "Noto Sans KR", sans-serif; color:#555; transition:all .2s;}
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > ul li a:hover,
#open_full_menu .fullbox ul.menulist > li ul.dep02 > li > ul li a:focus {color:#079ee2}
ul.menulist::-webkit-scrollbar {width:8px;}
ul.menulist::-webkit-scrollbar-track {background-color:#eee;}
ul.menulist::-webkit-scrollbar-thumb {background-color:#222; border-radius: 10px;}
ul.menulist::-webkit-scrollbar-thumb:hover {background: #222;}
/* 서브 네비게이션 */
div.navi_wrap {width:100%; border-bottom:1px solid #ddd; background:#fff;}
ul.navigation {display:table; table-layout: fixed; width:100%;}
ul.navigation > li {display:table-cell; width:calc(50% - 20px); height:40px; vertical-align:middle; position:relative; padding:0 10px; border-left:1px solid #ddd;}
ul.navigation > li:last-child {border-right:none;}
ul.navigation > li:nth-child(2) {display:none;}
ul.navigation > li:first-child {width:40px; text-align:center; border-left: none;}
ul.navigation > li > p {width:100%; cursor:pointer; padding-right:17px; font:500 14px/24px "Poppins", "Noto Sans KR", sans-serif; color:#333; background:url('/_img/web/mo/comn/navi_arr.png')no-repeat 100% 50% / 11px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
ul.navigation > li > ul {display:none; width:calc( 100% + 2px); position:absolute; top:40px; left:-1px; z-index:9; background:#fff; border:1px solid #ddd; border-bottom:0px; box-shadow:5px 5px 15px rgba(0, 0, 0, 0.1)}
ul.navigation > li > ul li {width:100%; border-bottom:1px solid #ddd;}
ul.navigation > li > ul li a {display:block; width:100%; padding:10px; font:400 14px/18px "Poppins", "Noto Sans KR", sans-serif; color:#333;}
ul.navigation > li > ul li a:hover,
ul.navigation > li > ul li a:focus {background:#079ddc; color:#fff}
ul.navigation > li > a {font-size:0; background:url('/_img/web/mo/comn/navi.png') no-repeat 50% 0% / 13px; width:13px; height:13px; vertical-align:middle; display:inline-block; }
/* 서브 h */
h2 {text-align:center; font:500 25px/31px "Noto Sans KR", sans-serif; color:#000; padding-bottom:30px;}
h3 {font:500 19px/25px "Poppins", "Noto Sans KR", sans-serif; color:#000; margin:50px 0 10px 0;}
h4 {position:relative;font:500 18px/25px "Poppins", "Noto Sans KR", sans-serif; color:#194894; padding-left:18px; margin:30px 0 8px 0px}
h4::before {position:absolute; content:""; width:6px; height:6px; background:#fff; border:3px solid #1b4486; top:7px; left:0; border-radius:50px; margin-top: -3px;}
#sub_content {width:100%; position:relative; padding-top:50px;}
#sub_content .s_cont {width:100%; padding:0 15px 110px 15px; margin: auto;}
#sub_content .s_cont + .s_cont {margin-top:-100px}
#sub_content .top0 {margin-top:0;}
#sub_content .top {margin-top:25px;}
/* 푸터 */
footer {width:100%;position:relative;}
footer .f_top {background:#097FAF; width:100%; text-align: center;}
footer .f_top .f_wrap {margin:0 auto;padding:10px 15px;}
footer .f_top .f_wrap p.f_menu {display: inline-block;}
footer .f_top .f_wrap p.f_menu a {display:inline-block; color:#fff;font: 400 15px/24px "Poppins", "Noto Sans KR", sans-serif;margin:0 10px;position:relative;}
footer .f_top .f_wrap p.f_menu a.prv {font-weight:500; color: #000;}
footer .f_site {position:absolute; z-index: 5; right: 50%; bottom:20px; margin-right: -100px; width:200px; text-align: left;}
footer .f_site p.cate {height: 40px;width: 220px; border: 1px solid #ccc; position: absolute; z-index: 5; right: 50%; bottom:20px; margin-right: -110px;}
footer .f_site p.cate select {border: none; padding: 0px 40px 0px 15px;margin:0;width:100%;height:100%;font: 400 15px/22px 'Noto Sans KR', sans-serif;color: #333;background: #fff url('/_img/web/mo/comn/f_arrow.png') no-repeat center right 15px / 13px;}
footer .f_site p.cate select option {font: 400 15px/26px 'Noto Sans KR', sans-serif;color: #333;}
footer .f_select {position:relative; cursor:pointer; text-align: left; height: 45px; padding: 0px 35px 0 20px; width:100%; border: 1px solid #ccc; font: 400 15px/22px "Poppins", "Noto Sans KR", sans-serif; background:#fff; color: #333; }
footer .f_select::after {position:absolute; content:''; width:20px; height:20px; background:url('/_img/web/mo/comn/f_arrow.png') no-repeat 50% 50%/13px; right:15px; top:50%; margin-top:-10px; transition:.2s;}
footer .f_select.active::after {transform:rotate(180deg);}
footer .f_site ul {display:none; background:#fff; border:solid 1px #ddd; border-bottom:none; position:absolute; z-index:5; bottom:100%; width:100%; right:0;}
footer .f_site ul > li + li {border-top:solid 1px #ccc;}
footer .f_site ul > li a {font: 400 15px/22px "Poppins", "Noto Sans KR", sans-serif; color: #333; padding:10px 20px; display:block; }
footer .f_bottom {margin:0 auto; display: flex;flex-direction: column;align-items: center;justify-content: space-between; padding: 15px 15px 80px;}
footer .f_bottom .f_left {}
footer .f_bottom .f_left p {font: 400 14px/24px "Open Sans", "Noto Sans KR", sans-serif;color:#666;text-align: center; word-break: keep-all;}
footer .f_bottom .f_left p span {display:inline-block; padding-left:10px; margin-left:10px; position:relative;}
footer .f_bottom .f_left p span:last-child {margin-right:0; padding-right:0;}
footer .f_bottom .f_left p span::before {position:absolute; content:''; width:1px; height:10px; background:#ddd; top:50%; margin-top:-5px; left:0; }
footer .f_bottom .f_left p span:last-child::after {display:none;}
footer .f_bottom .f_left p.copy {color:#888;}
footer .f_bottom .f_right {display: flex; justify-content: flex-end; align-items: center; margin-top:15px;}
footer .f_bottom .f_right p.f_sns {;}
footer .f_bottom .f_right p.f_sns a {display:inline-block;width: 35px;height: 35px;margin-right:5px;border-radius:40px;font-size:0px;vertical-align:middle;}
footer .f_bottom .f_right p.f_sns a.face {background: #757575 url('/_img/web/mo/comn/f_face.png')no-repeat 51% 50% / 8px;}
footer .f_bottom .f_right p.f_sns a.yout {background: #757575 url('/_img/web/mo/comn/f_yout.png')no-repeat 50% 50% / 19px;}
footer .f_bottom .f_right p.f_sns a.blog {background: #757575 url('/_img/web/mo/comn/f_blog.png')no-repeat 55% 50% / 12px;}
footer .f_bottom .f_right p.f_sns a.inst {background: #757575 url('/_img/web/mo/comn/f_inst.png')no-repeat 50% 50% / 20px;}
footer .f_bottom .f_right p.f_sns a.face:hover,
footer .f_bottom .f_right p.f_sns a.face:focus {background:#445e99 url('/_img/web/mo/comn/f_face.png')no-repeat 51% 50% / 8px;}
footer .f_bottom .f_right p.f_sns a.yout:hover,
footer .f_bottom .f_right p.f_sns a.yout:focus {background:#ed3023 url('/_img/web/mo/comn/f_yout.png')no-repeat 50% 50% / 19px;}
footer .f_bottom .f_right p.f_sns a.blog:hover,
footer .f_bottom .f_right p.f_sns a.blog:focus {background:#00c73c url('/_img/web/mo/comn/f_blog.png')no-repeat 55% 50% / 12px;}
footer .f_bottom .f_right p.f_sns a.inst:hover,
footer .f_bottom .f_right p.f_sns a.inst:focus {background:#e62b85 url('/_img/web/mo/comn/f_inst.png')no-repeat 50% 50% / 20px;}
footer .f_bottom .f_right p.wa {margin-left: 25px}
footer .f_bottom .f_right p.wa a {text-indent: -99999px;display:inline-block;width:85px;height:56px;background: url('/_img/web/mo/comn/wa_mark01.png') no-repeat 50% 50% / 90%;}
/* sns 공유 */
div.sns_wrap {width:100%; padding:0 15px; position:relative; margin: 0 auto;}
div.sns_wrap div.sns_share {display:flex; justify-content: flex-end; width:280px; position:absolute; z-index:20; margin-top:10px; right:15px;}
.sns_share > button {display:inline-block; font-size:0; width:35px; height:35px; background:url('/_img/web/mo/comn/shareM.png') no-repeat 50% 50% / 34px; transition:0.3s; cursor:pointer;}
.sns_share > button:hover,
.sns_share > button.on {background:url('/_img/web/mo/comn/shareM_on.png') no-repeat 50% 50% / 34px;}
span.hover_tip {display:none; position:absolute; z-index:2; bottom:-40px; right:0; background:#333; padding:4px 10px; border-radius:100px; opacity:0.8; color:#fff; font:300 13px/20px 'Noto Sans KR','맑은 고딕', sans-serif; transition:all 0.3s;}
span.hover_tip::after {position:absolute; z-index:1; content:''; top:-6px; right:13px; width: 0px; height: 0px; border-top:10px solid none; border-bottom:6px solid #333; border-right:5px solid transparent; border-left:5px solid transparent;}
.sh_sns {display:flex; justify-content:flex-end; position:absolute; z-index:-2; visibility:hidden; opacity:0; transition:all .5s; top:0px; width:240px; height:35px; right:38px;}
.sh_sns.on {visibility:visible; opacity:1; }
.sh_sns a {font-size:0; display:inline-block; width:36px; height:36px; margin-left:4px; font-size: 0; margin-right:2px;}
.sh_sns a.yout {background:url('/_img/web/mo/comn/youtM.png') no-repeat 50% 50% / 34px;}
.sh_sns a.face {background:url('/_img/web/mo/comn/faceM.png') no-repeat 50% 50% / 34px;}
.sh_sns a.blog {background:url('/_img/web/mo/comn/blogM.png') no-repeat 50% 50% / 34px;}
.sh_sns a.inst {background:url('/_img/web/mo/comn/instM.png') no-repeat 50% 50% / 34px;}
.sh_sns a.link {background:url('/_img/web/mo/comn/linkM.png') no-repeat 50% 50% / 34px;}
.sh_sns a.twit {background:url('/_img/web/mo/comn/twitter.png') no-repeat 50% 50% / 34px;}
/* top_quick */
.top_quick {position:fixed; right:15px; bottom:20px; z-index:99; display: flex; flex-direction: column; align-items: center;}
.top_quick .quick_btn {position:relative; transition: .3s; z-index: 1; margin-bottom:5px;}
.top_quick .quick_btn.move {transform: translate(0px, -65px);}
.top_quick .quick_btn a.share {background:#1b4486; border:solid 1px #1b4486; color:#fff; display:block; width:80px; height:80px; border-radius:50%; font:500 14px/17px "Poppins", "Noto Sans KR",sans-serif; text-align:center; padding-top:26px; box-shadow:2px 2px 8px rgba(0, 0, 0, 0.25)}
.top_quick .quick_btn.on a.share {border:solid 1px #1b4486; color:#fff;}
.top_quick .q_menu {position:fixed; width:240px; right: 0; bottom: -5%; opacity:0; transition: all .3s ease-in-out; visibility: hidden; background:#fff; border:1px solid #f2f2f2; padding:3px 15px; border-radius:5px; box-shadow:3px 3px 10px rgba(0, 0, 0, 0.15); z-index: 2; }
.top_quick .q_menu.on {max-height: 100dvh; overflow-y:auto; opacity:1; visibility: visible; position: fixed; bottom: 0;}
.top_quick .q_menu a {display:inline-block; border-bottom:1px solid #f2f2f2; width:100%; height:58px; vertical-align:middle; padding: 0px 5px 0px 55px; display: flex; align-items: center; font:400 14px/17px "Poppins", "Noto Sans KR",sans-serif; color:#333;}
.top_quick .q_menu a:hover {color:#079ddc;}
.top_quick .q_menu a:last-child {border-bottom:none;}
.top_quick .q_menu .q01 {background:url('/_img/web/mo/comn/quick_01.png') no-repeat left 17px top 50% / 27px;}
.top_quick .q_menu .q02 {background:url('/_img/web/mo/comn/quick_02.png') no-repeat left 14px top 50% / 31px;}
.top_quick .q_menu .q03 {background:url('/_img/web/mo/comn/quick_03.png') no-repeat left 12px top 50% / 32px;}
.top_quick .q_menu .q04 {background:url('/_img/web/mo/comn/quick_04.png') no-repeat left 15px top 50% / 29px;}
.top_quick .q_menu .q05 {background:url('/_img/web/mo/comn/quick_05.png') no-repeat left 15px top 50% / 25px;}
.top_quick .q_menu .q06 {background:url('/_img/web/mo/comn/quick_06.png') no-repeat left 15px top 50% / 27px;}
.top_quick .q_menu .q07 {background:url('/_img/web/mo/comn/quick_07.png') no-repeat left 15px top 50% / 28px;}
.top_quick .q_menu .q08 {background:url('/_img/web/mo/comn/quick_08.png') no-repeat left 15px top 50% / 25px;}
.top_quick .q_menu .q09 {background:url('/_img/web/mo/comn/quick_09.png') no-repeat left 16px top 50% / 23px;}
.top_quick .q_menu .q10 {background:url('/_img/web/mo/comn/m_quick_10.png') no-repeat left 16px top 50% / 26px;}
.top_quick .q_menu .q11 {background:url('/_img/web/mo/comn/m_quick_11.png') no-repeat left 16px top 50% / 26px;}
.top_quick .q_menu .q12 {background:url('/_img/web/mo/comn/quick_12.png') no-repeat left 13px top 50% / 31px;}
.top_quick .q_menu .q13 {background:url('/_img/web/mo/comn/quick_13.png') no-repeat left 13px top 50% / 31px;}
.top_quick .q_menu button.cls {background:url('/_img/web/mo/comn/quick_close.png') no-repeat 50% 50% / 11px; font-size:0; width:25px; height:25px; position:absolute; top:5px; left:5px; cursor:pointer;}
/* .top_quick .alltop {margin:0 0 0 12px; position: absolute; bottom: 0; left: 0; } */
.top_quick .alltop a {border:solid 1px #ddd; color:#222; background:#fff url('/_img/web/mo/comn/top.png') no-repeat 50% 50% / 15px; display:block; width:55px; height:55px; border-radius:50%; font:600 12px/17px "Poppins", "Noto Sans KR",sans-serif; text-align:center; padding-top:50px;}
/* tab */
ul.tab_menu.w100 {width:100% !important;}
ul.tab_menu {width:calc(100% - 30px); margin:0 auto 20px; display:flex; flex-wrap: wrap;}
ul.tab_menu li {background:#f5f5f5; width:50%; position:relative; z-index:2;}
ul.tab_menu li a {display:flex; justify-content: center; align-items:center; height:100%; border:1px solid #ddd; padding:13px 5px; border-top:none; border-right:none; text-align:center; font:400 15px/18px "Open Sans", "Noto Sans KR", sans-serif; color:#777; word-break: keep-all;}
ul.tab_menu li:nth-child(even) a {border-right:1px solid #ddd;}
ul.tab_menu li:nth-child(-n+2) a {border-top:1px solid #ddd}
ul.tab_menu li:last-child a {border-right:1px solid #ddd;}
ul.tab_menu li.on {background:#fff;}
ul.tab_menu li.on a {font-weight:600; color:#000; border-bottom:none;}
ul.tab_menu li.on:after {content:""; position:absolute; top:-1px; left:0px; width:100%; height:calc(100% + 1px); box-sizing:border-box; border:1px solid #000}
ul.tab_menu li:nth-child(-n+2).on:after {top:0px; height:100%;}
/* stap */
ul.stab_menu {width:calc(100% - 30px); margin:0 auto 20px; display:flex; flex-wrap: wrap;}
ul.tab_menu + ul.stab_menu,
.pop_cont ul.stab_menu,
.s_cont ul.stab_menu {width:100%;}
ul.stab_menu li {background:#f5f5f5; width:50%; position:relative; z-index:2;}
ul.stab_menu li a {display:flex; justify-content: center; align-items:center; height:100%; border:1px solid #ddd; padding:13px 5px; border-top:none; border-right:none; text-align:center; font:400 15px/18px "Open Sans", "Noto Sans KR", sans-serif; color:#777; word-break: keep-all;}
ul.stab_menu li:nth-child(even) a {border-right:1px solid #ddd;}
ul.stab_menu li:nth-child(-n+2) a {border-top:1px solid #ddd}
ul.stab_menu li:last-child a {border-right:1px solid #ddd;}
ul.stab_menu li.on {background:#fff;}
ul.stab_menu li.on a {font-weight:600; color:#000; border-bottom:none;}
ul.stab_menu li.on:after {content:""; position:absolute; top:-1px; left:0px; width:100%; height:calc(100% + 1px); box-sizing:border-box; border:1px solid #000}
ul.stab_menu li:nth-child(-n+2).on:after {top:0px; height:100%;}
/* sub_menu */
ul.sub_menu {width:calc(100% - 30px); margin:0px auto 30px; display:flex; flex-wrap: wrap;}
ul.tab_menu + ul.sub_menu,
.pop_cont ul.sub_menu,
.s_cont ul.sub_menu {width:100%;}
ul.sub_menu li {width:50%; position:relative; }
ul.sub_menu li:nth-child(2n) {margin-left:-1px;}
ul.sub_menu li:nth-child(n + 3) {margin-top:-1px;}
ul.sub_menu li a {display:flex; justify-content: center; align-items: center; height:100%;border:1px solid #ddd; padding:10px 5px; text-align:center; font:400 14px/20px "Open Sans", "Noto Sans KR", sans-serif; color:#777; transition:.2s;}
ul.sub_menu li.on {z-index:2;}
ul.sub_menu li.on a {font-weight:600; color:#194894; border-color:#194894;}
ul.sub_menu li a:hover,
ul.sub_menu li a:focus {color:#194894}
/*에러페이지*/
.error {position:relative; width:95%; padding:3% 15px 10%; margin:0 auto; background:#f3f3f3; border:1px solid #ddd; text-align:center; word-break:keep-all;}
.error .tit {font:500 17px/24px "Noto Sans KR", sans-serif;color:#333;}
.error .text {margin:10px 0 0 0; font:300 15px/20px "Noto Sans KR", sans-serif; color:#666;}
.error .img {width:100%; text-align:center;}
.error .img img {background:url('/_img/web/pc/comn/error.png') no-repeat 50% 50%/100%; max-width:200px;}
.error .view_btn{margin:20px 0 0 0;}
.error .view_btn{display:flex; justify-content: space-between;}
.error a {width:49%; box-sizing : border-box; padding:15px; display:inline-block; color:#fff; font:400 15px/18px "Noto Sans KR", sans-serif; background:#009bdf }
.error a:nth-child(2) {background-color:#888}
}