@charset "utf-8";


.icon_g {overflow:hidden; text-align:left; text-indent:-999px; vertical-align:middle; background:url('/images/icon/icon_g.png') no-repeat center;}


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

#pop_layer {position:fixed; top:200px; left:50px; min-width:200px; z-index:111100; background:#ccc;}
#pop_layer .pop_footer {overflow:hidden; padding:8px 10px; font-size:13px; color:#606060; background:#fff;}
#pop_layer .pop_footer .chk {float:left;}
#pop_layer .pop_footer .close {float:right; font-size:13px; color:#606060;}


/* pc header */
#section_header .inwrap {padding-top:0;}
#top_ban {position:relative; height:130px;}
#top_ban .swiper-container {position:absolute; top:0; left:50%; width:2000px; height:130px; margin-left:-1000px;}
#top_ban .swiper-slide a {display:block;}
#top_ban .swiper-controls {position:relative; z-index:100; width:95%; max-width:1210px; margin:0 auto; text-align:right; background:#000;}
#top_ban .swiper-controls .inwrap {position:absolute; right:0; top:90px;}
#top_ban .swiper-pagination {display:inline-block; position:relative; width:auto; line-height:0; padding:0; vertical-align:middle;}
#top_ban .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin:0 5px; border:1px solid #fff; background:#fff; opacity:1;}
#top_ban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:transparent}
#top_ban .swiper-controls {color:#121212; font-size:0;}
#top_ban .swiper-controls * {vertical-align:middle;}
#top_ban .btn_play {width:9px; height:10px; margin-left:5px; background-position:0 0;}
#top_ban .btn_pause {width:8px; height:10px; margin-left:0px; background-position:-16px 0;}
#top_ban label {display:inline-block; margin-left:15px; font-size:14px;}
#top_ban .btn_close {margin-left:10px;}
#top_ban_chk {margin-left:10px;}
#pc_header {position:fixed; top:0; left:0;  z-index:1010; width:100%;  transition:top 1s ease-in-out; -webkit-transition:top 1s ease-in-out;}
#pc_header .header {overflow:hidden; position:relative; z-index:100; height:80px;}
#pc_header .header:before {position:absolute; top:80px; left:0; right:0; height:800px; content:'';}
#pc_header .header .inwrap {position:relative; width:95%; min-width:340px; max-width:1260px; margin:0 auto;}
#pc_header h1 {position:absolute; top:25px; left:0;}
#pc_header h1 img {width:155px;}
#pc_header .top_util {position:absolute; top:21px; right:0; font-size:15px; color:#4f4f4f;}
#pc_header .top_util a {position:relative; float:left; margin-left:5px; border-radius:20px;}
#pc_header .btn_t_search {width:172px; padding-left:23px; line-height:39px; background:#e8e9eb;}
#pc_header .btn_t_search .icon_g {position:absolute; right:15px; top:11px; width:16px; height:16px; background-position:-32px 0;}
#pc_header .top_search {float:left; position:relative; width:172px; height:39px; padding-left:23px; padding-right:39px; border-radius:20px; line-height:39px; background:#e8e9eb;}
#pc_header .top_search input[type="text"] {width:100%; height:38px; border:0; padding:0; outline:none; background:#e8e9eb;}
#pc_header .top_search input[type="submit"] {overflow:hidden; position:absolute; top:0; right:10px; width:25px; height:39px; text-indent:-999px; background: url('/images/icon/icon_g.png') no-repeat -27px 11px;}
#pc_header .top_search input[type="button"] {overflow:hidden; position:absolute; top:0; right:10px; width:25px; height:39px; text-indent:-999px; background: url('/images/icon/icon_g.png') no-repeat -27px 11px;}
#pc_header .btn_t_sitemap {padding:0 38px 0 21px; border:1px solid #cdcecf; line-height:37px;}
#pc_header .btn_t_sitemap .icon_g {position:absolute; right:14px; top:13px; width:16px; height:16px; background-position:-52px 0;}
#pc_header .btn_t_en {width:39px; height:39px; line-height:39px; font-size:14px; color:#fff; line-height:39px; text-align:center; letter-spacing:0; background:#0d2d4f;}
#pc_nav {margin:0 365px 0 185px; font-size:0;}
#pc_nav .nav_dep1 > li {display:inline-block; width:25%; text-align:center; vertical-align:top; word-break:break-all;}
#pc_nav .nav_dep1 > li > a {display:block; font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana; font-size:21px; color:#131313; line-height:80px; text-align:center; font-weight:700; transition:color 0.4s;}
#pc_nav .nav_dep2 {display:none; position:absolute; top:80px; left:0; right:0; text-align:left; border-left:1px solid #dddee0;}
#pc_nav .nav_dep2 > li {float:left; position:relative; width:25%; padding:2.45% 3% 0;}
#pc_nav .nav_dep2 > li:before {position:absolute; top:0; right:0; width:1px; height:800px; background:#dddee0; content:'';}
#pc_nav .nav_dep2 > li:nth-child(4n+1){clear:both;}
#pc_nav .nav_dep2 > li > a {font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',Tahoma, Geneva, sans-serif,verdana; font-size:19px; color:#000000; font-weight:700;}
#pc_nav .nav_dep3 {margin-top:10px; margin-left:2px;}
#pc_nav .nav_dep3 > li > a {display:inline-block; position:relative; padding:6px; font-size:16px; color:#646464; line-height:19px; vertical-align:top; transition:color 0.4s; -webkit-transition:color 0.4s;}
#pc_nav .nav_dep3 > li > a:before {position:absolute; top:6px; left:-2px; content:'-'}
#pc_nav .nav_dep3 > li > a:hover {color:#000;}
#pc_nav .nav_dep1 > li.on > a {color:#108ad3}
#pc_nav .nav_dep1 > li.on .nav_dep2 {display:block;}
#pc_header.fixed_top .header {border-bottom:1px solid #dddddd !important;}
#pc_header.menu_open .header {border-bottom:2px solid #0d2d4f !important;}
#pc_header.fixed_top {top:-130px;}

.header_size {height:100px;}

.top_ban_none #pc_header {top:0;}
.top_ban_none #top_ban {display:none;}


/* mobile header */
#mobile_header {border-bottom:1px solid #dddddd;}
#mobile_header {position:fixed; top:0; left:0; width:100%; height:56px; z-index:1000; display:none; background:#fff;}
#mobile_header .btn_menu {position:absolute; top:12px; left:15px; width:30px; height:30px; border:1px solid #cecfd0; border-radius:50%; background:url('/images/icon/icon_menu.png') no-repeat center; background-size:11px auto;}
#mobile_header .btn_search {position:absolute; top:12px; right:15px; width:30px; height:30px; border-radius:50%; background:url('/images/icon/icon_search.png') no-repeat center #e8e9eb; background-size:11px auto;}
#mobile_header .logo {padding-top:17px; text-align:center;}
#mobile_header .logo img {width:104px;}
#mobile_nav {position:fixed !important; top:0; left:-100%; bottom:0; z-index:100; width:85%; max-width:500px; z-index:100; background:#fff; transition:left 0.4s;}
#mobile_nav .top {height:55px; background:#fff;}
#mobile_nav .btn_close {position:absolute; top:12px; left:15px; width:30px; height:30px; border:1px solid #cecfd0; border-radius:50%; background:url('/images/icon/icon_menu_close.png') no-repeat center; background-size:9px auto;}
#mobile_nav .scroll_box {overflow-y:auto; position:absolute; top:55px; left:0; right:0; bottom:0;}
#mobile_nav .nav_dep1 a {position:relative;}
#mobile_nav .nav_dep1 {border-top:1px solid #dcdee1; background:#f3f4f5;}
#mobile_nav .nav_dep1 .nav_dep2 {display:none;}
#mobile_nav .nav_dep1 .nav_dep3 {display:none;}
#mobile_nav .nav_dep1 a {display:block;}
#mobile_nav .nav_dep1 > li {border-bottom:1px solid #dcdee1;}
#mobile_nav .nav_dep1 > li > a {padding-left:18px; font-size:15px; color:#171717; line-height:40px; font-weight:bold;}
#mobile_nav .nav_dep2 {display:none; background:#e1e3e6;}
#mobile_nav .nav_dep2 > li+li {border-top:1px solid #cacdd2;}
#mobile_nav .nav_dep2 > li > a {padding-left:18px; font-size:13px; color:#171717; line-height:40px; font-weight:bold;}
#mobile_nav .nav_dep3 {background:#fff;}
#mobile_nav .nav_dep3 > li {border-top:1px solid #e8e9eb;}
#mobile_nav .nav_dep3 > li > a {position:relative; padding-left:28px; font-size:13px; color:#171717; line-height:40px; font-weight:bold;}
#mobile_nav .nav_dep3 > li > a:before {position:absolute; top:0; left:18px; content:'-'}
#mobile_nav.menu_open {left:0;}

#mobile_nav .nav_dep1 a:after {position:absolute; top:50%; right:20px; width:10px; height:10px; margin-top:-5px; background:url('/images/icon/icon_nav_default01.png') no-repeat center; background-size:100% auto; content:'';}
#mobile_nav .nav_dep1 li.no_child > a:after {display:none;}
#mobile_nav .nav_dep1 > li > a:after {background-image:url('/images/icon/icon_nav_default02.png')}
#mobile_nav .nav_dep3 > li > a:after {display:none;}
#mobile_nav .nav_dep1 > li.on > a {color:#fff; background:#108ad3;}
#mobile_nav .nav_dep1 > li.on > a:after {background-image:url('/images/icon/icon_nav_on01.png')}
#mobile_nav .nav_dep1 > li.on .nav_dep2 {display:block;}
#mobile_nav .nav_dep2 > li.on > a:after {background-image:url('/images/icon/icon_nav_on02.png')}
#mobile_nav .nav_dep2 > li.on .nav_dep3 {display:block;}


#sitemap {display:none; position:fixed; top:0; left:0; z-index:11100000; width:100%; height:100%; overflow-y:scroll; background:#0d2d4f;}
#sitemap .inwrap {position:relative; width:94%; max-width:1260px; margin:0 auto;}
#sitemap .btn_close {position:absolute; top:65px; right:45px;}
#sitemap .logo {padding:60px 0 50px; border-bottom:3px solid #ffffff; text-align:center;}
#sitemap .nav_dep1 > li {display:inline-block; width:100%; padding:50px 0; border-bottom:1px solid #3d5772;}
#sitemap .nav_dep1 > li > a,
#sitemap .nav_dep1 > li > h2 {display:block; float:left; font-size:26px; line-height:50px; color:#fff; font-weight:400;}
#sitemap .nav_dep2 {overflow:hidden; margin-left:200px; padding-top:10px;}
#sitemap .nav_dep2 > li {float:left; width:25%;}
#sitemap .nav_dep2 > li:nth-child(4n+1) {clear:both;}
#sitemap .nav_dep2 > li > a {display:block; padding:5px 0; font-size:17px; line-height:25px; color:#fff; font-weight:400;}
#sitemap .nav_dep3 {padding:10px 20px 10px 0px}
#sitemap .nav_dep3 > li > a {display:block; position:relative; padding:5px 0 5px 13px; font-size:15px; color:#6e8195; line-height:20px;}
#sitemap .nav_dep3 > li > a:before {position:absolute; top:14px; left:0; width:3px; height:3px; background:#6e8195; content:'';}
#sitemap .nav_dep4 {margin-left:12px; padding:5px 0;}
#sitemap .nav_dep4 > li > a {display:block; position:relative; padding-left:8px; font-size:14px; color:#6e8195; line-height:23px;}
#sitemap .nav_dep4 > li > a:before {position:absolute; top:0px; left:0; content:'-';}



#privacy_pop {display:none;} /* display:none; */
#privacy_pop #select_year {position:absolute; top:42px; right:120px; z-index:100;}
#privacy_pop #select_year button {width:250px; height: 40px;  padding: 3px 45px 3px 10px; border: 1px solid #d2d2d2; font-size: 17px; color: #000000; text-align:left; background:#fff url('/images/icon/icon_sel_arrow01.gif') 100% 50% no-repeat !important; background-size:20px auto !important;}
#privacy_pop #select_year ul {display:none; width:250px; padding:10px 0; border:1px solid #d2d2d2; border-top:0; font-size: 17px; color: #000000;  background: #fff;}
#privacy_pop #select_year a {display:block; padding-left:10px; line-height:30px;}
#privacy_pop #select_year.open ul {display:block;}
#privacy_pop .bg {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); z-index:11100000;}
#privacy_pop .privacy_cont {position:fixed; top:100px; left:50%; bottom:100px; z-index:11100001; width:1070px; margin-left:-535px; background:#fff;}
#privacy_pop h2 {padding-left:55px; font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',sans-serif; font-weight:900; font-size:40px; color:#fff; font-weight:700; line-height:120px; background:#108ad3;}
#privacy_pop .btn_close {position:absolute; top:35px; right:40px;}
#privacy_pop .inwrap {position:relative; background:#fcfcfc;}
#privacy_pop .box {display:none;}


.privacy_cont {}
.privacy_cont {color:#1f1f1f;}
.privacy_cont h3 {margin-bottom:10px; font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',sans-serif ; font-size:26px; font-weight:900;}
.privacy_cont h4 {margin:30px 0 2px; font-family: 'NanumSquare','돋움',Dotum,'굴림',Gulim,Helvetica, 'Apple SD Gothic Neo',sans-serif ; font-size:20px; font-weight:700;}
.privacy_cont .psection {margin-bottom:60px;}
.privacy_cont .box {position:absolute; top:120px; left:0; right:0; bottom:130px; padding:50px; overflow-y:scroll;}
.pnum_list {margin-top:20px;}
.pnum_list li {list-style:decimal; margin-left:20px;}
.pnum_list li+li {margin-top:20px;}
#privacy_pop .btn_area {position:absolute; left:50px; right:50px; bottom:50px;}
#privacy_pop .btn_area > div {display:none;}
#privacy_pop .btn_area a {margin:3px; color:#fff; background:#3d3d3d;}
#privacy_pop .on {display:block !important;}





#fban_swiper {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
#fban_swiper .swiper-container {position:relative; width:96%; max-width:1280px; margin:0 auto; padding:0 17px;}
#fban_swiper .swiper-slide {width:auto; text-align:center;}
#fban_swiper .swiper-button-prev {overflow:hidden; top:0; left:0; width:16px; height:99px; margin:0; text-indent:-999px; text-align:left; background:#fff no-repeat center url('/images/icon/icon_f_prev.png')}
#fban_swiper .swiper-button-next {overflow:hidden; top:0; right:0; width:16px; height:99px; margin:0; text-indent:-999px;  text-align:left; background:#fff no-repeat center url('/images/icon/icon_f_next.png')}

#footer {padding:40px 0 60px; text-align:left; background:#f3f4f5;}
#footer .inwrap {position:relative; width:96%; max-width:1280px; margin:0 auto; padding-left:180px; padding-right:250px; font-size:14px; color:#828282; line-height:1.4285; letter-spacing:-0.03em;}
#footer .logo {position:absolute; top:0; left:0;}
#footer .copyright {margin-top:10px;}
#footer .footer_cont p {overflow:hidden; margin-left:-6px;}
#footer .footer_cont p span {display:inline-block; position:relative; padding:0 8px 0 6px;}
#footer .footer_cont p span:before {position:absolute; top:9px; left:-2px; width:2px; height:2px; border-radius:50%; background:#828282; content:'';}
/* 2019.09.10 */
.accessibility {position:absolute; top:0px; right:0;}
.accessibility.good {right:50px;}
.accessibility.wa {right:258px; top:-5px}
/* 2019.09.10 */
.btn_privacy {display:inline-block; margin:5px 0 15px; font-size:15px; color:#141313; font-weight:500;}

.btn_ftop_b {position:fixed; right:27px; bottom:27px; z-index:1000; width:35px; height:35px; border-radius:50%; font-size:12px; color:#fff; font-weight:500; line-height:35px; text-align:center; letter-spacing:0; background:#2176bd;}


.dimmed_bg {display:none; position:fixed; top:0; left:0; z-index:10; width:100%; height:120%; background:rgba(0,0,0,0.8);}

#move {position:absolute; top:-110px; left:0;}



@media all and (max-width: 1281px){
	.mobile #pc_header {display:none;}
	.mobile #mobile_header {display:block;}
	#footer .inwrap {padding:0;}
	.btn_privacy {position:relative; left:0; margin-bottom:10px;}


	#pc_nav {margin-right:200px;}
	.btn_t_sitemap {display:none;}
	.btn_t_en {display:none;}
	#footer .logo {display:none;}
	
	/* 2019.09.10 */
	.accessibility {position:relative; margin-top:20px;}
	.accessibility.good {right:auto; left:0; margin-right:20px;}
	.accessibility.wa {right:auto; left:0; top:-5px}
	/* 2019.09.10 */

}
@media all and (max-width: 1281px){
	#pc_nav {margin-right:0px;}
	.btn_t_search {display:none;}
	#pc_header .top_search {display:none;}

	#privacy_pop .privacy_cont {top:50px; left:15px; right:15px; bottom:50px; width:auto; margin:0;}
	.privacy_cont .box {bottom:160px;}
}
@media all and (max-width: 767.99px){
/*
	.pc #pc_header {display:none;}
	.pc #mobile_header {display:block;}
	*/

	#fban_swiper .swiper-container {padding:0 40px;}
	#fban_swiper .swiper-slide img {height:50px;}
	#fban_swiper .swiper-container {width:100%; padding:0 40px;}
	#fban_swiper .swiper-button-prev, #fban_swiper .swiper-button-next {width:40px; height:50px; background-size:8px auto;}

	#footer {padding:15px;}
	#footer .inwrap {font-size:11px;}
	#footer .copyright {margin-top:5px;}
	.btn_privacy {margin-bottom:5px; font-size:12px;}
	#footer .footer_cont p {margin-left:-4px;}
	#footer .footer_cont p span {padding:0 6px 0 4px;}
	#footer .footer_cont p span:before {top:6px;}

	#privacy_pop #select_year {top:40px; left:25px; right:0;}
	#privacy_pop #select_year button  {height:33px; font-size:14px;}
	#privacy_pop #select_year ul {padding:5px; font-size:14px;}
	#privacy_pop #select_year a {display:block; padding-left:10px; line-height:20px;}

	#privacy_pop .privacy_cont {top:50px; left:15px; right:15px; bottom:50px; width:auto; margin:0;}
	#privacy_pop h2 {height:85px; padding-left:25px; font-size:20px; line-height:50px;}
	#privacy_pop .btn_close {top:17px; right:15px;}
	#privacy_pop .btn_close img {width:26px;}
	.privacy_cont h3 {margin-bottom:5px; font-size:17px;}
	.privacy_cont h4 {margin:15px 0 0; font-size:15px;}
	.privacy_cont .box {top:85px; bottom:110px; padding:15px;}
	.pnum_list li+li {margin-top:10px;}
	#privacy_pop .btn_area {left:15px; bottom:15px; right:15px;}
	#privacy_pop .btn_area a {width:100%; margin:1px; padding:0 5px; font-size:11px;}

}
@media all and (max-width: 600px){
	#pc_header h1 {display:none;}
	#pc_header .header .inwrap {width:99%;}
	#pc_nav .nav_dep1 > li > a {font-size:17px; white-space:nowrap;}
	#pc_nav .nav_dep2 {padding-top:20px;}
	#pc_nav .nav_dep2 > li > a {font-size:17px; line-height:1.2;}
	#pc_nav .nav_dep3 > li > a {font-size:15px; line-height:1.2;}
	#pc_nav .nav_dep2 > li {width:100%;}
	#pc_nav {margin-left:0;}

	/* 2019.09.10 */
	.accessibility {margin-top:15px;}
	.accessibility.good {width:92px; margin-right:10px;}
	.accessibility.wa {width:50px;}
	/* 2019.09.10 */

}