@charset "utf-8";

@import url("../css/contents.css?v20250728");
@import url("../css/board.css?v20250728");

*{padding:0; margin:0; }

/* Flexbox */
.vertical-container {height:100%; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center;}
.container-wrap {display:-webkit-flex; display:flex;}
/* .flex1 {-webkit-flex:1; flex:1;}
.flex2 {-webkit-flex:2; flex:2;}
.flex3 {-webkit-flex:3; flex:3;}
.flex4 {-webkit-flex:4; flex:4;}
.flex5 {-webkit-flex:5; flex:5;}
.flex-250 {-webkit-flex:none; flex:none; width:250px; border:1px solid #ccc;} */
.flex1 {float:left;}
.flex2 {float:left;}
.flex3 {float:left;}
.flex4 {float:left;}
.flex5 {float:left;}
.flex-250 {float:left; width:250px; border:1px solid #ccc;}

.fc_f00 {color:red;}
.fw_bold {font-weight:bold;}
.fw_ebold {font-weight:900;}
.fc_000 {color:#000;}

/* Layout */
body {background-color:#fff;}
header.header-wrap, section.content-wrap, footer.footer-wrap, article.top-bar, article.top-bar-white {position:relative; width:100%; min-width:1000px;}
header.header-wrap {height:150px; border-bottom:4px solid #053863; background-color:#fff;}
header.header-wrap-main {height:98px; border-bottom:4px solid #053863; background-color:#fff;}
article.top-bar {height:35px; background-color:#545454;}
article.top-bar-white {height:30px; background-color:#fff;}
section.content-wrap {background-color:#dee6e9; height:100%; border:1px solid #333;}
footer.footer-wrap {position:relative; height:175px; background-color:#fff; border-top:2px solid #333; clear:both;}
section.menu-center,section.menu-center-grey , section.login-center, section.login-center-main, section.nav-wrap, section.content-center, section.footer-center {width:1000px; margin:0 auto;}
section.menu-center,section.menu-center-grey , section.footer-center {height:100%;}
section.login-center, section.login-center-main {height:50px; text-align:right;}
section.nav-wrap {height:100px;}
section.footer-center {position:relative;}
.padding-bottom-40 {padding-bottom:40px; clear:both;}
section.content-wrap-007 {position:relative; width:100%; min-width:1000px; background-color:#dee6e9;}
section.content-wrap-008 {position:relative; width:100%; min-width:1000px; background-color:#dee6e9; float:left;}

/* input */
input {width:128px; height:31px; line-height:31px; text-align:left; background-clip:#fff; text-indent:5px; border:1px solid #ccc;}
input:read-only {background-color:#fbfbfb; border:1px solid #ddd;}
input:focus {transition:outline .3s;}
textarea {border:1px solid #ccc;}
input[type=checkbox] {width:15px; height:15px;}
input[type=radio] {width:15px; height:15px; border:0;}

/* button */
button {background-color:#666; font-size:12px; color:#fff; height:31px; line-height:31px; text-align:center; padding:0 15px;}

.login-btn {height:31px; line-height:31px; padding:0 23px; color:#fff; letter-spacing:-1px; background-color:#9f9f9f; border:1px solid #b2b2b2;}
.login-btn:hover {background-color:#1767b3; border:1px solid #1767b3; transition:background-color .3s;}
.login-btn:active {background-color:#777;}
.login-btn-main {height:31px; line-height:31px; padding:0 23px; color:#fff; letter-spacing:-1px; background-color:#053863; border:1px solid #053863;}
.login-btn-main:hover {background-color:#1767b3; border:1px solid #1767b3; transition:background-color .3s;}
.login-btn-main:active {background-color:#777;}

.btn-step01, .btn-step02 {border:1px solid #bbb; font-size:17px; letter-spacing:-2px; font-weight:600; color:#555; height:46px; line-height:46px; padding:0 25px; border-radius:5px;}
.btn-step01{background: #f9f9f9; background: -moz-linear-gradient(top,  #f9f9f9 0%, #dddddf 100%);background: -webkit-linear-gradient(top,  #f9f9f9 0%,#dddddf 100%);
	background: linear-gradient(to bottom,  #f9f9f9 0%,#dddddf 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dddddf',GradientType=0 );}
.btn-step02{color:#fff; border:1px solid #27487c; margin-left:10px; background: #3a5292; background: -webkit-linear-gradient(top,  #3a5292 0%,#3662a3 100%);
	background: linear-gradient(to bottom,  #3a5292 0%,#3662a3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a5292', endColorstr='#3662a3',GradientType=0 );}


/* table */
table{width:100%; border-top:3px solid #000;}
table th, table td {border-bottom:1px solid #dbdbdb; }
table th {text-align:left; color:#3c3a3a;}
table td {color:#727272;}
.sub-scrip01 {color:#999; font-size:11px;}
.sub-scrip02 {color:#f58320; font-size:11px;}
.sub-right {display:block; margin-top:5px;}

/* topbar */
.menu-center-grey {text-align:right;}
.menu-center-grey ul {position:relative;top:10px; right:0; overflow:hidden;}
.menu-center-grey ul li {float:right; background-image:url(../images/userHomeNew/top_line_main.gif); background-repeat:no-repeat; background-size:1px 11px; background-position:100% 40%;}
.menu-center-grey ul li:first-child {background-image:none;}
.menu-center-grey ul li a {font-size:12px; color:#292a2c; text-align:center; padding:0 10px 0 12px;}
.menu-center-grey ul li a:hover {color:#f58220; transition:color .3s;}
.menu-center-grey::after {clear:both;}

.menu-center {text-align:right;}
.menu-center ul {position:relative;top:10px; right:0; overflow:hidden;}
.menu-center ul li {display:inline-block; background-image:url(../images/userHomeNew/top_line.gif); background-repeat:no-repeat; background-size:1px 11px; background-position:0 40%;}
.menu-center ul li:first-child {background-image:none;}
.menu-center ul li a {font-size:12px; color:#ececec; text-align:center; padding:0 10px 0 12px;}
.menu-center ul li a:hover {color:#f58220; transition:color .3s;}

/* header */
.flex-290 {float:left; width:305px; height:67px;}
.header-ci {float:left; width:32%; height:60px; background-image:url(../images/userHomeNew/header_ci.gif); background-repeat:no-repeat; background-size:305px 45px; background-position:10px 5px;}
.header-ci a {display:block; width:100%; height:100%;}
nav.gnb {text-align:right; float:right; width:63%;}
nav.gnb ul{position:relative; top:22px;}
nav.gnb ul li {display:inline-block; padding:0 25px;}
nav.gnb ul li a {width:100%; font-size:18px; font-weight:600; color:#333;}
nav.gnb ul li a:hover {color:#1767b3; transition:color .3s;}

.login-center p {position:relative; top:10px;}
.login-center p input:nth-child(2) {margin-left:4px;}
.login-center p button:nth-child(3) {margin-left:4px;}

.login-center-main {float:left; width:680px;}
.login-center-main p {position:relative; top:10px; text-align:right; margin-top:5px;}
.login-center-main p input:nth-child(2) {margin-left:4px;}
.login-center-main p button:nth-child(3) {margin-left:4px; margin-right:10px;}

/* footer */
section.footer-po {text-align:center; margin-top:30px;max-width:500px; display:flex;}
.banner-center {position:relative; margin-left:260px; height:40px; z-index:500;position:relative;}
.banner-center p:nth-child(1) {text-align:left; float:left;}
.banner-center p:nth-child(3) {text-align:right; float:left;}
.banner-center p:nth-child(1) a img, 
.banner-center p:nth-child(3) a img {width:14px; height:21px; border:1px solid #d7d7d7; box-sizing:border-box; margin-top:5px;}

.footerSlider{margin:0 10px;}
.footerSlider .slick-list{width:400px;}
.footerSlider .slick-track{display:flex;}
.footerSlider .slick-slide{overflow:hidden; margin-right:10px;}
.footerSlider .slick-slide a{display:block; border:1px solid #ddd; }
.footerSlider .slick-slide img{max-width:100%;}


/*
.banner-center ul:nth-child(2) {overflow:hidden; width:458px; float:left;}
.banner-center ul:nth-child(2) li {float:left; height:35px; text-align:center; padding:0 5px; overflow:hidden;}
.banner-center ul:nth-child(2) li a {overflow:hidden;}
.banner-center ul:nth-child(2) li a img {border:1px solid #d7d7d7; box-sizing:border-box;}
.banner-center ul:nth-child(2) li a img:hover {border:1px solid #1767b3; transition:border .3s;}
*/
.banner-center .controls .left_arrow{position:absolute;top:5.5px;left:0;}
.banner-center .controls .right_arrow{position:absolute;top:5.5px;right:0;}
.banner-center .in{padding:0 14px;}
.flex-22 {-webkit-flex:none; flex:none; width:22px;}

section.footer-left { position:relative; padding-left:7px; left:0; top:-71px; float:left;}
.footer-left img:nth-child(1) {margin-top:30px; /*width:174px; height:34px;*/ width: 238px;}
.footer-left ul:nth-child(2) {overflow:hidden; margin-top:15px; width:100%;}
.footer-left ul:nth-child(2) li {display:inline-block; padding-right:5px; background-image:url(../images/userHomeNew/footer_line.gif); background-repeat:no-repeat; background-size:1px 10px; background-position:100% 40%;}
.footer-left ul:nth-child(2) li:first-child {padding-right:14px;}
.footer-left ul:nth-child(2) li:last-child {padding-left:10px; background-image:none;}
.footer-left ul:nth-child(2) li a {color:#225e90; font-size:12px; font-weight:600;}
.footer-left p:nth-child(3) {margin-top:10px; font-size:12px; color:#444; line-height:20px;}
.footer-left img:nth-child(4) {margin-top:10px; width:239px; height:8px;}

section.footer-right {position:relative; top:-71px; text-align:right; float:right;}
.footer-right a:nth-child(1) {position:relative; right:0; top:78px;}
.footer-right a:nth-child(2) {position:relative; right:0; top:34px; margin-left:8px;}
.footer-right a img {border:1px solid #ccc;}
.footer-right a img:hover {border:1px solid #1767b3; transition:border .3s;}
.footer-right a:nth-child(1) a img {width:181px; height:77px;}
.footer-right a:nth-child(2) a img {width:234px; height:120px;}

/* sub left menu */
nav.leftmenu {position:relative; width:190px; background-color:#fff; float:left; height:auto;}
.flex-190 {-webkit-flex:none; flex:none; width:190px;}
.leftmenu h2 {width:190px; height:170px; background-color:#052f52; font-size:24px; float:left; font-weight:600; color:#fff; text-align:center; line-height:170px;}
.leftmenu ul {height:100%; overflow:hidden; border-left:1px solid #d9d9d9;}
.leftmenu ul li {border-bottom:1px solid #d9d9d9;}
.leftmenu ul li a {display:block; font-size:14px; font-weight:600; height:51px; line-height:51px; color:#a3a3a3; padding-left:18px;}
.leftmenu ul li a:hover {color:#1767b3; transition:border .3s;}
.leftmenu ul li a.active {color:#222; background-image:url(../images/userHomeNew/ico_right.png); background-repeat:no-repeat; background-size:7px 11px; background-position:94% 50%;}

.leftmenu ul li ul {border:1px solid #ccc;border-radius:10px;width:150px;background:#eee;margin-left:20px;}
.leftmenu ul li ul .active a {color:#000;}

.rightmenu {float:left; width:810px; position:absolute top:0; bottom:0; left:0; right:0; border-left:1px solid #ccc; border-left:1px solid #ccc;}
.width-810 {width:100%;}
.relative-wrap {overflow:hidden; position:relative; background-color:#fff;}

/* sub head */
section.contents-area {width:810px; background-color:#fff; padding:28px;}
.con_wrapper {background-color:#fff; width:100%; height:100%;}
.con-header ul {overflow:hidden;}
.con-header ul li {display:inline-block; text-align:center; font-size:12px; padding:0 0 0 19px; background-image:url(../images/userHomeNew/ico_left.gif); background-repeat:no-repeat; background-size:5px 9px; background-position:5% 40%;}
.con-header ul li:first-child {background-image:none; padding:0 5px; text-align:left;}
.con-header ul li:last-child {font-weight:600;}
.con-header h2:last-child {font-size:37px; font-weight:600; color:#000; margin-top:23px;}
.btn-list {text-align:center;}
.btn-list button:nth-child(2) {margin-left:10px;}
section.width-100 {width:100%; position:relative;}
/* slick  */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
	margin:0 auto;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.controls a{
	display:block;
	width:14px;
	height:21px;
	text-indent:-9999px;
}
.controls a.left_arrow{
	background:url('../images/userHomeNew/btn_banner_left.gif')no-repeat center center;
}
.controls a.right_arrow{
	background:url('../images/userHomeNew/btn_banner_right.gif')no-repeat center center;
}