@charset "utf-8";
/* css setting start */
.sec-wrap,
.sec-header,
.sec-content,
.sec-footer {position:relative;width:100%;margin:0;padding:0;box-sizing:border-box;}

/* ===== COMMON ===== */
.wrap { overflow:hidden;}
.hide { position: absolute; left:-30000%; font-size:0; line-height:0;}

.clearfix {*zoom:1;}
.clearfix:after { content:""; display:block; clear:both; }

.fl { float:left !important;}
.fr { float:right !important;}

.ta-c { text-align:center !important;}
.ta-l { text-align:left !important;}
.ta-r { text-align:right !important;}

.maxinner { margin:0 auto; max-width:1280px; width:100%;}

#skip-contents a { position:absolute; top:0; left:0; z-index:100000; width:0px; height:0px; font-size:0; line-height:0; overflow:hidden;}
#skip-contents a:focus,
#skip-contents a:active {width:100%; height:70px; background:#21272e; font-size:2rem; color:#fff; line-height:70px; font-weight:bold; text-align:center; text-decoration:none;}

.scrollzone { overflow-y:scroll; height:100%; -ms-overflow-style: none; scrollbar-width: none; scroll-behavior: smooth;}
.scrollzone::-webkit-scrollbar { display: none;}

.f-blue { color:#1773d2 !important;}

body{ -ms-overflow-style: none; scrollbar-width: none; scroll-behavior: smooth;} 
body::-webkit-scrollbar { display: none;}



/* ===== BTN STYLE ===== */
.btnset { overflow: visible; display: inline-block !important; outline: none !important; cursor: pointer !important; text-align: center !important; text-decoration: none !important; vertical-align: middle !important; border: 0;
    -webkit-box-sizing: border-box; box-sizing: border-box;
    -webkit-transition: all 0.3s; transition: all 0.3s;
}
.btn-top { width:55px; height:55px; border-radius:50%; background:#f67f17 url(/images/bu/bu-top.png) no-repeat center;}
.btn-top:hover { background-color:#1773d2;}
.btn-more { width:30px; height:30px; background:url(/images/ico/ico-more.png) no-repeat center;}

.btn-viewmore { overflow: hidden; position: relative; width:200px; height:48px; border-radius: 50px; background:#f67f17; border:2px solid #f67f17;}
.btn-viewmore span { font-size:1.4rem; color:#fff; line-height:46px; font-family:'Gmarket Sans','Noto Sans KR',sans-serif; font-weight:700 !important; vertical-align:baseline;}

.btn-viewmore:hover { background:rgba(255,255,255,0.8) !important;}
.btn-viewmore:hover span { color:#f67f17;}

.btn-viewmore.blue { background-color:#0b539e; border-color:#0b539e;}
.btn-viewmore.blue:hover span { color:#0b539e;}

.btn-viewmore.skyblue { background-color:#1773d2; border-color:#1773d2;}
.btn-viewmore.skyblue:hover span { color:#1773d2;}

.btn-viewmore.lightgray { background-color:#aaa; border-color:#aaa;}
.btn-viewmore.lightgray:hover span { color:#aaa;}

.btn-viewmore.darkgray { background-color:#4f4f4f; border-color:#4f4f4f;}
.btn-viewmore.darkgray:hover span { color:#4f4f4f;}

.btn-submit02 { overflow: hidden; position: relative; width:200px; height:48px; border-radius: 50px; background:#1773d2; border:2px solid #1773d2;}
.btn-submit02 span { font-size:1.4rem; color:#fff; line-height:3.143em; font-weight:700; vertical-align:baseline;}

.btn-submit02:hover { background-color:#4f4f4f; border-color:#4f4f4f;}
.btn-submit02:hover span { color:#fff;}



/* ===== TABLE STYLE ===== */
.tbstyle01 table { width:100%; border-spacing:0; border-collapse:collapse; font-size:1.4rem; letter-spacing:-1px; }
.tbstyle01 table thead th {font-weight:500; background:#f5f5f5; padding:1.071em 0.714em; border-top:1px solid #000; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;}
.tbstyle01 table thead th:last-child {border-right:0;}
.tbstyle01 table tbody th,
.tbstyle01 table tbody td {text-align:center; padding:1.071em 0.714em; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; color:#1a1a1a;}
.tbstyle01 table tbody td:last-child {border-right:0;}

.tbstyle02 table { width:100%; border-spacing:0; border-collapse:collapse; font-size:1.4rem; letter-spacing:-1px; }
.tbstyle02 table tbody th {font-weight:500; background:#f5f5f5; padding:1.071em 0.714em; border-top:1px solid #000; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;}
.tbstyle02 table tbody td {text-align:center; padding:1.071em 0.714em; border-top:1px solid #000;  border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; color:#1a1a1a;}
.tbstyle02 table tbody td:last-child {border-right:0;}





/*========== HEADER ==========*/
.header { display:flex; justify-content:center; align-items:center; position:fixed; left:0; top:0; z-index:5000; width:100%; height:9.5em; background:#fff;}
.header h1 { position:absolute; left:5%; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.header h1 a { display:block;}
.header h1 img { display:block;}

.header .hd-allmenu { display:none;}

.header .gnb-wrap .gnb { display:flex;}
.header .gnb-wrap .gnb > li { position:relative; margin:0 2.5em;}
.header .gnb-wrap .gnb > li:after { content:""; position:absolute; left:-2.65em; top:10px; width:3px; height:3px; border-radius:50%; background:#c7c7c7;}
.header .gnb-wrap .gnb > li:first-child:after { display:none;}
.header .gnb-wrap .gnb > li > a { display:block; font-size:1.9rem; color:#000; font-weight:500; letter-spacing:-0.026em;}

.header .gnb-all-wrap .gnb-all { display:none; position:absolute; left:0; top:9.5em; z-index:5000; width:100%; border-top:1px solid #dddddd; background:#fff; -webkit-box-shadow:0px 5px 10px -8px rgba(97,97,97,0.3); box-shadow:0px 5px 10px -8px rgba(97,97,97,0.3);}
.header .gnb-all-wrap .gnb-all .inner { display:flex; margin:0 auto; max-width:1280px; border-right:1px solid #ddd;}
.header .gnb-all-wrap .gnb-all .gnb-all-list { padding:3em 2.5em; flex:1; min-height:300px; border-left:1px solid #ddd;}
.header .gnb-all-wrap .gnb-all .gnb-all-list strong { display:block; position:relative; margin-bottom:0.625em; font-size:1.6rem;; color:#000; line-height:1.875em; letter-spacing:-0.031em; font-weight:500;}
.header .gnb-all-wrap .gnb-all .gnb-all-list strong i { opacity:0; display:inline-block; margin-left:3px; margin-top:-3px; width:16px; height:16px; border-radius:50%; background:#f67f17; color:#fff; vertical-align:middle;}
.header .gnb-all-wrap .gnb-all .gnb-all-list .depth li { position:relative; padding-left:1em;}
.header .gnb-all-wrap .gnb-all .gnb-all-list .depth li:after { content:""; position:absolute; left:0; top:14px; width:2px; height:2px; border-radius:50%; background:#666;}
.header .gnb-all-wrap .gnb-all .gnb-all-list .depth li a { position:relative; padding-bottom:0.2em; font-size:1.4rem; color:#666666; line-height:2em; letter-spacing:-0.033em; font-weight:400;}
.header .gnb-all-wrap .gnb-all .gnb-all-list .depth li a:after { content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:#666;}

.header .gnb-all-wrap .gnb-all .gnb-all-list:hover strong { color:#f67f17;}
.header .gnb-all-wrap .gnb-all .gnb-all-list:hover strong i { opacity:1; -webkit-transition:transform 0.4s; transition:transform 0.4s; -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.header .gnb-all-wrap .gnb-all .gnb-all-list .depth li a:hover:after { width:100%; -webkit-transition:all 0.3s; transition:all 0.3s;}

.header .gnb-all-wrap .hd-info { position:absolute; right:5%; top:0; height:100%;}
.header .gnb-all-wrap .hd-info > ul { display:flex; justify-content:center; align-items:center; height:100%;}
.header .gnb-all-wrap .hd-info > ul > li { position:relative; margin-left:2.2em; vertical-align:baseline;}
.header .gnb-all-wrap .hd-info > ul > li:after { content:""; position:absolute; left:-11.5px; top:5px; width:1px; height:12px; background:#dbdbdb;}
.header .gnb-all-wrap .hd-info > ul > li:first-child { margin-left:0;}
.header .gnb-all-wrap .hd-info > ul > li:first-child:after { display:none;}
.header .gnb-all-wrap .hd-info > ul > li > a { display:block; font-size:1.4rem; color:#767676; font-weight:500; letter-spacing:-0.036em;}

.header.fix { -webkit-box-shadow:0px 5px 10px -8px rgba(97,97,97,0.3); box-shadow:0px 5px 10px -8px rgba(97,97,97,0.3);}
.header.open { box-shadow:none !important;}





/*========== MAIN ==========*/
.main .sec-centent { padding-top:9.5em;}

.main-tit { overflow:hidden; text-align:center;}
.main-tit h2 { position:relative; padding-top:0.625em; font-size:3.2rem; color:#2e2e2e; font-family:'Gmarket Sans',sans-serif; font-weight:500;}
.main-tit h2 span { position:absolute; left:50%; top:0; font-size:1.4rem; color:#ed6d00; font-family:'Gmarket Sans',sans-serif; font-weight:500; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.main-tit p { font-size:1.8rem; color:#616161; letter-spacing:-0.028em;}

.m-date { position:relative; padding-left:1.5em; font-size:1.2rem; color:#666; font-family:'Gmarket Sans',sans-serif; font-weight:300; line-height:1.167em;}
.m-date img { position:absolute; left:0; top:0;}





/*========== MAIN VISUAL ==========*/
.main-visual .visual-slider .swiper-slide { overflow:hidden; display:flex !important; justify-content:center; align-items:center; height:calc(100vh - 9.5em);}
.main-visual .visual-slider .swiper-slide .bg { position:absolute; left:0; top:0; width:100%; height:100%; backround-repeat:no-repeat; background-size:cover; background-position:center center;}
.main-visual .visual-slider .swiper-slide .txtbox { position:relative; z-index:10; margin-top:-60px; text-align:center;}
.main-visual .visual-slider .swiper-slide .txtbox > div { overflow:hidden;}
.main-visual .visual-slider .swiper-slide .txtbox h2 { font-size:5.5rem; color:#fff; line-height:1.364em; letter-spacing:-0.005em; font-family:'Gmarket Sans',sans-serif; font-weight:500;}
.main-visual .visual-slider .swiper-slide .txtbox p { margin-top:0.833em; font-size:2.4rem; color:#fff; line-height:1.583em; letter-spacing:-0.021em; font-weight:300;}
.main-visual .visual-slider .swiper-pagination { bottom:auto; top:50%; margin-top:90px; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.main-visual .visual-slider .swiper-pagination .swiper-pagination-bullet { opacity:1; margin:0 8px; background:#fff; -webkit-transition:all 0.3s; transition:all 0.3s;}
.main-visual .visual-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width:32px; border-radius:5px; background:#ed6d00;}

.main-visual .visual-slider .swiper-slide .txtbox h2 { -webkit-transform:translateY(100px); transform:translateY(100px);}
.main-visual .visual-slider .swiper-slide .txtbox p { -webkit-transform:translateY(100px); transform:translateY(100px);}
.main-visual .visual-slider .swiper-slide.swiper-slide-active .txtbox h2 { -webkit-animation:slideUp 0.9s ease forwards; animation:slideUp 0.9s ease forwards;}
.main-visual .visual-slider .swiper-slide.swiper-slide-active .txtbox p { -wbkit-animation:slideUp 0.9s ease 0.4s forwards; animation:slideUp 0.9s ease 0.4s forwards;}
.main-visual .visual-slider .swiper-slide.swiper-slide-active .bg { -webkit-animation: bgMove 5s ease forwards; animation: bgMove 5s ease forwards;}





/*========== MAIN TOURIST ==========*/
.main-tourist { padding:11em 0 12.5em; background:url(/images/main/bg-tourist.jpg) no-repeat center; background-size:cover; text-align:center;}
.main-tourist .maxinner { max-width:1310px;}
.main-tourist .tour-slider { margin-top:7em; padding-bottom:6.3em;}
.main-tourist .tour-slider .slick-track { display:flex; justify-content:center; align-items:center; margin:0 auto; min-height:380px;}
.main-tourist .tour-slider .slick-track .slick-slide { float:none;}
.main-tourist .tour-slider .slick-track .slick-slide * { -webkit-transition:all 0.2s; transition:all 0.2s;}
.main-tourist .tour-slider .slick-track .slick-slide .slide { display:block !important;}
.main-tourist .tour-slider .slick-prev { position:absolute; left:50%; bottom:0; margin-left:-50px; border-radius:50%; width:43px; height:43px; background:#94887a url(/images/bu/bu-arrow-left.png) no-repeat center; vertical-align:middle; font-size:0; line-height:0; text-indent:-9999px;}
.main-tourist .tour-slider .slick-next { position:absolute; right:50%; bottom:0; margin-right:-50px; border-radius:50%; width:43px; height:43px; background:#94887a url(/images/bu/bu-arrow-right.png) no-repeat center; vertical-align:middle; font-size:0; line-height:0; text-indent:-9999px;}
.main-tourist .tour-slider .slick-prev:hover,
.main-tourist .tour-slider .slick-next:hover { background-color:#ed6d00;}

.main-tourist .tour-slider .conbox { display:block; position:relative; margin:0 10px; -webkit-box-shadow:3px 3px 5px rgba(97,97,97,0.1); box-shadow:3px 3px 5px rgba(97,97,97,0.1);}
.main-tourist .tour-slider .conbox:after { opacity:0; content:""; position:absolute; left:0; top:0; right:0; bottom:0; z-index:10; border:3px solid #ed6d00; -webkit-transition:all 0.2s; transition:all 0.2s;}
.main-tourist .tour-slider .conbox:hover:after { opacity:1;}

.main-tourist .tour-slider .imgbox { position:relative; padding-bottom:66%; height:0; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.main-tourist .tour-slider .imgbox img { position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

.main-tourist .tour-slider .txtbox { padding:2em; background:#fff; text-align:left;}
.main-tourist .tour-slider .txtbox h3 { overflow: hidden; height:2.571em; font-size:1.6rem; color:#363636; line-height:1.286em; letter-spacing:-0.036em; font-weight:500; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main-tourist .tour-slider .txtbox p { overflow: hidden; margin-top:0.667em; height:3em; font-size:1.4rem; color:#666666; line-height:1.5em; letter-spacing:-0.042em; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.main-tourist .tour-slider .infobox { display:flex; justify-content:space-between; align-items:center; padding:1em 2em 2em; background:#fff; text-align:left;}
.main-tourist .tour-slider .infobox .m-cate { font-size:1.2rem; color:#ed6d00; font-weight:500;}

.main-tourist .tour-slider .slick-slide .conbox:hover { margin:0;}
.main-tourist .tour-slider .slick-slide .conbox:hover .txtbox h3 { font-size:1.8rem;}
.main-tourist .tour-slider .slick-slide .conbox:hover .txtbox p { font-size:1.6rem;}
.main-tourist .tour-slider .slick-slide .conbox:hover .infobox { padding-top:1.5em;}





/*========== MAIN PRESS ==========*/
.main-press { padding:12em 0;}
.main-press .press-box { display:flex; justify-content:space-between; margin-top:5em;}
.main-press .press-box > * { flex:1; margin-left:30px;}
.main-press .press-box > *:first-child { flex:1; margin-left:0;}

.main-press .press-box .half-box { display:flex; flex-direction:column; justify-content:space-between; width:28%;}
.main-press .press-box .half-box > a { display:block; position:relative; padding:4em 2.3em 7em; margin-top:3em; flex:1; background:#f7f7f7;}
.main-press .press-box .half-box > a:first-child { margin-top:0;}
.main-press .press-box .half-box .box-top { display:flex; justify-content:space-between; align-items:center;}
.main-press .press-box .half-box .box-thumb { overflow:hidden; position:relative; width:9.5em; height:9.5em; border-radius:50%; background-size:cover; background-repeat:no-repeat; background-position:center center; border:1px solid #eee;}
.main-press .press-box .half-box .box-thumb img { position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); max-width:300px;}
.main-press .press-box .half-box .box-info { width:calc(100% - 120px);}
.main-press .press-box .half-box .box-btm { display:flex; justify-content:space-between; align-items:flex-end; position:absolute; left:0; bottom:2em; padding:0 2.3em; width:100%;}
.main-press .press-box .half-box .box-btm .m-date { font-size:1.4rem;}

.main-press .box-info h3 { overflow: hidden; font-size:1.8rem; color:#363636; letter-spacing:-0.5px; font-weight:500; white-space: nowrap; text-overflow: ellipsis;}
.main-press .box-info p { overflow: hidden; margin-top:0.533em; height:3.066em; font-size:1.5rem; color:#666; line-height:1.533em; letter-spacing:-0.028em; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.main-press .btnwrap { margin-top:6em; text-align:center;}

.main-press .press-box .one-box { width:39%;}
.main-press .press-box .one-box a { display:block; position:relative; padding:2.7em; height:100%; border:1px solid #ddd;}
.main-press .press-box .one-box a .box-thumb { padding-bottom:57%; height:0; background-repeat:no-repeat; background-position:center center; background-size:cover; border:1px solid #eee;}
.main-press .press-box .one-box .box-info { margin-top:3em;}
.main-press .press-box .one-box .box-btm { display:flex; justify-content:space-between; align-items:flex-end; margin-top:3.5em;}

.main-press .press-box a > * { position:relative; z-index:10;}
.main-press .press-box a:after { opacity:0; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; -webkit-transition:all 0.3s; transition:all 0.3s;}
.main-press .press-box a:before { opacity:0; content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; border:1px solid #ed6d00; -webkit-transition:all 0.3s; transition:all 0.3s;}
.main-press .press-box a:hover:after { opacity:1;}
.main-press .press-box a:hover:before { opacity:1;}
.main-press .press-box a:hover .btn-more { -webkit-transform:rotate(90deg); transform:rotate(90deg); background-image:url(/images/ico/ico-more-black.png);}




/*========== MAIN QUICK ==========*/
.main-quick { display:flex; text-align:center;}
.main-quick > * { overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:center; flex:1; height:500px;}
.main-quick > * > * { position:relative; z-index:10;}
.main-quick .left { position:relative;}
.main-quick .left:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/main/bg-quick01.jpg) no-repeat center; background-size:cover; -webkit-transition: all 0.7s; transition: all 0.7s;}
.main-quick .right { position:relative;}
.main-quick .right:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/main/bg-quick02.jpg) no-repeat center; background-size:cover; -webkit-transition: all 0.7s; transition: all 0.7s;}
.main-quick h2 { position:relative; padding-bottom:0.647em; margin-bottom:0.647em; font-size:3.4rem; color:#fff; letter-spacing:-0.012em; font-family:'Gmarket Sans',sans-serif; font-weight:500;}
.main-quick h2:after { content:""; position:absolute; left:50%; bottom:0; width:38px; height:1px; background:#fff; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.main-quick p { margin-bottom:2.765em; font-size:1.7rem; color:#fff; line-height:1.647em; letter-spacing:-0.029em; font-weight:300;}
.main-quick .left:hover:after { -webkit-transform:scale(1.1); transform:scale(1.1);}
.main-quick .right:hover:after { -webkit-transform:scale(1.1); transform:scale(1.1);}





/*========== MAIN BOARD ==========*/
.main-board  { padding:10em 0;}
.main-board .maxinner { position:relative;}
.main-board .tablist { position:absolute; left:0; top:0; z-index:10; width:165px;}
.main-board .tablist li span { display:block; position:relative; font-size:2.4rem; color:#2e2e2e; font-family:'Gmarket Sans',sans-serif; font-weight:500; line-height:2.292em; cursor:pointer;}
.main-board .tablist li span:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#dadada; -webkit-transition:all 0.3s; transition:all 0.3s;}
.main-board .tablist li span i { opacity:0; position:absolute; right:0; top:12px; width:28px; height:28px; border-radius:50%; background:#0b539e; font-size:2rem; color:#fff; text-align:center; line-height:1.4em; -webkit-transition:all 0.3s; transition:all 0.3s;}
.main-board .tablist li.on span,
.main-board .tablist li span:hover { color:#0b539e;}
.main-board .tablist li.on span:after,
.main-board .tablist li span:hover:after { background:#0b539e;}
.main-board .tablist li.on span i{ opacity:1; -webkit-transform:rotate(360deg); transform:rotate(360deg);}

.main-board .tabarea { display:none; margin-left:20%;}
.main-board .tabarea .bd-box { display:flex; justify-content:space-between;}
.main-board .tabarea .bd-box > * { display:block; position:relative; padding:2.5em; width:31%; background:#f9f9f9;}
.main-board .tabarea .bd-box > *:after { opacity:0; visibility:hidden; content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #004098; -webkit-transition:all 0.3s; transition:all 0.3s;}
.main-board .tabarea .bd-box > *:hover { -webkit-box-shadow:5px 5px 15px rgba(97,97,97,0.2); box-shadow:5px 5px 15px rgba(97,97,97,0.2);}
.main-board .tabarea .bd-box > *:hover:after { opacity:1; visibility:visible;}
.main-board .tabarea .bd-box .bd-cate { font-size:15px; color:#004098;}
.main-board .tabarea .bd-box h3 { overflow: hidden; margin-top:0.278em; font-size:1.8rem; color:#1a1a1a; font-weight:400; white-space: nowrap; text-overflow: ellipsis;}
.main-board .tabarea .bd-box p { overflow: hidden; margin-top:0.533em; height:3.067em; font-size:1.5rem; color:#666666; line-height:1.533em; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main-board .tabarea .bd-box .bd-date { display:block; margin-top:3.571em; font-size:1.4rem; color:#7c7c7c; line-height:1.714em; font-family:'Gmarket Sans',sans-serif; font-weight:500;}
.main-board .tabarea.on { display:block;}





/*========== FOOTER ==========*/
.footer { position:relative;}
.footer .ft-top { padding:1.6em 0; background:#262626;}
.footer .ft-top ul:after { content:""; display:block; clear:both;}
.footer .ft-top ul li { float:left; position:relative; margin-left:1.8em;}
.footer .ft-top ul li:after { content:""; position:absolute; left:-8.5px; top:6px; width:1px; height:10px; background:#5d5d5d;}
.footer .ft-top ul li:first-child { margin-left:0;}
.footer .ft-top ul li:first-child:after { display:none;}
.footer .ft-top ul li a { display:block; font-size:1.4rem; color:#bcbcbc;}
.footer .ft-top ul li a:hover { color:#fff;}

.footer .ft-btm { padding:5em 0; background:#343434;}
.footer .ft-btm:after { content:""; display:block; clear:both;}
.footer .ft-btm h2 { float:left;}
.footer .ft-btm .address { float:left; margin-left:5.5em;}
.footer .ft-btm .address > div p { display:inline-block; font-size:1.4rem; color:#878787; line-height:1.857em; letter-spacing:-0.018em; vertical-align:middle}
.footer .ft-btm .address > div p span { margin-right:0.5em; color:#c0c0c0; vertical-align:baseline;}
.footer .ft-btm .address > div p:nth-child(2) { position:relative; margin-left:2.5em;}
.footer .ft-btm .address > div p:nth-child(2):after { content:""; position:absolute; left:-12.5px; top:7px; width:1px; height:12px; background:#5a5a5a;}
.footer .ft-btm .address > div p:nth-child(3) { position:relative; margin-left:2.5em;}
.footer .ft-btm .address > div p:nth-child(3):after { content:""; position:absolute; left:-12.5px; top:7px; width:1px; height:12px; background:#5a5a5a;}
.footer .ft-btm .address p.copyright { margin-top:2.250em; font-size:1.2rem; color:#878787; letter-spacing:0;}
.footer .btntop { position:absolute; right:5%; top:-24.5px;}





/*========== SUB ==========*/
.sub .sec-centent { padding-top:9.5em;}

.sub-m-tit { margin-bottom:1.2em; font-size:3.2rem; color:#2e2e2e; letter-spacing:-0.013em; font-family:'Gmarket Sans',sans-serif; font-weight:500; text-align:center;}
.sub-s-tit {margin-top:-3em; margin-bottom:1.2em; font-size:1.5rem; color:#2e2e2e; letter-spacing:-0.013em; font-family:'Gmarket Sans',sans-serif; font-weight:500; text-align:center;}
.sub-sm-txt { font-size:1.7rem; color:#4f4f4f; line-height:1.588em; letter-spacing:-0.015em;}
.sub-contents { padding:8em 0;}





/*========== SUB - VISUAL ==========*/
.sub-visual { overflow:hidden; display:flex; justify-content:center; align-items:center; position:relative; height:30em;}
.sub-visual .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-size:cover; background-repeat:no-repeat; -webkit-animation: zoomOutBg 3s linear forwards; animation: zoomOutBg 3s linear forwards;}
.sub-visual .sub-v-tit { position:relative; z-index:10; font-size:4.8rem; color:#fff; font-family:'Gmarket Sans',sans-serif; font-weight:500;}





/*========== SUB - BREADCRUMB ==========*/
.breadcrumb .btn-bread { display:none !important;}
.breadcrumb .sub-nav-depth ul { display:flex; justify-content:center; align-items:center; height:6em; border-bottom:1px solid #e4e4e4}
.breadcrumb .sub-nav-depth li { position:relative; margin:0 1.8em; height:100%;}
.breadcrumb .sub-nav-depth li:after { content:""; position:absolute; left:-19.5px; top:18px; width:1px; height:25px; background:#dddddd;}
.breadcrumb .sub-nav-depth li:first-child:after { display:none;}
.breadcrumb .sub-nav-depth li a { display:flex; justify-content:center; align-items:center; position:relative; height:100%; font-size:1.5rem; color:#666666; line-height:1.5em;}
.breadcrumb .sub-nav-depth li a:after { content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background:#0b3b7f;}
.breadcrumb .sub-nav-depth li.on a { color:#0b3b7f; font-weight:600;}
.breadcrumb .sub-nav-depth li.on a:after { width:100%;}
.breadcrumb .sub-nav-depth li:hover a { color:#0b3b7f;}
.breadcrumb .sub-nav-depth li:hover a:after { width:100%;}





/*========== SUB - GREETING ==========*/
.greeting .greeting-box { display:flex; justify-content:space-between; padding-bottom:6em;}
.greeting .greeting-box > * { width:48%;}
.greeting .greeting-box .left > strong { display:block; margin-bottom:0.444em; font-size:9rem; color:#f5f5f5; font-family:'Gmarket Sans',sans-serif; font-weight:700; line-height:1;}
.greeting .greeting-box .left p { font-size:1.7rem; color:#4f4f4f; line-height:1.588em;}
.greeting .greeting-box .left .sp-txt { font-size:2.1rem; color:#1a1a1a; line-height:1.462em; letter-spacing:-0.01em; font-weight:500;}
.greeting .greeting-box .left .sp-txt * { vertical-align: baseline;}
.greeting .greeting-box .left .sp-txt strong { color:#18a1b1; font-weight:500;}

.greeting .greeting-box .left .sp-txt2 { font-size:1.7rem; color:#888; line-height:1.462em; letter-spacing:-0.01em; font-weight:500;}
.greeting .greeting-box .left .sp-txt2 * { vertical-align: baseline;}
.greeting .greeting-box .left .sp-txt2 strong {font-size:2.3rem; color:#222; font-weight:500;}

.greeting .greeting-box .right { position:relative;}
.greeting .greeting-box .right .bg-img01 { position:absolute; left:-20%; bottom:-56px;}
.greeting .greeting-box .right .bg-img02 { position:absolute; right:-10%; bottom:-65px;}
.greeting .greeting-box .right .m-img { position:relative; max-width:640px; width:100%;}
.greeting .greeting-box .right .m-img > div.img01 { position:relative; width:64.375%; padding-bottom:52.5%; height:0;}
.greeting .greeting-box .right .m-img > div.img01 img { min-height:336px;}
.greeting .greeting-box .right .m-img > div.img02 { position:relative; margin-top:69px; width:64.375%; padding-bottom:52.5%; height:0;}
.greeting .greeting-box .right .m-img > div.img02 img { min-height:336px;}
.greeting .greeting-box .right .m-img > div.img03 { position:absolute; right:-16px; top:14%; z-index:10; width:67.033%; padding-bottom:84.688%; height:0;}
.greeting .greeting-box .right .m-img > div.img03:after { content:""; position:absolute; left:-16px; top:-16px; z-index:-1; width:50%; height:50%; background:#fff;}
.greeting .greeting-box .right .m-img > div.img03:before { content:""; position:absolute; left:-16px; bottom:-16px; z-index:-1; width:50%; height:50%; background:#18a1b1;}
.greeting .greeting-box .right .m-img > div.img03 img { min-height:525px;}
.greeting .greeting-box .right .m-img > div > div { overflow:hidden;  position:absolute; left:0; top:0; width:100%; height:100%;}
.greeting .greeting-box .right .m-img > div > div img { position:absolute; left:50%; top:50%; max-width:none; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}


/*========== SUB - HISTORY ==========*/
.history dl { display:flex; justify-content:space-between;}
.history dl dt { position:relative; padding-top:0.833em; width:20%; font-size:2.4rem; color:#1a1a1a; font-family:'Gmarket Sans',sans-serif; font-weight:700;}
.history dl dt:after { content:""; position:absolute; left:0; top:0; width:40px; height:2px; background:#134aa9;}
.history dl dd { width:74%; font-size:1.6rem; color:#666666; line-height:2.750em; letter-spacing:-0.06em;}
.history dl dd img { margin:0 3px; vertical-align:middle;}

.history .ci-intro { padding-bottom:9.5em;}
.history .ci-intro dl { margin-top:6em;}

.history .ci-symbol { padding:9.5em 0; background:#f7f7f7;}
.history .ci-symbol ul { display:flex; justify-content:space-between; margin-left:26%; margin-top:4em;}
.history .ci-symbol ul li { display:flex; justify-content:center; align-items:center; padding:0 20px; width:48%; background:#fff; border-radius:20px; height:295px; text-align:center; -webkit-box-shadow:3px 3px 10px rgba(97,97,97,0.1); box-shadow:3px 3px 10px rgba(97,97,97,0.1);}
.history .ci-symbol2 { padding:9.5em 0; background:#fff;}
.history .ci-symbol2 ul { display:flex; justify-content:space-between; margin-left:26%; margin-top:4em;}
.history .ci-symbol2 ul li { display:flex; justify-content:center; align-items:center; padding:0 20px; width:48%; background:#fff; border-radius:20px; height:295px; text-align:center; -webkit-box-shadow:3px 3px 10px rgba(97,97,97,0.1); box-shadow:3px 3px 10px rgba(97,97,97,0.1);}



/*========== SUB - CI ==========*/
.ci dl { display:flex; justify-content:space-between;}
.ci dl dt { position:relative; padding-top:0.833em; width:20%; font-size:2.4rem; color:#1a1a1a; font-family:'Gmarket Sans',sans-serif; font-weight:700;}
.ci dl dt:after { content:""; position:absolute; left:0; top:0; width:40px; height:2px; background:#134aa9;}
.ci dl dd { width:74%; font-size:1.6rem; color:#666666; line-height:1.750em; letter-spacing:-0.06em;}
.ci dl dd img { margin:0 3px; vertical-align:middle;}

.ci .ci-intro { padding-bottom:9.5em;}
.ci .ci-intro .ci-box { padding:40px 30px; border:1px solid #eee; background:url(/images/sub/bg-ci-grid.jpg) no-repeat center; text-align:center;}
.ci .ci-intro .ci-box .img-wid { display:flex; justify-content:space-between; align-items:center;}
.ci .ci-intro .ci-box .img-wid li { width:48%;}
.ci .ci-intro .ci-box .img-hei { display:flex; justify-content:space-between; align-items:center; margin:0 auto; margin-top:30px; max-width:770px;}
.ci .ci-intro .ci-box .img-hei li { width:31.3333%;}
.ci .ci-intro dl { margin-top:6em;}

.ci .ci-symbol { padding:9.5em 0; background:#f7f7f7;}
.ci .ci-symbol ul { display:flex; justify-content:space-between; margin-left:26%; margin-top:4em;}
.ci .ci-symbol ul li { display:flex; justify-content:center; align-items:center; padding:0 20px; width:48%; background:#fff; border-radius:20px; height:295px; text-align:center; -webkit-box-shadow:3px 3px 10px rgba(97,97,97,0.1); box-shadow:3px 3px 10px rgba(97,97,97,0.1);}

.ci .ci-color { padding:9.5em 0 0;}
.ci .ci-color ul { margin-top:10px;}
.ci .ci-color ul:after { content:""; display:block; clear:both;}
.ci .ci-color ul li { float:left; vertical-align:middle;}
.ci .ci-color ul li span { display:block; width:70px; height:40px; border-radius: 40px / 25px; background:#fff; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.ci .ci-color ul li:nth-child(1) span { background:#09a3ca;}
.ci .ci-color ul li:nth-child(2) span { background:#14ae67;}
.ci .ci-color ul li:nth-child(3) span { background:#f39800;}
.ci .ci-color ul li:nth-child(4) span { background:#1f51a2;}
.ci .ci-color ul li:nth-child(5) span { background:#8094b3;}
.ci .ci-color ul li:nth-child(6) span { background:#898989;}
.ci .ci-color ul li:nth-child(7) span { background:#231815;}





/*========== SUB - ORG ==========*/
.org-chart { background:#f8f8f8;}
.org-chart .maxinner { position:relative; max-width:980px;}
.org-chart .org-graph { position:relative; text-align:center;}
.org-chart .org-graph .org-box { display:inline-block; padding:1em; min-width:305px; border-radius:0.5em; font-size:1.9rem; font-family:'Gmarket Sans',sans-serif; font-weight:500; line-height:1.2; text-align:center;}
.org-chart .org-graph .b_left {position:absolute; left:0; top:0;}
.org-chart .org-graph > li > .org-box { border-color:#0b3b7f; background:#0b3b7f; color:#fff; text-align:center;}
.org-chart .org-graph > li > .etc-01 { position:absolute; right:0; top:0;}
.org-chart .org-graph > li > .etc-01 > li { position:relative; padding-top:35px;}
.org-chart .org-graph > li > .etc-01 > li:first-child { padding-top:0;}
.org-chart .org-graph > li > .etc-01 > li:first-child:after { display:none;}
.org-chart .org-graph > li > .etc-01 > li > .org-box { min-width:200px; border-color:#5681ad; background-color:#5681ad; color:#fff;}
.org-chart .org-graph > li > .etc-02 > li:first-child { padding-top:0;}
.org-chart .org-graph > li > .etc-02 > li { position:relative; padding-top:35px;}
.org-chart .org-graph > li > .etc-02 > li:last-child:after { display:none;}
.org-chart .org-graph > li > .etc-02 > li:after { content:""; position:absolute; left:50%; bottom:-35px; margin-left:-0.5px; width:1px; height:35px; background:#c6c6c6;}
.org-chart .org-graph > li > .etc-02 > li > .org-box { min-width:230px; border-color:#0b539e; background-color:#0b539e; color:#fff;}
.org-chart .org-graph > li > .etc-02 > li > .org-depth02 { display:flex; justify-content:space-between; position:relative; padding-top:80px;}
.org-chart .org-graph > li > .etc-02 > li > .org-depth02:after { content:""; position:absolute; left:50%; top:0; width:1px; height:80px; background:#c6c6c6;}
.org-chart .org-graph > li > .etc-02 > li > .org-depth02:before { content:""; position:absolute; left:0; top:110px; width:100%; height:1px; background:#c6c6c6;}
.org-chart .org-graph > li > .etc-02 > li > .org-depth02 > * { position:relative; margin-left:10px; flex:1;}
.org-chart .org-graph > li > .etc-02 > li > .org-depth02 > *:first-child { margin-left:0;}
.org-chart .org-graph > li > .etc-02 > li > .org-depth02 .org-ch strong { display:block; padding:0.8em 0; background:#f1f1f1; border:1px solid #ddd; font-size:1.9rem; font-family:'Gmarket Sans',sans-serif; font-weight:500; line-height:1.2; text-align:center;}
.org-chart .org-graph > li > .etc-02 > li > .org-depth02 li:nth-child(1) .org-ch strong { background:#f67f17; color:#fff;}
.org-chart .org-graph > li > .etc-02 > li > .org-depth02 li:nth-child(2) .org-ch strong { background:#ffaa15; color:#fff;}
.org-chart .org-graph > li > .etc-02 > li > .org-depth02 li:nth-child(3) .org-ch strong { background:#1f9de4; color:#fff;}
.org-chart .org-graph > li > .etc-02 > li > .org-depth02 li:nth-child(4) .org-ch strong { background:#18a1b1; color:#fff;}
.org-chart .org-graph > li > .etc-02 > li > .org-depth02 li:nth-child(5) .org-ch strong { background:#46b728; color:#fff;}
.org-chart .org-graph > li > .etc-02 > li > .org-depth02 .org-ch .org-depth03 { padding:20px 10px; border:1px solid #ddd; border-top:none;}
.org-chart .org-graph > li > .etc-02 > li > .org-depth02 .org-ch .org-depth03 li { padding:5px 0; font-size:1.7rem; line-height:1.2; text-align:center;}
.org-chart .org-graph > li > .etc-03 { position:absolute; left:0; bottom:70px;}
.org-chart .org-graph > li > .etc-03:after { content:""; position:absolute; right:-145%; top:50%; width:145%; height:1px; background:#c6c6c6;}

.org-chart .org-graph > li > .etc-03 > li > .org-box { min-width:200px; border-color:#5681ad; background-color:#5681ad; color:#fff;}

.org-mem-list h4{font-size:1.9rem; color:#474747; line-height:1.765em; letter-spacing:-0.015em; padding-top:40px;}
.org-mem-list h5{font-size:1.4rem; color:#474747; line-height:1.765em; letter-spacing:-0.015em; font-weight:normal; padding-bottom:15px;}
/*
.org-chart .org-box { display:flex; align-items:center; justify-content:center; width:223px; height:80px; border-radius:80px; border:2px solid #fff; background:#fff; font-size:1.9rem; font-family:'Gmarket Sans',sans-serif; font-weight:500; line-height:1.2; text-align:center;}
.org-chart .org-graph { position:relative;}
.org-chart .org-graph > li > .org-box { margin:0 auto; width:305px; border-color:#0b3b7f; background:#0b3b7f; color:#fff;}
.org-chart .org-graph .org-depth01.etc-01 > li > .org-box { border-color:#5681ad; background:#5681ad; color:#fff;}
.org-chart .org-graph .org-depth01.etc-02 > li:first-child > .org-box { border-color:#0b539e; background:#0b539e; color:#fff;}
.org-chart .org-graph .org-depth01.etc-02 > li:nth-child(2) > .org-box { border-color:#1773d2; background:#1773d2; color:#fff;}
.org-chart .org-graph .org-depth02 > li:first-child > .org-box { border-color:#f67f17; background:#f67f17; color:#fff;}
.org-chart .org-graph .org-depth02 > li:nth-child(2) > .org-box { border-color:#18a1b1; background:#18a1b1; color:#fff;}
.org-chart .org-graph .org-depth03 > li > .org-box { border-color:#0b3b7f; background:#fff; border-color:#18a1b1; color:#18a1b1;}

.org-chart .org-graph .org-depth01.etc-01 { position:absolute; right:0; top:83px; z-index:1;}
.org-chart .org-graph .org-depth01.etc-01 > li { position:relative; margin-top:35px;}
.org-chart .org-graph .org-depth01.etc-01 > li:after { content:""; position:absolute; right:100%; top:50%; width:100px; height:1px; background:#c6c6c6;}
.org-chart .org-graph .org-depth01.etc-01 > li:before { content:""; position:absolute; right:322px; bottom:40px; width:1px; height:115px; background:#c6c6c6;}
.org-chart .org-graph .org-depth01.etc-01 > li:first-child { margin-top:0;}
.org-chart .org-graph .org-depth01.etc-01 > li:first-child:after { width:268px}
.org-chart .org-graph .org-depth01.etc-01 > li:first-child:before { display:none;}
.org-chart .org-graph .org-depth01.etc-02 { position:relative; padding-top:87px;}
.org-chart .org-graph .org-depth01.etc-02:after { content:""; position:absolute; left:50%; top:0; margin-left:-0.05px; width:1px; height:87px; background:#c6c6c6;}

.org-chart .org-graph .org-depth01.etc-02 > li { position:relative; padding-top:34px;}
.org-chart .org-graph .org-depth01.etc-02 > li:after { content:""; position:absolute; left:50%; top:0; margin-left:-0.05px; width:1px; height:34px; background:#c6c6c6;}
.org-chart .org-graph .org-depth01.etc-02 > li:first-child { padding-top:0;}
.org-chart .org-graph .org-depth01.etc-02 > li:first-child:after { display:none;}
.org-chart .org-graph .org-depth01.etc-02 > li > .org-box { margin:0 auto;}
.org-chart .org-graph .org-depth01.etc-02 > li:last-child { position:relative;}
.org-chart .org-graph .org-depth01.etc-02 > li:last-child:before { content:""; position:absolute; left:111.5px; top:158px; width:757.5px; height:1px; background:#c6c6c6;}

.org-chart .org-graph .org-depth02 { position:relative; margin-top:44px; width:100%;}
.org-chart .org-graph .org-depth02:before { content:""; position:absolute; left:50%; top:-44px; margin-left:-0.05px; width:1px; height:44px; background:#c6c6c6;}
.org-chart .org-graph .org-depth02:after { content:""; display:block; clear:both;}

.org-chart .org-graph .org-depth02 > li { position:relative; padding-top:49px; width:223px;}
.org-chart .org-graph .org-depth02 > li:first-child { float:left;}
.org-chart .org-graph .org-depth02 > li:last-child { float:right;}
.org-chart .org-graph .org-depth02 > li:after { content:""; position:absolute; left:50%; top:0; margin-left:-0.05px; width:1px; height:49px; background:#c6c6c6;}

.org-chart .org-graph .org-depth03 > li { position:relative; padding-top:36px;}
.org-chart .org-graph .org-depth03 > li:after { content:""; position:absolute; left:50%; top:0; margin-left:-0.05px; width:1px; height:36px; background:#c6c6c6;}
*/




/*========== SUB - MAJOR BUSINESS ==========*/
.major-business .business-list { display:flex; justify-content:center; flex-wrap:wrap; align-items:flex-start; padding-top:9.7em; margin-top:-9.7em; padding-bottom:5em; margin-left:-2%;}
.major-business .business-list > div { margin-top:9.7em; margin-left:2%; width:31.3333%;}
.major-business .business-list > div:nth-child(3n-1) { margin-top:0;}

.major-business .business-list .txtbox h4 { position:relative; padding-left:1.667em; margin-top:1.667em; font-size:2.4rem; color:#000; line-height:1.583em; font-weight:500;}
.major-business .business-list .txtbox h4 span { position:absolute; left:0; top:0.083em; font-size:2.4rem; line-height:1.583em; color:#c0c0c0; font-family:'Gmarket Sans',sans-serif; font-weight:700; vertical-align:middle;}
.major-business .business-list .txtbox p { margin:0.765em 0 2.353em; font-size:1.7rem; color:#4f4f4f; line-height:1.588em;}
.major-business .business-list .txtbox > span { display:inline-block; position:relative; padding:0 0.682em; font-size:2.2rem; line-height:1.3em; font-weight:500;}
.major-business .business-list .txtbox > span:after { content:""; position:absolute; left:0; bottom:-3px; z-index:-1; width:100%; height:20px; background:#000;}

.major-business .business-list > div:nth-child(3n+1) .txtbox > span { color:#1773d2;}
.major-business .business-list > div:nth-child(3n+1) .txtbox > span:after { background:#cce3fc;}
.major-business .business-list > div:nth-child(3n-1) .txtbox > span { color:#f67f17;}
.major-business .business-list > div:nth-child(3n-1) .txtbox > span:after { background:#ffe6d1;}
.major-business .business-list > div:nth-child(3n) .txtbox > span { color:#18a1b1;}
.major-business .business-list > div:nth-child(3n) .txtbox > span:after { background:#c9e6e9;}





/*========== SUB - LOCATION ==========*/
.location .loc-info { display:flex; justify-content:space-between; padding-bottom:5em;}
.location .loc-info .left { width:40%;}
.location .loc-info .right { width:55%;}
.location .loc-info .left > * { width:100% !important;}

.location .loc-info .loc-address { position:relative; padding:2.65em 0 2.65em 10em; border-bottom:1px solid #d7d7d7;}
.location .loc-info .loc-address:after { content:""; position:absolute; left:0; bottom:0; width:90px; height:1px; background:#1773d2;}
.location .loc-info .loc-address span { position:absolute; left:0; top:25px; font-size:1.8rem; color:#1773d2; font-family:'Gmarket Sans',sans-serif; letter-spacing:0;}
.location .loc-info .loc-address p { font-size:1.5rem; color:#4f4f4f; line-height:1.688em; letter-spacing:-0.02em;}

.location .loc-info .right .graph { display:flex; justify-content:space-between;}
.location .loc-info .right ul:last-child { margin-left:2em;}

.location .loc-info .right ul li { position:relative; padding-left:85px; padding-bottom:40px; min-height:40px;}
.location .loc-info .right ul li:after { content:""; position:absolute; left:29.5px; top:0; z-index:-1; width:1px; height:100%; border-left:1px dashed #787878; background:none;}

.location .loc-info .right ul li .ico { display:flex; justify-content:center; align-items:center; position:absolute; left:10px; top:0; width:40px; height:40px; border-radius:50%; background:#0b3b7f; font-size:14px; color:#fff;}
.location .loc-info .right ul li p { padding-top:7px; font-size:1.6rem; color:#4f4f4f; line-height:1.688em; letter-spacing:-0.016em;}
.location .loc-info .right ul li p strong { font-weight:400;}

.location .loc-info .right ul li .ico.ico-walk { background:#787878 url(/images/ico/ico-walk.png) no-repeat center;}
.location .loc-info .right ul li .ico.ico-bus { background:#0b3b7f url(/images/ico/ico-bus.png) no-repeat center;}
.location .loc-info .right ul li .ico.ico-start { left:0.5px; padding-top:20px; width:60px; height:60px; background:#1773d2 url(/images/ico/ico-map.png) no-repeat center 10px;}
.location .loc-info .right ul li .ico.ico-end { left:0.5px; padding-top:20px; width:60px; height:60px; background:#f67f17 url(/images/ico/ico-map.png) no-repeat center 10px;}

.location .loc-info .right ul li:first-child { min-height:60px; padding-bottom:50px;}
.location .loc-info .right ul li:first-child p { padding-top:17px;}
.location .loc-info .right ul li:last-child { padding-bottom:0; min-height:60px;}
.location .loc-info .right ul li:last-child:after { display:none;}
.location .loc-info .right ul li:last-child p { padding-top:17px;}
.location .loc-info .right ul:first-child li:nth-child(3):after { left:27.5px; width:3px; background:#0b3b7f; border:none;}

.location .loc-info .right .busline { margin-top:1.8em; padding:0.5em 0; border:2px solid #ddd;}
.location .loc-info .right .busline > div { position:relative; padding-left:85px; font-size:1.6rem; color:#4f4f4f; line-height:1.688em; letter-spacing:-0.016em; text-align:left;}
.location .loc-info .right .busline > div > strong { color:#0b3b7f;}
.location .loc-info .right .busline .busico { display:flex; justify-content:center; align-items:center; position:absolute; left:10px; top:7px; width:40px; height:40px; border-radius:50%; background:#0b3b7f url(/images/ico/ico-bus.png) no-repeat center;}




/*========== SUB - MEMBER BENEFIT ==========*/
.member-benefit .sub-sm-txt { margin-bottom: 2.647em; text-align:center;}
.member-benefit .mem-step { overflow:hidden; display:flex; justify-content:center; align-items:center; height:350px; border-radius:20px; background:url(/images/sub/benefit-bg01.jpg) no-repeat center; background-size:cover;}
.member-benefit .mem-step .stepbox { display:flex; justify-content:center; align-items:center; margin-top:-90px; width:760px;}
.member-benefit .mem-step .stepbox .cir { display:flex; justify-content:center; align-items:center; width:140px; height:140px; border-radius:50%; background:#fff; border:2px solid #18a1b1;}

.member-benefit .mem-step .stepbox h4 .cir { background:#18a1b1; font-size:1.8rem; color:#fff; line-height:1.222em; text-align:center; font-family:'Gmarket Sans',sans-serif; font-weight:700;}
.member-benefit .mem-step .stepbox ul:after { content:""; display:block; clear:both;}
.member-benefit .mem-step .stepbox ul li { float:left; position:relative; margin-left:65px;}
.member-benefit .mem-step .stepbox ul li:after {content:"";position:absolute;right:100%;top:50%;width:65px;height:1px;border-top: 2px dashed #84b6c0;}

.member-benefit .mem-step .stepbox ul li .cir { flex-direction:column;}
.member-benefit .mem-step .stepbox ul li span {font-size:1.4rem; color:#18a1b1; font-family:'Gmarket Sans',sans-serif; font-weight:500;}
.member-benefit .mem-step .stepbox ul li p { margin-top:0.278em; font-size:1.8rem; color:#1a1a1a; font-family:'Gmarket Sans',sans-serif; font-weight:700; text-align:center;}

.member-benefit .btnwrap { margin-bottom:5.5em; text-align:center;}
.member-benefit .btn-viewmore { margin:0 8px; width:215px;}
.member-benefit .btn-viewmore span { font-size:1.6rem; line-height:49px; font-weight:500;}
.member-benefit .btn-viewmore i { font-size:2.2rem; line-height:47px;}





/*========== BOARD ==========*/
.board-wrap .sub-m-tit { margin-bottom:1.5em;}
.board-wrap .boardListArea { position: relative; z-index:1; width:100%;}

.board-wrap .srboardList .listTable .colTbl tr:hover td { background:#f5f5f5;}
.board-wrap .srboardList .listTable .colTbl th { padding:0.95em 0; border-top:2px solid #1e77d3; font-size:1.5rem; color:#222;}
.board-wrap .srboardList .listTable .colTbl td { padding:0.95em 0; font-size:1.5rem; color:#666; font-weight:400;}
.board-wrap .srboardList .listTable .colTbl td.title { color:#222;}
.board-wrap .srboardList .listTable .colTbl td.title span.tit-cate { margin-right:5px; color:#ec6328; vertical-align:baseline;}

.board-wrap .board-search { margin-bottom:5em;}
.board-wrap .board-search .searchbox { display:flex; justify-content:center; align-items:center;}
.board-wrap .board-search .selc-wrap { display:inline-block; position:relative; margin-right:15px; width:200px; height:57px; border-bottom:1px solid #ddd; cursor:pointer; vertical-align:middle;}
.board-wrap .board-search .selc-wrap > select { position:relative; width:100%; height:56px; padding:0 35px 0 10px; border:none; background:none; outline:none; -webkit-appearance:none; filter:alpha(opacity=0); z-index:1; color:#222; font-weight:400; font-size:16px; font-family: 'Noto Sans KR','GmarketSansMedium',Dotum,Helvetica,AppleGothic,Gulim,'굴림',Sans-serif; cursor:pointer;}
.board-wrap .board-search .selc-wrap > label {display:inline-block; opacity:0; *display: inline;zoom:1;position:absolute;top:0;right:0;width:100%;line-height:35px;margin:0;padding:0 35px 0 10px;font-size:12px;color:#666; background:transparent;box-sizing:border-box;cursor:pointer;}
.board-wrap .board-search .selc-wrap .sel-arrow { position:absolute; right:10px; top:20px;}
.board-wrap .board-search .selc-wrap .sel-arrow i { font-size:20px; color:#000;}

.board-wrap .board-search .inp-wrap { display:inline-block; position:relative; padding-right:60px; width:510px; height:57px; border:none; border-bottom:1px solid #ddd; vertical-align:middle;}
.board-wrap .board-search .inp-wrap > .inp-st { height:56px; border:none; outline:none; -webkit-appearance:none; filter:alpha(opacity=0); z-index:1; color:#222; font-weight:400; font-size:16px; font-family: 'Noto Sans KR','GmarketSansMedium',Dotum,Helvetica,AppleGothic,Gulim,'굴림',Sans-serif;}
.board-wrap .board-search .inp-wrap > .inp-st::placeholder { font-size:16px; color:#989898;}
.board-wrap .board-search .inp-wrap .btn-search { position:absolute; right:10px; top:9px; width:40px; height:40px; border-radius:50%; background:#818181;}
.board-wrap .board-search .inp-wrap .btn-search i { font-size:20px; color:#fff;}
.board-wrap .board-search .inp-wrap .btn-search:hover { background:#000;}

.board-wrap .srboardList .listGallery .colUll > ul { margin-top:-4em;}
.board-wrap .srboardList .listGallery .colUll > ul > li { margin-top:4em;}
.board-wrap .srboardList .listGallery .colUll > ul > li.li-gall-none { display:flex; justify-content:center; align-items:center; height:150px; font-size:1.6rem;}
.board-wrap .srboardList .listGallery .colUll > ul > li > dl > dd.category { margin:20px 0 10px;}
.board-wrap .srboardList .listGallery .colUll > ul > li > dl > dd.title > a { overflow: hidden; margin:0 0 25px; height:2.888em; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:1.8rem; line-height:1.444em;}
.board-wrap .srboardList .listGallery .colUll > ul > li > dl > dd.date { position:relative; padding-left:20px; font-size:1.5rem; color:#959595; line-height:28px;}
.board-wrap .srboardList .listGallery .colUll > ul > li > dl > dd.date:after { content:""; position:absolute; left:0; top:6px; width:14px; height:15px; background:url(/images/ico/ico-calendar.png) no-repeat center;}
.board-wrap .srboardList .listGallery .colUll > ul > li > dl > dt > a:before { border-color:#1773d2; border-width:4px;}

.board-wrap .pager-body a { border-radius:50%; font-family:'Montserrat',sans-serif;}
.board-wrap .pager-body a.on { font-weight:700;}

.board-wrap .srboardView .viewArea .viewTitle { padding:3em; border-top:2px solid #1e77d3; border-bottom:1px solid #ddd; text-align:center;}
.board-wrap .srboardView .viewArea .viewTitle h4 { padding:0; font-size:2.6rem; line-height:1.4;}
.board-wrap .srboardView .viewArea .viewTitle .subInfo { padding:10px 0 0; border:none;}
.board-wrap .srboardView .viewArea .viewTitle .subInfo ul li { position:relative; padding:0 15px; font-size:1.5rem; color:#959595 !important;}
.board-wrap .srboardView .viewArea .viewTitle dl:after { content:""; display:block; clear:both;}
.board-wrap .srboardView .viewArea .viewTitle .subInfo ul li.info-date dt { position:relative; width:23px; height:15px; font-size:0;}
.board-wrap .srboardView .viewArea .viewTitle .subInfo ul li.info-date dt:after { content:""; position:absolute; left:0; top:3.5px; width:14px; height:15px; background:url(/images/ico/ico-calendar.png) no-repeat center;}
.board-wrap .srboardView .viewArea .viewTitle .subInfo ul li.info-date dd:before { display:none;}

.board-wrap .srboardView .viewArea .viewTitle dt { padding-right:5px; color:#959595;}
.board-wrap .srboardView .viewArea .viewTitle dd { color:#959595;}
.board-wrap .srboardView .viewArea .viewTitle dd:before { padding-right:5px;}
.board-wrap .srboardView .viewArea .viewTitle .subInfo ul li+li { border:none;}
.board-wrap .srboardView .viewArea .viewTitle .subInfo ul li+li:after { content:""; position:absolute; left:0; top:7px; width:1px; height:10px; background:#959595;}
.board-wrap .srboardView .viewArea .framebox { position:relative; margin-bottom:5em; padding-bottom:56.25%; height:0;}
.board-wrap .srboardView .viewArea .framebox iframe { position:absolute; left:0; top:0; width:100%; height:100%;}
.board-wrap .srboardView .viewArea .viewCont { margin:0 auto; padding:4em 1em; max-width:1040px; width:100%; font-size:1.7rem;}
.board-wrap .srboardView .viewArea .viewCont img { width:auto; height:auto;}
.board-wrap .srboardView .viewArea .fileArea { margin-top:1.5em; padding:0; background:none; border:none;}
.board-wrap .srboardView .viewArea .fileArea dl { display:flex; border:none;}
.board-wrap .srboardView .viewArea .fileArea dl dt { float:none; position:relative; width:90px; height:auto; font-size:14px; color:#555; font-weight:500; text-align:left; background-position:left 0; line-height:20px;}
.board-wrap .srboardView .viewArea .fileArea dl dt:after { content:""; position:absolute; right:0; top:6px; width:1px; height:10px; background:#aaa;}
.board-wrap .srboardView .viewArea .fileArea dl dd { float:none; margin:0; padding:0 0 0 8px; width:calc(100% - 90px); border:none; text-align:left;}
.board-wrap .srboardView .viewArea .fileArea dl dd:before { display:none;}
.board-wrap .srboardView .viewArea .fileArea dl dd a { display:inline-block; margin:0 3px; height:auto; font-size:14px; color:#333; word-break:break-all; vertical-align:middle; line-height:20px;}
.board-wrap .srboardView .viewArea .fileArea > dl > dd > a > img { display:inline; margin:0; width:auto; vertical-align:text-bottom;}
.board-wrap .srboardView .bottomBtn {padding-top:55px; margin-top:55px; border-top:1px solid #ddd;}

.board-wrap .replyboardView { margin-bottom:55px;}

.board-wrap .srboardView .view-btnwrap { display:flex; justify-content:center; align-items:center; position:relative; height:50px;}
.board-wrap .srboardView .view-btnwrap .left { position:absolute; left:0; top:0; padding-left:60px; font-size:1.6rem; color:#666; font-family:'Gmarket Sans',sans-serif; font-weight:500; line-height:50px;}
.board-wrap .srboardView .view-btnwrap .left:hover { color:#000;}
.board-wrap .srboardView .view-btnwrap .left:hover i { background:#000;}
.board-wrap .srboardView .view-btnwrap .right { position:absolute; right:0; top:0; padding-right:60px; font-size:1.6rem; color:#666; font-family:'Gmarket Sans',sans-serif; font-weight:500; line-height:50px;}
.board-wrap .srboardView .view-btnwrap .right:hover { color:#000;}
.board-wrap .srboardView .view-btnwrap .right:hover i { background:#000;}
.board-wrap .srboardView .view-btnwrap i { display:flex; justify-content:center; align-items:center; position:absolute; top:4px; width:42px; height:42px; border-radius:50%; background:#9e9e9e; font-size:20px; color:#fff;}
.board-wrap .srboardView .view-btnwrap .left i { left:0;}
.board-wrap .srboardView .view-btnwrap .right i { right:0;}
.board-wrap .srboardView .view-btnwrap .btn-viewmore span { font-size:1.6rem; font-weight:500;}


/* 보도자료 스킨 수정 */
.board-wrap .srboardList .listGallery2 { border-top:2px solid #1e77d3;}
.board-wrap .srboardList .listGallery2 > ul > li { border-bottom:1px solid #ddd;}
.board-wrap .srboardList .listGallery2 > ul > li > a { display:flex; justify-content:space-between; align-items:center; padding:5.5em 0;}
.board-wrap .srboardList .listGallery2 > ul > li > a:hover .txtbox .title { text-decoration:underline;}
.board-wrap .srboardList .listGallery2 > ul > li > a .imgbox { width:26%; height:0; padding-bottom:21.4%; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.board-wrap .srboardList .listGallery2 > ul > li > a .txtbox { width:68%;}
.board-wrap .srboardList .listGallery2 > ul > li > a .txtbox .title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom:0.517em; font-size:2.9rem; color:#1a1a1a; line-height:1.4; letter-spacing:-0.017em;}
.board-wrap .srboardList .listGallery2 > ul > li > a .txtbox .txtcon p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:3.294em; font-size:1.7rem; color:#696969; line-height:1.647em;}
.board-wrap .srboardList .listGallery2 > ul > li > a .txtbox .date { position:relative; padding-left:20px; margin-top:2.333em; font-size:1.5rem; color:#959595; line-height:28px;}
.board-wrap .srboardList .listGallery2 > ul > li > a .txtbox .date:after { content:""; position:absolute; left:0; top:6px; width:14px; height:15px; background:url(/images/ico/ico-calendar.png) no-repeat center;}





/*========== REGISTER WRAP - JOIN ==========*/
.register-wrap { padding:12.5em 0 13em; background:#f8f8f8;}
.register-wrap .register-box { margin:0 auto; padding:5.5em 5em; max-width:706px; border-radius:20px; background:#fff; -webkit-box-shadow:0px 5px 15px rgba(97,97,97,0.1); box-shadow:0px 5px 15px rgba(97,97,97,0.1);}
.register-wrap .register-box .reg-tit { font-size:3rem; color:#1a1a1a; font-family:'Gmarket Sans',sans-serif; font-weight:700; text-align:center;}
.register-wrap .register-box .reg-steplist { display:flex; justify-content:center; align-items:center; margin-top:1.5em;}
.register-wrap .register-box .reg-steplist > li { font-size:1.7rem; color:#666666; font-weight:400;}
.register-wrap .register-box .reg-steplist > li > span { color:#c1c1c1; font-family:'Poppins',sans-serif; font-weight:500; vertical-align:baseline;}
.register-wrap .register-box .reg-steplist > li.on { color:#474747; font-weight:500;}
.register-wrap .register-box .reg-steplist > li.on > span { color:#1773d2;}
.register-wrap .register-box .reg-steplist > li+li { position:relative; padding-left:1.765em;}
.register-wrap .register-box .reg-steplist > li+li:before { content:"\e940"; position:absolute; left:6px; top:50%; z-index:5; font-size:20px; color:#c1c1c1; font-family: 'xeicon' !important; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.register-wrap .btnwrap { text-align:center;}
.register-wrap .btnwrap .btn-viewmore span { font-size:1.6rem;}
.register-wrap #join_id_result { display:block; margin-top:5px; font-size:1.4rem; color:rgb(0, 0, 255); font-weight:500;}

.reg-agree .agree-all { margin-top:5em; margin-bottom:2em; border-bottom:1px solid #ddd;}
.reg-agree .agree-all input[type="checkbox"] { display:none;}
.reg-agree .agree-all label { position:relative; display:block; padding-bottom:1em; font-size:1.5rem; color:#868686; cursor:pointer;}
.reg-agree .agree-all label:after { content:""; position:absolute; right:0; top:0; width:18px; height:18px; border-radius:50%; border:1px solid #aaa; font-size:15px; color:#fff;}
.reg-agree .agree-all label:before { content:"\e929"; position:absolute; right:2px; top:0; z-index:5; font-size:15px; color:#fff; font-family: 'xeicon' !important;}
.reg-agree .agree-all input[type="checkbox"]:checked + label:after { background:#1773d2; border-color:#1773d2;}

.reg-agree .agree-box { position:relative;}
.reg-agree .agree-box h3 { padding-bottom:15px; font-size:1.7rem; color:#1a1a1a; font-weight:500; letter-spacing:-0.5px;}
.reg-agree .agree-box .privbox { margin-bottom:40px;}
.reg-agree .agree-box .privbox textarea { padding:20px 15px 30px; max-height:220px; border-radius:5px; background:#f7f7f7; border:none; font-size:1.4rem; color:#868686; line-height:1.7;}

.reg-agree .agree-box .chkbtn { position:absolute; right:0; top:3.5px;}
.reg-agree .agree-box .chkbtn label { display:block; position:relative; width:18px; height:18px; border-radius:50%; background:#fff; border:1px solid #aaa; cursor:pointer;}
.reg-agree .agree-box .chkbtn label:after { content:"\e929"; position:absolute; left:50%; top:50%; font-size:15px; color:#fff; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); font-family: 'xeicon' !important;}
.reg-agree .agree-box .chkbtn input[type="checkbox"] { display:none;}
.reg-agree .agree-box .chkbtn input[type="checkbox"]:checked + label { background:#1773d2; border-color:#1773d2;}

.register-wrap.member-form { padding-left:4em; padding-right:4em;}

.reg-form-wrap { margin:4.5em 0;}
.reg-form-wrap .formbox { position:relative; padding-left:11em; margin-top:1.7em;}
.reg-form-wrap .formbox:first-child { margin-top:0;}
.reg-form-wrap .formbox .titbox { position:absolute; left:0; top:10px; width:90px; font-size:1.5rem; color:#1a1a1a; font-weight:500; text-align:right;}
.reg-form-wrap .formbox .titbox span { color:#1773d2;}
.reg-form-wrap .formbox .conbox .inp-st02 { padding:0 20px; height:45px; border-radius:10px; background:#f4f4f4; border:none; font-size:1.5rem; color:#555;}
.reg-form-wrap .formbox .conbox .inp-st02::placeholder { color:#989898;}

.reg-form-wrap .formbox .selc-wrap { position:relative; height:45px; border-radius:10px; background:#f4f4f4; cursor:pointer; vertical-align:middle;}
.reg-form-wrap .formbox .selc-wrap > select { position:relative; padding:0 20px; width:100%; height:45px; border:none; background:none; outline:none; -webkit-appearance:none; filter:alpha(opacity=0); z-index:1; color:#868686; font-weight:400; font-size:1.5rem; font-family: 'Noto Sans KR','GmarketSansMedium',Dotum,Helvetica,AppleGothic,Gulim,'굴림',Sans-serif; cursor:pointer;}
.reg-form-wrap .formbox .selc-wrap > label {display:inline-block; opacity:0; *display: inline;zoom:1;position:absolute;top:0;right:0;width:100%;line-height:35px;margin:0;padding:0 35px 0 10px;font-size:12px;color:#666; background:transparent;box-sizing:border-box;cursor:pointer;}
.reg-form-wrap .formbox .selc-wrap .sel-arrow { position:absolute; right:10px; top:14px;}
.reg-form-wrap .formbox .selc-wrap .sel-arrow i { font-size:17px; color:#656565;}

.reg-form-wrap .formbox.form-birth:after { content:""; position:absolute; right:20px; top:12px; width:18px; height:20px; background:url(/images/ico/ico-calendar-black.png) no-repeat center;}
.reg-form-wrap .formbox.form-birth .conbox .inp-st02 { padding-right:13%;}

.reg-form-wrap .formbox.form-email .conbox { display:flex; justify-content:space-between; align-items:center;}
.reg-form-wrap .formbox.form-email .conbox > div.box01 { width:30%;}
.reg-form-wrap .formbox.form-email .conbox > div.box02 { width:4%; text-align:center;}
.reg-form-wrap .formbox.form-email .conbox > div.box03 { display:flex; justify-content:space-between; width:64%;}
.reg-form-wrap .formbox.form-email .conbox > div.box03 > div { width:48%;}

.reg-form-wrap .formbox.form-gender .conbox input[type="radio"] { display:none;}
.reg-form-wrap .formbox.form-gender .conbox label { display:block; position:relative; font-size:1.5rem; color:#555; cursor:pointer;}
.reg-form-wrap .formbox.form-gender .conbox label:before { content:""; display:inline-block; margin-right:5px; width:18px; height:18px; border-radius:50%; background:#fff; border:1px solid #aaa; cursor:pointer; vertical-align:top;}
.reg-form-wrap .formbox.form-gender .conbox label:after { display:none; content:"\e929"; position:absolute; left:3px; top:0; font-size:1.5rem; color:#fff; font-family: 'xeicon' !important;}
.reg-form-wrap .formbox.form-gender .conbox input[type="radio"]:checked + label:after { display:block;}
.reg-form-wrap .formbox.form-gender .conbox input[type="radio"]:checked + label:before { background:#1773d2; border-color:#1773d2;}

.reg-form-wrap .formbox.form-gender .conbox ul { display:flex; justify-content:flex-start; align-items:center;}
.reg-form-wrap .formbox.form-gender .conbox ul li { display:flex; align-items:center; width:33.3333%; min-height:45px;}

.reg-form-wrap .formbox.form-address .addr-top { overflow:hidden; position:relative; margin-bottom:0.8em; border-radius:1em;}
.reg-form-wrap .formbox.form-address .addr-top .inp-st02 { padding-right:23%; width:100%;}
.reg-form-wrap .formbox.form-address .addr-top button { position:absolute; right:0; top:0; z-index:5; max-width:92px; width:20%; height:100%; background:#656565; font-size:1.5rem; color:#fff;}
.reg-form-wrap .formbox.form-address .addr-btm .inp-st02 { margin-top:0.5em;}
.reg-form-wrap .formbox.form-address .addr-btm .inp-st02:first-child { margin-top:0;}

.reg-form-wrap .formbox textarea { padding:20px; border-radius:10px; background:#f4f4f4; border:none; font-size: 1.5rem; color: #555;}
.reg-form-wrap .formbox textarea::placeholder { color:#989898;}





/*========== REGISTER WRAP - LOGIN ==========*/
.register-wrap.login .register-box { padding:7em 5em 9em; max-width:600px;}
.register-wrap.login .register-box .reg-tit { padding-top:2.6em; margin-bottom:2em; background:url(/images/ico/ico-login.png) no-repeat center top;}
.register-wrap.login .reg-login { margin:0 auto; max-width:450px;}
.register-wrap.login .reg-login > div { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.7em;}
.register-wrap.login .reg-login > div > label { display:block; width:19%; font-size:1.5rem; color:#1a1a1a; font-family:'Gmarket Sans',sans-serif; font-weight:500; text-align:right;}
.register-wrap.login .reg-login > div .inp-st03 { padding:5px 15px; width:78%; height:45px; background:#f4f4f4; border-color:#f4f4f4; border-radius:10px; font-size:1.5rem;}

.register-wrap.login .reg-login-info { margin:0 auto; max-width:450px;}
.register-wrap.login .reg-login-info { display:flex; justify-content:space-between; align-items:center; margin-top:2em;}
.register-wrap.login .reg-login-info .left { margin-left:0.5em;}
.register-wrap.login .reg-login-info .left label { position:relative; padding-left:1.800em; font-size:1.5rem; color:#a3a3a3; letter-spacing:-0.033em; cursor:pointer;}
.register-wrap.login .reg-login-info .left label:after { content:""; position:absolute; left:0; top:0; width:18px; height:18px; border-radius:50%; border:1px solid #aaa; font-size:15px; color:#fff;}
.register-wrap.login .reg-login-info .left label:before { content:"\e929"; position:absolute; left:3px; top:0; z-index:5; font-size:15px; color:#fff; font-family: 'xeicon' !important;}
.register-wrap.login .reg-login-info .left input[type="checkbox"] { display:none;}
.register-wrap.login .reg-login-info .left input[type="checkbox"]:checked + label:after { background:#1773d2; border-color:#1773d2;}
.register-wrap.login .reg-login-info .right a { display:inline-block; position:relative; margin-left:10px; font-size:1.5rem; color:#a3a3a3; letter-spacing:-0.033em; vertical-align:middle;}
.register-wrap.login .reg-login-info .right a:hover { color:#ec6328;}
.register-wrap.login .reg-login-info .right a:after { content:""; position:absolute; left:-5.5px; top:6px; width:1px; height:10px; background:#d1d1d1;}
.register-wrap.login .reg-login-info .right a:first-child { padding-left:0;}
.register-wrap.login .reg-login-info .right a:first-child:after { display:none;}
.register-wrap.login .btnwrap { margin-top:5em;}
.register-wrap.login .btnwrap .btn-viewmore span { font-family:'Poppins',sans-serif; font-weight:500 !important;}





/*========== REGISTER WRAP - JOIN-SUCCESS ==========*/
.register-wrap.join-success .success-box { padding:1.765em 0; font-size:1.7rem; color:#474747; line-height:1.765em; text-align:center;}
.register-wrap.join-success .success-box strong { color:#1773d2; font-weight:400;}
.register-wrap.join-success .success-box .btnwrap { margin-top:2.7em;}





/*========== REGISTER WRAP - MEMBER INFO ==========*/
.member-info .info-con { margin-top:0.882em; font-size:1.7rem; color:#474747; line-height:1.765em; letter-spacing:-0.015em; text-align:center;}
.member-info .info-con .info-box { padding:3em 0; margin:4em 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.member-info .info-con .info-box > div { display:flex; justify-content:space-between; align-items:center; margin:0 auto; max-width:400px; margin-top:15px; }
.member-info .info-con .info-box > div:first-child { margin-top:0;}
.member-info .info-con .info-box > div > strong { width:30%;}
.member-info .info-con .info-box > div > p { width:60%; color:#868686;}
.member-info .btnwrap { display:flex; justify-content: center; text-align: center;}
.member-info .btnwrap a { flex:1; margin:0 5px; max-width:200px; width:auto;}
.member-info .btnwrap span { font-weight:500;}





/*========== REGISTER WRAP - SECESSION ==========*/
.member-sece .sece-con { margin-top:0.882em; font-size:1.7rem; color:#474747; line-height:1.765em; letter-spacing:-0.015em; text-align:center;}
.member-sece .sece-con strong { vertical-align:baseline;}
.member-sece .sece-con .sece-txt { margin:1em 0; font-size:1.5rem; line-height:1.6;}
.member-sece .sece-con .sece-txt span { vertical-align:baseline;}
.member-sece .sece-con .sece-box { padding:3em 0; margin:2em 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.member-sece .sece-con .sece-box > div { display:flex; justify-content:space-between; align-items:center; margin:0 auto; margin-top:15px; }
.member-sece .sece-con .sece-box > div strong { flex:0.4;}
.member-sece .sece-con .sece-box > div input { flex:0.6;}
.member-sece .sece-con input[type="submit"] { border-radius: 50px; font-size: 1.6rem; color: #fff; font-family: 'Gmarket Sans','Noto Sans KR',sans-serif; font-weight: 700 !important; line-height:48px;}
.member-sece .sece-con input[type="submit"]:hover { color: #1773d2;}





/*========== FIND ID/PASSWORD ==========*/
#pop-search { padding:20px; width: 100%;}

#pop-search .find-type { display:flex; justify-content:center; align-items:center; margin-bottom:2.5em;}
#pop-search .find-type > li { flex:1; margin-left:1em;}
#pop-search .find-type > li:first-child {  margin-left:0;}
#pop-search .find-type input[type="radio"] { display:none;}
#pop-search .find-type label { position:relative; display:block; padding:1em; border-bottom:2px solid #ddd; font-size:1.5rem; color:#868686; cursor:pointer;}
#pop-search .find-type label:after { content:""; position:absolute; right:10px; top:13px; width:18px; height:18px; border-radius:50%; border:1px solid #aaa; font-size:15px; color:#fff;}
#pop-search .find-type label:before { content:"\e929"; position:absolute; right:13px; top:12px; z-index:5; font-size:15px; color:#fff; font-family: 'xeicon' !important;}
#pop-search .find-type input[type="radio"]:checked + label:after { background:#1773d2; border-color:#1773d2;}
#pop-search .find-type input[type="radio"]:checked + label { border-bottom:2px solid #1773d2;}

#pop-search .find-email li {margin:10px 0;}
#pop-search .find-email .e-mail { display:flex; justify-content:center; align-items:center;}
#pop-search .find-email .e-mail > div { flex:2;}
#pop-search .find-email .e-mail > div:nth-child(2) { flex:0.4; text-align:center;}

#pop-search .btnwrap { margin-top:2em; text-align:center;}
#pop-search .inp-st03 { padding:0 10px; height:45px; background:#f4f4f4; border-color:#f4f4f4; border-radius:10px; font-size:1.4rem;}
#pop-search .inp-st03::placeholder { color:#aaa;}

#pop-search.find-box .txt-box { padding-top:2em; font-size:1.6rem; line-height:1.8; text-align:center;}
#pop-search.find-box .txt-box .btn-submit02 { display:block !important; margin:2em auto 0;}





/*========== TERM ==========*/
.termbox dl { margin-top:20px;}
.termbox dl:first-child { margin-top:0;}
.termbox dl dt { margin-bottom:12px; font-size:14px; color:#404040; font-weight:700;}
.termbox dl dd { font-size:14px; color:#404040;}
.termbox dl dd ol { padding-left:15px; list-style:decimal;}
.termbox dl dd > ol { margin-left:15px;}
.termbox h4 { margin-top:50px; font-size:20px; color:#404040; font-weight:700;}
.termbox h5 { margin-top:30px; font-size:18px; color:#404040; font-weight:700;}
.termbox h6 { margin-top:20px; margin-bottom:10px; font-size:16px; color:#404040; font-weight:700; text-align:center;}
.termbox .list-num > li { position:relative; padding-left:18px; font-size:14px; line-height:1.7;}
.termbox .list-num > li > span { position:absolute; left:0; top:0;}





/*========== PRIVACY ==========*/
.pribox > .box { padding:50px; margin:0 auto; margin-bottom:50px; max-width:1280px; border: 1px solid #8f8f8f; font-size:14px; color:#000;}
.pribox .maxinner { margin:0 auto; max-width:1100px;}
.pribox .maxinner > ol { padding-left:15px; list-style:decimal;}
.pribox .maxinner > ol > li { font-size:14px; color:#404040;}
.pribox dl { margin-top:50px;}
.pribox dl:first-child { margin-top:0;}
.pribox dl dt { margin-bottom:12px; font-size:14px; color:#404040; font-weight:700;}
.pribox dl dt.normal { margin-bottom:0; font-weight:400;}
.pribox dl dd { font-size:14px; color:#404040;}
.pribox dl dd .list-num > li { position:relative; padding-left:18px; font-size:14px; line-height:1.7;}
.pribox dl dd .list-num > li > span { position:absolute; left:0; top:0;}
.pribox dl dd ol { padding-left:15px; list-style:decimal;}
.pribox dl dd > ol { margin-left:15px;}
.pribox h4 { margin-top:50px; font-size:14px; color:#404040; font-weight:700;}

.pribox .list-num > li { position:relative; padding-left:18px; font-size:14px; line-height:1.7;}
.pribox .list-num > li > span { position:absolute; left:0; top:0;}
.pribox .list-line > li,
.pribox .list-word p { position:relative; padding-left:12px; font-size:14px; line-height:1.7;}
.pribox .list-line > li:after,
.pribox .list-word p:after { content:""; position:absolute; left:0; top:11px; width:6px; height:1px; background:#404040;}
.pribox .list-word li { position:relative; padding-left:18px;}
.pribox .list-word li span { position:absolute; left:0; top:0;}

/*퀵메뉴*/
.quick{
    position:fixed;
    right:1rem;
    top:40%;
	z-index:99999;
}
.quick a{
    display: block;
    margin-bottom:0.5rem;
}




/*========== ANIMATION ==========*/
@-webkit-keyframes bgMove {
    from {
        -webkit-transform:scale(1.1);
        transform:scale(1.1);
    }

    to {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}

@keyframes bgMove {
    from {
        -webkit-transform:scale(1.1);
        transform:scale(1.1);
    }

    to {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}

@-webkit-keyframes slideUp {
    from{
        opacity:0;
    }
	to {
	    
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes slideUp {
    from{
        opacity:0;
    }
	to {
	    opacity:1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

}

@-webkit-keyframes slideBidirect {
    from{
        opacity:0;
    }
	to {
	    
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slideBidirect {
    from{
        opacity:0;
    }
	to {
	    opacity:1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

}

@-webkit-keyframes zoomOutBg {
	0% {
    -webkit-transform: scale(1.12, 1.12);
    transform: scale(1.12, 1.12) translateZ(1px);
  }
	100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
}
@keyframes zoomOutBg {
	0% {
    -webkit-transform: scale(1.12, 1.12);
    transform: scale(1.12, 1.12) translateZ(1px);
  }
	100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
}






/*========== RESPONSIVE ==========*/
@media all and (max-width:1440px){
    .header .hd-info { right:3%;}
    .header h1 { left:3%;}
    .maxinner { width:94%;}

    .header .gnb-wrap > .gnb > li { margin:0 2em;}
    .header .gnb-wrap > .gnb > li > a { font-size:1.8rem;}

    .greeting .greeting-box .right { padding-bottom:15em;}
    .greeting .greeting-box .right .bg-img01 { left:0; bottom:0;}
    .greeting .greeting-box .right .bg-img02 { right:0; bottom:0;}

    .ci dl dd .pc-br { display:none;}
}
@media (max-width: 1280px){
    .header .hd-info { height:auto;}
    .header .gnb-wrap { display:none;}

    .header .hd-allmenu { display:block; position: fixed; right:3%; top:34px; z-index:9999; width:38px; height:24px;}
    .header .hd-allmenu .btn-allmenu { position:absolute; left:50%; top:50%; width:38px; height:24px; background-color: transparent; border: 1px solid transparent; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
    .header .hd-allmenu .btn-allmenu .bar { position:absolute; left:0; top:0; width: 100%; height: 4px; background: #000; -webkit-transition:all 0.2s; transition:all 0.2s;}
    .header .hd-allmenu .btn-allmenu .bar.bar01 { top:0;}
    .header .hd-allmenu .btn-allmenu .bar.bar02 { top:50%;}
    .header .hd-allmenu .btn-allmenu .bar.bar03 { top:100%;}      

    .header:after { display:none; content:""; position:fixed; left:0; top:0; z-index:-10; width:100%; height:100%; background:rgba(0,0,0,0.6);}
    .header .gnb-all-wrap { overflow-y:scroll; position:fixed; left:-100%; top:0; z-index:5000; padding-top:100px; min-width:270px; width:70%; height:100%; background:#fff; -ms-overflow-style: none; scrollbar-width: none; scroll-behavior: smooth; -webkit-transition:all 0.3s; transition:all 0.3s;} 
    .header .gnb-all-wrap::-webkit-scrollbar { display: none;}
    .header .gnb-all-wrap .gnb-all { display:block !important; position:static; height:auto !important; border-top:none; border-bottom:1px solid #ddd; box-shadow: none !important;}
    .header .gnb-all-wrap .gnb-all .inner { flex-wrap:wrap; border-right:none;}
    .header .gnb-all-wrap .gnb-all .gnb-all-list { flex:auto; padding:0; width:100%; min-height:auto; border-left:none;}    
    .header .gnb-all-wrap .gnb-all .gnb-all-list strong { padding:10px 20px; margin-bottom:0; background:#f1f1f1; border-top:1px solid #ddd; cursor:pointer;}
    .header .gnb-all-wrap .gnb-all .gnb-all-list strong i { opacity:1; position:absolute; right:20px; top:14px; width:25px; height:25px; background:#000; font-size:25px; text-align:center;}
    .header .gnb-all-wrap .gnb-all .gnb-all-list .depth { display:none; border-top:1px solid #ddd;}
    .header .gnb-all-wrap .gnb-all .gnb-all-list .depth li { padding:0;}
    .header .gnb-all-wrap .gnb-all .gnb-all-list .depth li:after { display:none;}
    .header .gnb-all-wrap .gnb-all .gnb-all-list .depth li a { display:block; padding:10px 20px;}
    .header .gnb-all-wrap .gnb-all .gnb-all-list .depth li a:hover { background:#f1f8ff;}
    .header .gnb-all-wrap .gnb-all .gnb-all-list .depth li a:after { width:100%; background:#aaa;}
    .header .gnb-all-wrap .gnb-all .gnb-all-list .depth li:last-child a:after { display:none;}

    .header .gnb-all-wrap .hd-info { right:auto; left:20px; top:50px; height:0;}
    .header .gnb-all-wrap .hd-info > ul > li { margin-left:1em;}
    .header .gnb-all-wrap .hd-info > ul > li:after { display:none;}
    .header .gnb-all-wrap .hd-info > ul > li > a { padding:5px 10px; border:1px solid #000; background:#000; color:#fff; vertical-align:baseline;}
        
    .header .gnb-all-wrap .gnb-all .gnb-all-list:hover strong { color:#000;}
    .header .gnb-all-wrap .gnb-all .gnb-all-list.on strong { background:#0b539e; color:#fff;}
    .header .gnb-all-wrap .gnb-all .gnb-all-list.on strong i { background:#fff; color:#0b539e;}
    .header .gnb-all-wrap .gnb-all .gnb-all-list.on .depth { display:block;}

    .header.open:after { display:block;}
    .header.open .gnb-all-wrap { left:0;}
    .header.open .hd-allmenu .btn-allmenu .bar { background:#fff;}
    .header.open .hd-allmenu .btn-allmenu .bar.bar02 { display:none;}
    .header.open .hd-allmenu .btn-allmenu .bar.bar01 { top:11px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
    .header.open .hd-allmenu .btn-allmenu .bar.bar03 { top:11px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}

    .main-visual .visual-slider .swiper-slide .txtbox { padding:0 3%;}
    .main-visual .visual-slider .swiper-slide .txtbox h2 { font-size:4.5rem; line-height:1.3;}
    .main-visual .visual-slider .swiper-slide .txtbox p { font-size:2rem;}

    .main-press .press-box { flex-wrap:wrap;}
    .main-press .press-box .half-box:first-child { width:48%;}
    .main-press .press-box .half-box > a { margin-top:4.5%;}
    .main-press .press-box .one-box { margin-left:2%; width:48%;}
    .main-press .press-box .half-box:last-child { flex-direction:row; margin-top:2%; margin-left:0; width:100%;}
    .main-press .press-box .half-box:last-child > a { margin-top:0; flex:auto; margin-left:2%; width:48%; height:auto;}
    .main-press .press-box .half-box:last-child > a:first-child { margin-left:0 !important;}

    .sub-visual { height:37em;}
    .sub-visual .sub-v-tit { font-size:4.2rem;}

    .greeting .greeting-box .left > strong { font-size:7rem;}
    .greeting .greeting-box > * { width:48%;}
    .greeting .greeting-box .left p br.pc-br { display:none;}
    .greeting .greeting-box .left .sp-txt br.pc-br { display:none;}

    .org-chart .maxinner { max-width:760px;}

    .major-business .business-list .txtbox p .pc-br { display:none;}

    .location .loc-info { flex-wrap:wrap;}
    .location .loc-info .left { width:100%;}
    .location .loc-info .right { margin:50px 0 0; width:100%;}  
    .location .loc-info .right ul { width:45%;}  

    .board-wrap .srboardList .listGallery2 > ul > li > a .txtbox .title { font-size:2.4rem;}
    .board-wrap .srboardList .listGallery2 > ul > li > a .txtbox .txtcon p { font-size:1.6rem;}

    .pribox > .box { padding:20px; width:90%;}

    .org-chart .org-graph > li > .etc-01:after { left:-90%; width:140%;}
    
	.quick a {width:4rem;}
}
@media (max-width: 1023px){
    .main-board .tablist { display:flex; justify-content:space-between; align-items:center; position:static; width:auto;}
    .main-board .tablist li { flex:1; }
    .main-board .tabarea { margin-left:0; margin-top:5em;}
    .main-board .tablist li span { padding:10px 20px; border:1px solid #ddd; border-bottom:none; text-align:center;}
    .main-board .tablist li span i { transition:none !important;}
    .main-board .tablist li.on span i { right:auto; left:50%; top:auto; bottom:0; z-index:5; margin-bottom:-14px; margin-left:-14px; webkit-transform:rotate(90deg); transform:rotate(90deg);}

    .footer .ft-btm { padding:3em 0 5em;}
    .footer .ft-btm h2 { float:none; width:100%;}
    .footer .ft-btm .address { float:none; margin-left:0; margin-top:3em;}

    .ci .ci-intro .ci-box .img-hei { width:80%;}
    .major-business .business-list { padding-top:0; margin:0;}
    .major-business .business-list > div { display:flex; justify-content:space-between; align-items:center; margin:4% 0 0 !important; width:100%;}
    .major-business .business-list > div:first-child { margin-top:0 !important;}
    .major-business .business-list > div > * { width:48%;}
    .major-business .business-list .txtbox p br { display:none;}
    .major-business .business-list .txtbox h4 { margin-top:0;}

    .member-benefit .mem-step .stepbox ul li { margin-left:40px;}
    .member-benefit .mem-step .stepbox ul li:after { width:40px;}

    .greeting .greeting-box .left > strong { font-size:5.4rem;} 
}

@media all and (max-width:767px){
    html { font-size:57%;}

    .btn-viewmore { width:140px;}
    
    .header { position:fixed; height:7em;}
    .header h1 a { display:block; width:160px;}
    .header .hd-allmenu { top:19px;}

    .header .hd-allmenu { top:22px; width:32px; height:20px;}
    .header .hd-allmenu .btn-allmenu { width:32px; height:20px;}
    
    .sub .sec-centent { padding-top:7em;}
    .main .sec-centent { padding-top:7em;}

    .main-tit h2 { padding-top:0.9em; padding-bottom:0.3em; font-size:2.7rem;}
    .main-tit p { font-size:1.6rem;}

    .main-visual .visual-slider .swiper-slide { height:calc(100vh - 7em - 100px);}
    .main-visual .visual-slider .swiper-slide .txtbox { margin-top:0;}
    .main-visual .visual-slider .swiper-slide .txtbox h2 { font-size:3.2rem;}
    .main-visual .visual-slider .swiper-slide .txtbox p { font-size:1.7rem;}
    .main-visual .visual-slider .swiper-slide .txtbox p br { display:none;}
    .main-visual .visual-slider .swiper-pagination { top:auto; bottom:5%; margin-top:0; transform:none;}

    .main-tourist { padding:7em 0;}
    .main-tourist .tour-slider { margin-top:4em;}
    .main-tourist .tour-slider .slick-track { padding-bottom:20px; min-height:auto;}
    .main-tourist .tour-slider .slick-slide .conbox:hover { margin:0 10px;}
    .main-tourist .tour-slider .slick-slide .conbox:hover .txtbox h3 { font-size:1.6rem;}
    .main-tourist .tour-slider .slick-slide .conbox:hover .txtbox p { font-size:1.4rem;}
    .main-tourist .tour-slider .slick-slide .conbox:hover .infobox { padding-top:1em;}

    .main-tourist .tour-slider .conbox { display:block; position:relative; margin:0 10px; -webkit-box-shadow:3px 3px 5px rgba(97,97,97,0.1); box-shadow:3px 3px 5px rgba(97,97,97,0.1);}
    .main-tourist .tour-slider .conbox:after { display:none;}

    .main-press { padding:7em 0;}
    .main-press .press-box .half-box > a { padding:2em 2em 7em;}
    .main-press .press-box .one-box a { padding:2em;}
    .main-press .press-box .half-box > a { margin-top:5% !important;}
    .main-press .press-box .half-box > a:first-child { margin-top:0 !important;}
    .main-press .press-box .half-box:first-child { width:100%;}
    .main-press .press-box .half-box:last-child { flex-wrap:wrap; margin-top:0;}
    .main-press .press-box .half-box:last-child > a { margin-left:0; width:100%;}
    .main-press .press-box .one-box { margin-left:0; margin-top:5%; margin-bottom:5%; width:100%;}

    .m-date { padding-left:2em;}
    .m-date img { top:-2px;}

    .main-quick { flex-wrap:wrap;}
    .main-quick > * { flex:auto; width:100%; padding:7em 0; height:auto;}
    .main-quick h2 { font-size:2.7rem;}

    .main-board .tablist li span { font-size:2rem;}
    .main-board .tabarea .bd-box { flex-wrap:wrap;}
    .main-board .tabarea .bd-box h3 { font-size:2rem;}
    .main-board .tabarea .bd-box > * { padding:2em 1.5em; margin-top:4%; width:100%;}
    .main-board .tabarea .bd-box > *:first-child { margin-top:0;}
    .main-board .tabarea .bd-box .bd-date { margin-top:2em;}

    .footer .ft-btm h2 img { width:160px;}
    .footer .ft-btm .address { margin-top:2em;}
    .footer .ft-btm .address > div p { display:block;}
    .footer .ft-btm .address > div p:nth-child(2) { margin-left:0;}
    .footer .ft-btm .address > div p:nth-child(2):after { display:none;}
    .footer .btntop { top:-20px;}
    .btn-top { width:40px; height:40px;}

    .sub-m-tit { margin-bottom:1.071em; font-size:2.7rem;}

    .sub-visual { height:20em;}
    .sub-visual .sub-v-tit { font-size:3.2rem;}

    .breadcrumb { position:relative;}
    .breadcrumb .btn-bread { display:block !important; position:relative; padding:10px 20px; width:100%; background:#f1f1f1; font-size:1.6rem; color:#404040; font-weight:500; border-bottom:1px solid #ddd; line-height:30px; text-align:left !important;}
    .breadcrumb .btn-bread:after { content:""; position:absolute; right:20px; top:22.5px; border:8px solid transparent; border-top:8px solid #404040;}
    .breadcrumb .btn-bread.on:after { border-top:none; border-bottom:10px solid #404040;}
    .breadcrumb .sub-nav-depth { display:none; position:absolute; left:0; top:100%; z-index:100; width:100%;}
    .breadcrumb .sub-nav-depth ul { display:block; height:auto; background:#fff;}
    .breadcrumb .sub-nav-depth li { display:block; margin:0; height:auto;}
    .breadcrumb .sub-nav-depth li:after { display:none;}
    .breadcrumb .sub-nav-depth li a { display:block; padding:0.625em 1.250em; font-size:1.6rem; text-align:left;}
    .breadcrumb .sub-nav-depth li a:after { display:none !important;}
    .breadcrumb .sub-nav-depth li.on a { background:#0b539e; color:#fff;}

    .sub-contents { padding:7em 0;}

    .greeting .greeting-box { flex-wrap:wrap;}
    .greeting .greeting-box > * { width:100%;}
    .greeting .greeting-box .left { text-align:center;}
    .greeting .greeting-box .left > strong { display:block; font-size:4rem;}
    .greeting .greeting-box .left .sp-txt { margin:0.7em 0 1em;}
    .greeting .greeting-box .right { margin-top:5em; padding-bottom:5em;}
    .greeting .greeting-box .right .m-img { margin:0 auto;}
    .greeting .greeting-box .right .bg-img01 { left:0; bottom:-5em;}
    .greeting .greeting-box .right .bg-img01 img { max-width:75%;}
    .greeting .greeting-box .right .bg-img02 { right:0; bottom:-5em; width:auto; text-align:right;}
    .greeting .greeting-box .right .bg-img02 img { max-width:75%;}
    .greeting .greeting-box .right .m-img > div.img01 { width:65%;}
    .greeting .greeting-box .right .m-img > div.img03 { right:0;}
    .greeting .greeting-box .right .m-img > div.img03:after { width:55%;}
    .greeting .greeting-box .right .m-img > div.img03:before { width:55%;}

    .ci dl { flex-wrap:wrap;}
    .ci dl dt { width:100%;}
    .ci dl dd { margin-top:20px; width:100%;}

    .ci .ci-symbol ul { margin-left:0; margin-top:3em;}
    .ci .ci-intro .ci-box { padding:50px 20px;}
    .ci .ci-color ul { margin-top:1em;}
    .ci .ci-color ul li { height:70px; text-align:center;}
    .ci .ci-color ul li span { width:50px; height:30px; border-radius: 40px / 25px; background:#fff; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

    .major-business .business-list > div { flex-wrap:wrap; margin-top:7em !important;}
    .major-business .business-list > div > * { width:100%;}
    .major-business .business-list > div .txtbox { margin:2em 0 0;}
    .major-business .business-list .txtbox h4,
    .major-business .business-list .txtbox h4 span { font-size:2.2rem;}
    
    .member-benefit .mem-step { padding:7em 2em; height:auto;}
    .member-benefit .mem-step .stepbox { flex-wrap:wrap; flex-direction:column; margin-top:0; width:100%;}
    .member-benefit .mem-step .stepbox > * { margin:0 auto; width:70%;}
    .member-benefit .mem-step .stepbox ul li { float:none; margin:2em 0; transition-delay:0s !imporant;}
    .member-benefit .mem-step .stepbox .cir { width:100%; height:100px; border-radius:100px;}
    .member-benefit .mem-step .stepbox ul li:after { right:auto; left:50%; top:auto; bottom:100%; width:1px; height:2em; border:none; border-right:2px dotted #84b6c0;}

    .member-benefit .btn-viewmore { display:block !important; margin:0 auto; margin-top:1.5em;}
    .member-benefit .btn-viewmore:first-child { margin-top:0;}

    .register-wrap { padding:7em 0 !important; background:#fff; border-top:1px solid #ddd;}
    .register-wrap .register-box { padding:0 2em !important; box-shadow:none !important;}

    .register-wrap.login .register-box .reg-tit { padding-top:2.1em; margin-bottom:1em; background-size:50px;}
    .register-wrap.login .reg-login > div { flex-direction:column;}
    .register-wrap.login .reg-login > div > label { margin-bottom:0.5em; width:100%; text-align:left;}
    .register-wrap.login .reg-login > div .inp-st03 { width:100%;}
    .register-wrap.login .reg-login-info { flex-wrap:wrap;}
    .register-wrap.login .reg-login-info > * { width:100%;}
    .register-wrap.login .reg-login-info .left { margin-bottom:3em; text-align:right;}
    .register-wrap.login .reg-login-info .right { padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
    .register-wrap.login .btnwrap { margin-top:3em;}
    .reg-form-wrap .formbox { margin-bottom:2.5em; padding-left:0;}
    .reg-form-wrap .formbox .titbox { position:static; margin-bottom:5px; width:100%; text-align:left;}
    .reg-form-wrap .formbox.form-birth:after { top:39px;}
    .reg-agree .agree-box .privbox textarea { max-height:150px;}
    .member-info .info-con .info-box { padding:2em 0; margin:2em 0;}

    .board-wrap .replyboardView { margin-bottom:3em;}
    .board-wrap .srboardView .bottomBtn { margin-top:3em;}
    .board-wrap .srboardView .viewArea .viewCont { padding:3em 1em;}
    .board-wrap .srboardView .viewArea .viewTitle { padding:3em 1em;}
    .board-wrap .srboardView .viewArea .viewTitle h4 { font-size:2rem;}
    .board-wrap .srboardView .viewArea .viewTitle .subInfo ul li { float:none; display:inline-block; padding:0 0.5em; vertical-align:middle;}
    .board-wrap .srboardView .viewArea .viewTitle .subInfo ul li:first-child { padding:0; width:100%;}
    .board-wrap .srboardView .viewArea .viewTitle .subInfo ul li dt { float:none; display:inline-block; vertical-align:middle;}
    .board-wrap .srboardView .viewArea .viewTitle .subInfo ul li.info-date dt:after { top:0;}
    .board-wrap .srboardView .viewArea .viewTitle .subInfo ul li dd { float:none; display:inline-block; vertical-align:middle;}
    .board-wrap .srboardView .viewArea .viewTitle .subInfo ul li:nth-child(2) { padding-left:0;}
    .board-wrap .srboardView .viewArea .viewTitle .subInfo ul li:nth-child(2):after { display:none;}
    .board-wrap .srboardView .view-btnwrap .left { padding-left:50px; font-size:1.4rem;}
    .board-wrap .srboardView .view-btnwrap .right { padding-right:50px; font-size:1.4rem;}
    .board-wrap .srboardView .view-btnwrap .btn-viewmore { width:130px;}
    .board-wrap .srboardView .view-btnwrap .btn-viewmore span { font-size:1.4rem;}

    .pager { margin-top:30px;}

    .board-wrap .board-search .selc-wrap > select { font-size:14px;}
    .board-wrap .board-search .inp-wrap > .inp-st { font-size:14px;}
    .board-wrap .board-search .inp-wrap > .inp-st::placeholder { font-size:14px;}

    .location .loc-info .left .wrap_map { height:280px !important;}
    .location .loc-info .right .graph { flex-wrap:wrap;}
    .location .loc-info .right ul { width:100%;}
    .location .loc-info .right ul:last-child { margin-top:7em; margin-left:0;}
    .location .loc-info .right .busline { margin-top:70px;}

    .board-wrap .srboardList .listGallery2 > ul > li > a { padding:2em 0; align-items:flex-start;}
    .board-wrap .srboardList .listGallery2 > ul > li > a .imgbox { width:30%;}
    .board-wrap .srboardList .listGallery2 > ul > li > a .txtbox { width:65%;}
    .board-wrap .srboardList .listGallery2 > ul > li > a .txtbox .title { font-size:1.8rem;}
    .board-wrap .srboardList .listGallery2 > ul > li > a .txtbox .txtcon p { font-size:1.5rem;}

    .org-chart .maxinner { max-width:none;}
    .org-chart .org-graph .org-box { font-size:1.5rem;}
    .org-chart .org-graph .org-box { padding:1em 0.5em; max-width:150px; min-width:100px !important;}
    .org-chart .org-graph > li > .etc-01 { top:35px; width:30%;}
    .org-chart .org-graph > li > .etc-01 > li {}
    .org-chart .org-graph > li > .etc-01 > li > .org-box { min-width:80px !important;}
    .org-chart .org-graph > li > .etc-01:after { left:-66%; width:116%;}
    .org-chart .org-graph > li > .etc-02 > li > .org-depth02 .org-ch strong { font-size:1.3rem;}
    .org-chart .org-graph > li > .etc-02 > li > .org-depth02 .org-ch .org-depth03 li { font-size:1.3rem;}
    .org-chart .org-graph > li > .etc-02 > li > .org-depth02 .org-ch .org-depth03 { padding:10px;}
}

@media all and (max-width:480px){
    .main-visual .visual-slider .swiper-pagination .swiper-pagination-bullet { margin:0 4px;}
    .main-tourist .tour-slider .slick-list { padding-right:20%;}
    .ci .ci-symbol ul li { height:200px;}
    .member-info .btnwrap { flex-wrap:wrap;}
    .member-info .btnwrap a { flex:auto; margin:2px 0; max-width:none; width:100%;}
    .member-sece .sece-con .sece-box > div { flex-wrap:wrap;}
    .member-sece .sece-con .sece-box > div strong { display:block; margin-bottom:0.5em; flex:auto;}
    .member-sece .sece-con .sece-box > div input { flex:auto;}

}