@charset "utf-8";

/* set */
body {position:relative;font-size:16px !important;margin:0;padding:0;font-family: SCDream, sans-serif;color:#222;font-weight: 400;}
input, select, button{font-family: SCDream, sans-serif;}
body *{ box-sizing:border-box;}
a {color: #464646;}
::selection {background:var(--color2);color:var(--white);text-shadow:none;}

:root {
--color1: #2573ca; /*main_color*/
--color2: #145aa8;
--color3: #21a17e;
--color4: #e67420;
--btnbg:  url("/images/15_pool/common/btn_set.png");
--gra1: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
--white: #fff;
--black: #000;
--gray1: #f5f5f5; /*bg*/
--gray2: #929292; /*text*/
--gray3: #dddddd; /*line*/
--gray4: #333333; /*title*/
--gray5: #e4e4e4; /*border*/
}

/*스크롤바스타일*/
*::-webkit-scrollbar {width:5px;height:5px;} /*스크롤바 사이즈*/
*::-webkit-scrollbar-track {border-radius:5px;background:var(--gray3);} /*스크롤바 배경*/
*::-webkit-scrollbar-thumb {background:var(--color1);border-radius: 10rem} /* 스크롤 제어박스*/

header{position:relative;z-index:2}
section{position:relative;z-index:1}
footer{position:relative;z-index:1}


/* Mobile */
header .gnb{position:relative;/*height:30px;*/border-bottom:solid 1px var(--gray3);padding:5px;}
.fm_box, .sns_box{display:none;}

.gnb .limit{padding: 4px 8px;margin-bottom: 4px;text-align: right;font-size: 14px;border-radius: 5px;background: #f4f4f4;}
.gnb .limit em{display: inline-block;margin: 0 4px;font-style: normal;vertical-align: baseline;}
.gnb .limit button{background: none;padding: 0;margin: 0;color: #2358c3;font-size: 14px;vertical-align: baseline;}

.gnb .lang{position: absolute;right: 50px;bottom: 5px;}
.gnb .lang>a{display: block;padding: 0;font-size: 0;overflow: hidden;background: none;}
.gnb .lang>a:before{display: inline-block;width: 20px;height: 20px;background: var(--btnbg) no-repeat -144px -42px;content: "";vertical-align: middle;}
.gnb .lang>a:after{display: inline-block;width: 12px;height: 12px;margin-left: 5px;content: "";background: var(--btnbg) no-repeat -188px 0;vertical-align: middle;}
.gnb .lang_box{display: none;position: absolute;right: -60px;width: 160px;padding: 0 10px;border: 1px solid #2358c3;border-radius: 10px;background: #fff;z-index: 1;box-sizing: border-box;}
.gnb .lang_box.on{display: block;}
.gnb .lang_box li a{display: block;padding: 4px 0;border-top: 1px dashed #ddd;text-align: center;font-size: 14px;}
.gnb .lang_box li:first-child a{border: none;}
.gnb .lang_box li a:hover, .gnb .lang_box li a:focus{color: #2358c3;font-weight: bold;}

header .gnb ul:after{display:block;content:"";clear:both;}
header .gnb li{position:relative;font-size:14px;float:left;}
header .gnb li a{position:relative;display:block;padding-right:15px;}
header .gnb li.fm a:after,
header .gnb li.sns a:after{display:block;content:"";background:var(--btnbg) no-repeat right top;width:12px;height:12px;position:absolute;top:3px;right:0;}
header .gnb li.sns{float:right;}
header .gnb li.fm .fm_box.on{display:block;background:var(--white);position:absolute;top:20px;left:0;border:solid 1px var(--gray3);border-radius:10px;padding:15px;width:200px;}
header .gnb li.fm .fm_box.on li{float:none;text-align:center;padding:3px 0;}
header .gnb li.fm .fm_box.on li a{padding:0;}

header .gnb li.sns .sns_box{background:var(--white);position:absolute;top:20px;left:0;border:solid 1px var(--gray3);border-radius:10px;padding:15px;z-index: 1;}
header .gnb li.sns .sns_box.on{display:block;}
header .gnb li.sns .sns_box li{float:none;text-align:center;padding:3px 0;}
header .gnb li.sns .sns_box li a{width:29px;height:0;padding:28px 0 0 0;overflow:hidden;background:var(--btnbg) no-repeat}
header .gnb li.sns .sns_box li:nth-child(2) a{background-position:-36px 0}
header .gnb li.sns .sns_box li:nth-child(3) a{background-position:-72px 0}
header .gnb li.sns .sns_box li:nth-child(4) a{background-position:-108px 0}
header .gnb li.fm .fm_box.on a:after,
header .gnb li.sns .sns_box a:after{display:none;}

.head{position:relative;height:85px;}
.head .t_logo{padding:20px;float:left;}
.head .t_logo h1{background:url("/images/15_pool/common/symbol.png") no-repeat left top;height:53px;padding-top:3px;width: 250px;}
.head .t_logo h1 a{display:block;padding:0 0 0 50px;font-size:14px;color:var(--gray2)}
.head .t_logo h1 a strong{display:block;font-size:21px;color:var(--black);}
.head .login{position:absolute;top:39px;right:50px;}
.head .login a{display:block;width:19px;height:0;padding-top:25px;overflow:hidden;background:var(--btnbg) no-repeat 0 -40px;}
.head .login.out a{background: var(--btnbg) no-repeat -108px -40px;width: 26px;}
.head button{display:block;width:31px;height:0;padding-top:20px;overflow:hidden;background:var(--btnbg) no-repeat -38px -42px;position:absolute;top:41px;right:10px}

.menu{display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background:var(--white);z-index: 9;}
.menu.on{display: block;}
.menu h2{padding: 10px;font-size: 20px;background:var(--white);color:var(--color1);}
.menu>ul>li>a{display: block;font-size: 18px;font-weight: 600;color:var(--color1);width: 40%;padding: 15px 0 15px 20px;border-bottom: 1px solid var(--gray5);}
.depth_box{background:var(--gray1);position: absolute;top: 48px;left: 40%;right: 0;bottom: 0;overflow-y: auto;z-index: 1;border-radius: 20px 0 0 0;padding-top: 20px;}
.menu li li a{display: block;font-size: 16px;padding: 10px 0 10px 20px;}
.menu li li a .new_win{margin-top: 5px;}
.menu li li ul{border-radius: 20px;background:var(--white);padding: 10px;}
.menu li li li{padding: 0 10px;}
.menu li li li a{display: block;padding: 8px 0;font-size: 14px;color:var(--gray4);border-top: 1px dashed var(--gray3);}
.menu button{display:block;width:22px;height:0;padding-top:20px;overflow:hidden;background:var(--btnbg) no-repeat -80px -40px;position:absolute;top:20px;right:20px}

.head .tsitemap{display:none;}


/*배너모음*/
.f_banner{padding:20px;border-top:solid 1px var(--gray3);border-bottom:solid 1px var(--gray3)}
.f_banner .wrap{position:relative;}
.f_banner h2{font-size:14px;position:absolute;top:0;left:0;color:var(--black);font-weight:600;}
.f_banner .list{overflow:hidden;margin-left: 124px;}
.f_banner .list ul{width:4000px;}
.f_banner .list ul li{float:left;}
.f_banner .list ul li a{display:inline-block;padding:0 15px;color:var(--black);font-size:13px;font-weight:400;}
.f_banner .control{position:absolute;top: 3px;left:70px;}
.f_banner .control button{background-size:160px !important;width:8px !important;padding-top:12px !important;}
.f_banner .control .btn button.prev {background-position: -24px -64px;}
.f_banner .control .btn button.next {background-position: -44px -64px;}
.f_banner .control .btn button.stop {background-position: -65px -64px;}
.f_banner .control .btn button.play {background-position: -84px -64px;}

.foot{padding:20px;}

/*관련사이트바로가기*/
.sitelink_list{position:relative;}
.sitelink_list h2{position:relative;background:var(--gray1);border:solid 1px var(--gray3);border-radius:10px;font-size:15px;padding:10px 20px;font-weight:400;}
.sitelink_list h2 span{font-weight:600;}
.sitelink_list h2:after{display:block;content:"";width:14px;height:8px;background:var(--btnbg) 0 -160px;position:absolute;top:50%;right:20px;transform:translate(-50%,-50%);}
.sitelink_list .sitelink_box{background:var(--white);border:solid 1px var(--gray3);border-radius:10px;padding:30px 20px;position:absolute;left:0;bottom:0;width:100%;}
.sitelink_list .sitelink_box ul:after{display:block;content:"";clear:both;}
.sitelink_list .sitelink_box li{float:left;width:50%;}
.sitelink_list .sitelink_box li a{display:block;font-size:14px;padding:5px 0;}
.sitelink_list .sitelink_box button{width:16px;height:0;padding-top:15px;overflow:hidden;background:var(--btnbg) -30px -159px;position:absolute;right:20px;bottom:20px;}

.bt_mn{padding:30px 0}
.bt_mn ul:after{display:block;content:"";clear:both;}
.bt_mn li{float:left;padding-right:20px;}
.bt_mn li a{font-size:13px;}
.bt_mn li:first-child a{color:var(--color2);font-weight:600;}

.foot_info{font-size:13px;text-align:right;line-height:25px;}
.foot_info address{display:inline-block;font-style:normal;letter-spacing:-1px;}
.foot_info span{position:relative;padding:0 10px;display:inline-block;}
.foot_info span:after{display:block;content:"";width:1px;height:12px;background:var(--gray2);position:absolute;top:6px;right:0;}
.foot_info .copy{padding:20px 0;line-height:20px;}


/* Tablet */
@media all and (min-width:768px) {
.gnb .limit{position: absolute;padding: 0;margin: 0;background: none;right: 180px;}

.gnb .lang {right: 62px;bottom: 4px;}
.gnb .lang>a:before { margin: 0 5px 2px 0;}
.gnb .lang>a {font-size:14px;}
.gnb .lang_box{right: auto;left: 50%;transform: translateX(-50%);}

footer .wrap{position:relative;}

/*관련사이트바로가기*/
.sitelink_list{position:absolute;top:40px;right:20px;width:300px;}
}

/* Desktop */
@media all and (min-width:1023px) {
body{max-width: 1920px;margin: 0 auto;overflow-x: hidden;}

.wrap{position:relative;max-width:1400px;margin:0 auto;}

header .gnb{height:40px;padding:10px 0}

.gnb .limit{right: 280px;}

.gnb .lang {right: 155px;top: 0;} 
header .gnb li.sns{margin-top:-5px}
header .gnb li.sns a{display:none;}
header .gnb li.sns .sns_box{display:block;position: static;border: none;background: none;padding: 0;}
header .gnb li.sns .sns_box li{float: left;padding-right:7px;}
header .gnb li.sns .sns_box a{display:block;}

.head  button{display:none;}    
.head .login{right: 60px;}
.head .wrap>button, .menu button{display: none;}
.head .t_logo{padding: 20px 0 0;width: auto;max-width: 250px;}
.head .tsitemap{display: block;}
.menu{display: block;position: static;background: none;float: right;margin: 39px 110px 0 0;}
.menu h2{display: none;}
.menu>ul{font-size: 0;}
.menu>ul>li{display: inline-block;margin: 0 25px 0 0;}
.menu>ul>li:last-child{margin:0;}
.menu>ul>li>a{width: 100%;padding: 0;background: none;border: none;font-weight: 500;color: #222;}
.menu>ul>li>a br{display:none;}
.menu>ul>li>a:hover,
.menu>ul>li>a:focus{text-decoration: underline;}
.menu .depth_box{display:none;}
.menu.on .depth_box{display:block;}   
.depth_box{position: static;padding: 0;border-radius: 0;background:var(--white);}
.depth_box:before{width: 100vw; position:absolute; top: 85px;left: 50%;right: auto;transform: translateX(-50%);height: 260px;background:var(--white);content: "";z-index: 9;box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.depth_boxcon{position: absolute;top: 100px;z-index: 10;text-align: left;}
.menu li li a{padding: 10px 0;}
.menu li li a:hover,
.menu li li a:focus{text-decoration: underline;}
.menu li li ul{padding: 0;background: none;border-radius: 0;}
.menu li li li a{border: none;}
.menu li li li a:hover,
.menu li li li a:focus{text-decoration: underline;}

.head .tsitemap a{display:block;width:31px;height:0;padding-top:20px;overflow:hidden;background:var(--btnbg) no-repeat -38px -42px;position:absolute;top:40px;right:20px;}


footer .wrap{max-width:1400px;margin:0 auto;}

.foot{padding:0;}

/*배너모음*/
.f_banner .list{margin-left: 180px;}

.bt_mn{padding:50px 0;}
.bt_mn li{padding-right:40px;}   
.bt_mn li a{font-size:15px;}

.foot_info{font-size:15px;text-align:left;}
.foot_info address{letter-spacing:0;padding-right:10px;}
.foot_info span:after{left:0;top:8px;}
.foot_info .copy{padding:0 0 50px 0;}
}


/*제어버튼*/
.control .btn button{width:10px;height:0;padding-top:14px;overflow:hidden;background:var(--btnbg) no-repeat;}
.control .btn span{display:inline-block;margin-top:-2px;}
.control .btn span strong{display:inline-block;margin-top:-2px;}
.control .btn button.prev {background-position: -30px -81px;}
.control .btn button.next {background-position: -56px -81px;}
.control .btn button.stop {background-position: -83px -81px;}
.control .btn button.play {background-position: -105px -81px;}

.clear{display:block;content:"";clear:both}
.blind{position:absolute;top:-5000px;left:-5000px;}
.new_win{display:inline-block;width:12px;height:12px;font-size: 0;overflow:hidden;margin:0 0 0 5px;vertical-align:top;background:url("/images/15_pool/common/new_win.png");}

.hide{display:none;}


/* sub layout */
.s_title .local{background: var(--color1);}
.s_title .local li a:focus, .s_title .utill li button:focus{outline-color: #fff;outline-offset: 1px;}
.s_title .local li a, .s_title .local>ul>li:after{color: #fff;}
.s_title .local .navi li>a{color: #111;}
.s_title .local .home a{background-image: url("/images/15_pool/common/sub_ico.png");}
.s_title .utill li.print button{background-color: var(--color2);}
.s_title .utill li.url button{background-color: #1f9c7a;}
.manager li:before{background-image: url("/images/15_pool/common/sub_ico.png");}
.research input[type=submit]:focus{outline-offset: 1px;}

@media all and (min-width:1023px) {
.sub_container:before{background: #2573ca url(/images/15_pool/main/top_bg1.png) no-repeat 90%;}
.s_content{max-width: 1400px;}
.s_title .local{background: none;}
}

/*상단메뉴 보정*/
@media (min-width:1023px) and (max-width:1399px) {
.head{height: 130px;}
.menu{margin: 0 auto;padding-top: 10px;float: none;clear: both;width: 100%;text-align: center;}
.menu>ul>li{margin-right: 20px;}
.depth_box:before{width: 100%;left: 0;top: 130px;transform: none;}
.depth_boxcon{top: auto;margin-top: 20px;}
}

/* 번역 */  
.translated-ltr header{height: 195px;}
.translated-ltr header .gnb{height: 45px;}
.translated-ltr .gnb .lang{right: 130px;top: 21px;}
.translated-ltr .gnb .lang li{width: 100%;}
.translated-ltr header .gnb li{font-size: 13px;}
.translated-ltr header .gnb li.sns .sns_box.on{left:auto;right: 0;z-index: 100;}
.translated-ltr .head .t_logo{padding: 5px;}
.translated-ltr .head .t_logo h1{padding-top: 0;}
.translated-ltr .head .t_logo h1 a{line-height: 1.28;}
.translated-ltr .head .t_logo h1 a strong{line-height: 1;}

.translated-ltr .f_banner .control{left: 130px;}
.translated-ltr .f_banner .list{margin-left:0;padding-top: 25px;}

/* Tablet */
@media all and (min-width:768px) {
.translated-ltr .f_banner .list{padding-top:0;margin-left: 170px;}
.translated-ltr header .gnb{height: 30px;}
.translated-ltr .gnb .lang{right: 145px;top: 5px;}
.translated-ltr header .gnb li{font-size: 14px;}
}

/* Desktop */
@media all and (min-width:1023px) {
.translated-ltr header{height: 260px;}
.translated-ltr header .gnb{height: 40px;}
.translated-ltr .gnb .lang{right: 155px;top: 0;}
.translated-ltr .head .t_logo{padding: 10px;}
.translated-ltr .head .t_logo h1{margin-top: 30px;}
.translated-ltr .head .t_logo h1 a, .translated-ltr .head .t_logo h1 a strong{line-height: normal;}
.translated-ltr .menu{float: none;margin: 0 auto;}
.translated-ltr .menu>ul>li{width: 10%;text-align: center;word-break: keep-all;vertical-align: middle;}
.translated-ltr .menu>ul>li>a{padding: 15px 20px 0 0;word-break: break-word;vertical-align: middle;line-height: 1.3;height: 220px;display: flex;align-items: center;}
.translated-ltr .depth_box:before{top: 220px;height: 300px;}
.translated-ltr .depth_boxcon{top: 225px;}
.translated-ltr .menu li li a{max-width: 155px;text-align: center;}
.translated-ltr .head .login{top: 70px;}
.translated-ltr .head .tsitemap a{top: 75px;}
}