@charset "utf-8";
/**
공통 레이아웃
*/
.slick-vertical .slick-slide{border:none;}
.slick-slide{min-height:0;}
.m{display:none !important;}
.mask{visibility:hidden; opacity:0; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.45);}
.mask.on{z-index:95; visibility:visible; opacity:1; transition:opacity 0.25s linear;}
#content.on + .mask{opacity:0;}

body{width:100%; min-width:1430px; overflow-x:hidden;}

#skip-navigation{z-index:9999; position:absolute; left:0; top:0;}
#skip-navigation *{list-style:none; margin:0; padding:0;}
#skip-navigation a{display:block; width:1px; height:1px; overflow:hidden; color:#000; white-space:nowrap;}
#skip-navigation a:focus,
#skip-navigation a:active{width:100px; height:auto; background:#ffd;}

.inner{position:relative; width:1200px; margin:0 auto; box-sizing:border-box;}
.inner:after{content:''; display:block; clear:both; width:100%;}


.logo {z-index:94; position:absolute; top:33px; left:0; line-height:160%; text-align:left; font-family:"paybooc";}
.logo *{display:inline-block; vertical-align:top;}
.logo a{text-decoration:none; color:#000;}
.logo img{margin:0 5px 0 0;}
.logo strong{padding:4px 0 6px 0; line-height:100%; font-size:30px; font-weight:800; letter-spacing:-2px;}
.logo span > span{display:block; padding:0 0 0 3px; line-height:100%; font-size:11px; font-weight:400; color:#666; font-family:"Noto Sans KR"; text-transform:uppercase; letter-spacing:-0.4px;}


#top{position:relative; width:100%; height:50px; background:#ececec;}
#top:after{content:''; display:block; clear:both; width:100%;}

.global{float:left; width:770px; font-size:16px; font-weight:400; letter-spacing:-1px; font-family:'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
.global > li{z-index:95; position:relative; float:left; width:20%; margin:0 2px 0 0; box-sizing:border-box;}
.global > li > a{position:relative; display:block; line-height:50px; color:#fff; background:#44464a; text-decoration:none; text-align:center;}
.global > li.on > a{color:#000; background:#fff; font-weight:800;}
.global > li.list.on > a.on{font-weight:700;}
.global > li.list > a.on{color:#fff; background:#06324f;}
.global > li.list > a:after{content:''; display:inline-block; vertical-align:middle; width:8px; height:8px; margin:-6px 0 0 17px; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(45deg); transition:transform 0.25s ease-in-out;}
.global > li.list.on > a:after{border-color:#44464a;}
.global > li.list > a.on:after{margin-top:2px; border-color:#fff; transform:rotate(-135deg);}

.global li div{display:none; z-index:96; position:absolute; top:50px; left:0; width:calc(100% - 3px); padding:0 8px 5px; background:#fff; border:1px solid #06324f; border-top:none; border-radius:0 0 10px 10px; box-shadow:5px 10px 10px rgba(0,0,0,0.12); box-sizing:border-box; text-align:left;}
.global li div a{display:block; height:44px; line-height:45px; border-top:1px dotted rgba(0,0,0,0.17); text-align:center; box-sizing:border-box; transition:0.25s ease-in-out; font-weight:400;}
.global li div li:first-child a{border-top:none;}
.global li div a:hover{box-shadow:inset 0 44px 0 rgba(0,0,0,0.04);}
.global li div a[target="_blank"]:after{margin-left:5px;}

.global .list1 div{width:315px;}
.global .list2 div{width:305px;}
.global .list1 li{display:inline-block; width:30%; margin:0 1.1%; vertical-align:top;}
.global .list1 li:nth-child(-n+3) a{border-top:none;}
.global li div .pos a{line-height:110%;}
.global li div .pos span{display:block; padding:4px 0 0 0; font-size:10px;}

#font_control {float:right;}
#font_control .sns{float:left;}
#font_control ul{float:left; margin:7px 0 0 0;}
#font_control ul > li{float:left; text-align:center;}
#font_control ul > li > a{display:block; width:37px; height:37px; line-height:37px; margin:0 0 0 2px; font-size:14px; color:#333; border:1px solid #9f9f9f; box-sizing:border-box; text-decoration:none;}
#font_control li.img a{text-indent:-999px; font-size:0; background:url(/source/korean/images/common2022/ico_util.png) no-repeat 15px 11px;}
#font_control li.small a{background-position:-64px 11px;}
#font_control li.print a{background-position:-115px 9px;}
#font_control li a:hover{background-color:rgba(255,255,255,0.3);}

.top_sns{float:left; padding:9px 20px 0 0;}
.top_sns a{display:block; width:38px; height:37px; font-size:0; text-indent:-999px; background:#326bdb url(/source/korean/images/common2022/ico_sns.png) no-repeat 15px 9px;}
.top_sns a:hover{background-color:#094fd8;}
.top_sns a.insta{background-position:-33px 10px;}
.top_sns a.yt{background-position:-90px 10px;}

#header{position:relative; height:189px;}
#header .inner{padding:33px 0 0 0; box-sizing:border-box;}


/* 메인메뉴 */
#menuArea{position:absolute; left:0; top:50px; width:100%; min-width:1430px; z-index:93; background:#fff; font-size:16px; font-weight:400; letter-spacing:-1px; font-family:'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
#menuArea .bar{display:none; position:absolute; top:67px; left:0; width:72px; height:8px; opacity:0; z-index:98; background:#00508e; border-radius:8px; transition:0.3s;}

body.on .mask{z-index:92; visibility:visible; opacity:1; top:auto; bottom:0; height:calc(100% - 170px);}

#topmenu{float:left; width:100%; padding:0 54px 0 0; font-size:17px; font-weight:400; box-sizing:border-box;}
#topmenu > li{position:relative; float:left; width:12.5%; line-height:0;}
#topmenu > li > a{position:relative;}

#topmenu > li > a{z-index:97; position:relative; display:block; line-height:70px; color:#000011; font-size:20px; font-weight:800; text-align:center; text-decoration:none;}

#topmenu li a[target="_blank"]:after{content:''; display:inline-block; width:12px; height:12px; margin:-6px 0 0 8px; vertical-align:middle; background:url(/source/korean/images/common2022/ico_open.png) no-repeat 0 100%;}
#topmenu > li > a[target="_blank"]:after{margin-top:-2px;}

#topmenu > li:hover > a,
#topmenu > li > a:hover,
#topmenu > li > a:active,
#topmenu > li > a:focus,
#topmenu > li.current_on > a{color:#111d68;}

#topmenu li .menu{z-index:96; visibility:hidden; opacity:0; position:absolute; top:98px; left:50%; width:180px; padding:21px 0; box-shadow:3px 3px 18px rgba(0,0,0,0.1); transform:translateX(-50%); text-align:center; background:#01234b; transition:0.22s ease-in-out; }
#topmenu li.active .menu{visibility:visible; opacity:1; top:108px;}

#topmenu li li{margin:0 0 7px;}
#topmenu li li a{display:block; line-height:110%; padding:10px 0; color:#fff; text-decoration:none;}
#topmenu li li a span{position:relative; display:inline-block; padding:0 18px;}
#topmenu li li a span:after{content:''; display:block; position: absolute; bottom:-8px; left:50%; width:0; height:2px; background:rgba(255,255,255,0.5);}
#topmenu li li a:hover span:after{left:0; width:100%; transition:0.18s ease-in-out;}


.btn_menu{z-index:94; position:absolute; top:185px; right:50%; width:40px; height:40px; margin:0 -600px 0 0; font-size:0; box-sizing:border-box; text-decoration:none !important; background:url(/source/korean/images/common2022/btn_menu.png) no-repeat 5px 10px;}

.btn_menu_close{display:block; z-index:96; position:absolute; top:27px; right:3%; width:50px; height:50px; border-radius:50%; border:1px solid rgba(0,0,0,0.6); background:none;}
.btn_menu_close .bar{position:absolute; top:24px; left:12px; display:block; width:25px; height:1px; background:rgba(0,0,0,0.6);}
.btn_menu_close .bar1{transform:rotate(45deg);}
.btn_menu_close .bar2{transform:rotate(-45deg);}

@media all and (max-width:1430px) {
	.btn_menu{margin:0 -650px 0 0;}
}
@media all and (max-width:1230px) {
	.btn_menu{margin:0 -770px 0 0;}
}
@media all and (max-width:1024px) {
	.btn_menu{right:-300px; margin:0;}
}

/* 검색*/
#search{z-index:94; position:relative; float:right;}
#search form{width:350px; height:50px; padding:0 50px 0 0; border:4px solid #111d68; border-radius:25px; background:#fff; box-sizing:border-box; transition:0.25s ease-in-out;}
#search input[type="text"]{width:100%; height:42px; line-height:38px; padding:0 0 0 25px; border-radius:25px; border:none; text-align:left; box-sizing:border-box;}
#search ::-webkit-input-placeholder{font-size:14px; color:rgba(0,0,0,0.3);}
#search :-ms-input-placeholder{font-size:14px; color:rgba(0,0,0,0.3);}
#search ::placeholder{font-size:14px; color:rgba(0,0,0,0.3);}
#search button{position:absolute; top:4px; right:10px; width:42px; height:42px; padding:0; font-size:0; text-indent:-999px; background:transparent;}
#search button:before,
#search button:after{content:''; display:block; position:absolute; top:9px; left:10px; width:18px; height:18px; border:3px solid #111d68; border-radius:50%; box-sizing:border-box;}
#search button:after{left:23px; top:25px; width:8px; height:3px; border:none; border-radius:2px; transform:rotate(45deg); background:#111d68;}
#search .btn_search{display:none; position:absolute; top:0; right:15px; width:30px; height:30px; padding:0; font-size:0; text-indent:-999px; background:transparent;}
#search .btn_search:before,
#search .btn_search:after{content:''; display:block; position:absolute; top:3px; left:3px; width:18px; height:18px; border:3px solid #3b4866; border-radius:50%; box-sizing:border-box; transition:0.25s ease-in-out;}
#search .btn_search:after{top:auto; left:auto; bottom:4px; right:6px; width:10px; height:3px; border:none; border-radius:3px; transform:rotate(45deg); transform-origin:100% 100%; background:#3b4866;}
#search.on .btn_search:before{top:auto; left:5px; bottom:6px; width:27px; height:27px; border-radius:0; transform:rotate(45deg); border:none; border-left:3px solid #3b4866; transform-origin:0 100%;}
#search.on .btn_search:after{width:27px; border-radius:0;}


/* 하단*/
#footer{clear:both; position:relative; width:100%; padding:48px 0 35px 0; line-height:120%; color:#fff; background:#3b414d; font-size:16px; letter-spacing:-1px; font-family:'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
#footer:after{content:''; display:block; clear:both; width:100%;}
#footer .logo {top:0;}
#footer .logo img{display:none;}
#footer .logo strong{padding-top:0; color:#767a83;}
#footer .logo span > span{color:rgba(215,215,215,0.5); text-transform:inherit;}
#footer .info,
#footer .link{padding:0 0 0 175px; font-weight:400;}
#footer .link{padding-bottom:23px; font-size:17px;}
#footer .link li{position:relative; display:inline-block;}
#footer .link li a{color:#fefefe;}
#footer .link li:before{content:''; display:inline-block; width:3px; height:3px; margin:8px 13px 0; background:#898d94; vertical-align:top;}
#footer .link li:first-child:before{display:none;}
#footer .link .privacy a{color:#f56914;}
#footer .info {color:#fefefe; text-transform:uppercase; font-size:15px; font-weight:200;}
#footer .copyright{padding:5px 0 0 0; color:#d2d2d2; text-transform:uppercase;}
#footer address{color:#fff;}

/* 하단*/
.linksite{z-index:1; position:relative; clear:both; width:100%; background:#2f343e; font-weight:400; font-size:16px; letter-spacing:-1px; font-family:'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
.linksite:after{content:''; display:block; clear:both;}
.linksite .inner > li{float:left; width:33.33%; border-right:1px solid rgba(255,255,255,0.2); box-sizing:border-box;}
.linksite .inner > li:first-child{border-left:1px solid rgba(255,255,255,0.2);}
.linksite .inner > li > a{position:relative; display:block; height:60px; line-height:60px; padding:0 0 0 29px; color:#fefefe; text-decoration:none;}
.linksite .inner > li:last-child > a{border:none;}
.linksite .inner > li > a:after{content:''; display:block; position:absolute; top:50%; right:32px; width:14px; height:14px; margin:-7px 0 0 0; background:url(/source/korean/images/common2022/ico_linksite.gif) no-repeat;}
.linksite .inner > li.on > a{color:#000; background:rgba(255,255,255,0.9); font-weight:400;}
.linksite .inner > li.on > a:after{background-position:0 -14px;}
.linksite li div{display:none; z-index:56; position:absolute; bottom:60px; left:0; overflow:hidden; width:100%; font-weight:400; border-radius:10px 10px 0 0; box-shadow:3px -5px 15px rgba(0,0,0,0.1); border:1px solid #2f343e; border-bottom:none; box-sizing:border-box; background:#fff;}
.linksite li.on div{display:block;}
.linksite li div ul{width:100%; overflow-y:auto; max-height:360px; min-height:155px; margin:0 auto; padding:19px 0.7em 24px 22px; box-sizing:border-box;}
.linksite li div ul li{position:relative; float:left; width:22.6%; margin:0 1.2%; box-sizing:border-box; border-bottom:1px dotted rgba(0,0,0,0.17);}
.linksite li div ul li:before{content:''; display:block; position:absolute; top:50%; left:0; width:2px; height:2px; margin:-1px 0 0 0; background:#aaa;}
.linksite li div ul li a{display:block; padding:12px 0 12px 10px; color:#000; transition:0.35s ease-in-out;}
.linksite li div ul li a:hover{box-shadow:inset 0 45px 0 rgba(0,0,0,0.04);}