@import url('font.css');

body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#222222; }

form { margin:0px; }

/* img {border:0px;} */

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; } 

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }




/* @@@ 210507 플래시대체 */
#header{position: relative; height: 74px;}

/* 메뉴 */
.menu{position: absolute; right: 0; bottom: -10px; width: 767px; height: 40px; background-color: #4e7eae; border-radius:50px;}
.menu ul.Depth1{font-size:0; margin:0 20px;}
.menu ul.Depth1 > li{display: inline-block; width: 16.6666%; text-align:center; position: relative;}
.menu ul.Depth1 > li > a{display: block; font-size:15px; font-weight: 700 ; color:#fff; line-height: 40px; font-family: 'Noto Sans KR', sans-serif;}
.menu ul.Depth1 > li:hover > a{text-shadow:0px 0px 10px rgba(255,255,255,.4);}
.menu ul.Depth1 > li > a.on{text-shadow:0px 0px 10px rgba(255,255,255,.4);}
.menu ul.Depth1 > li div.menu_in{display: none; position: absolute; left: 0; bottom:-25px; height: 25px; box-shadow:5px 5px 10px rgba(0,0,0,.1); background-color: #fff; border-radius:0 0 50px 50px; transition:all .3s linear;}
.menu ul.Depth1 > li div.one{width: 394px;}
.menu ul.Depth1 > li div.two{width: 394px;}
.menu ul.Depth1 > li div.three{width: 260px;}
.menu ul.Depth1 > li div.four{width: 448px; left: -83px;} 
.menu ul.Depth1 > li div.five{width: 280px; left: -78px;}
.menu ul.Depth1 > li div.six{width: 260px; left: -136px;}
.menu ul.Depth1 > li:hover div.menu_in{display: block; z-index: 1;}
.menu ul.Depth1 > li div.menu_in ul{font-size:0;}
.menu ul.Depth1 > li div.menu_in ul li{display: inline-block; padding: 0 10px;}
.menu ul.Depth1 > li div.menu_in ul li a{display: block; font-size:13px; font-weight: 500; font-family: 'Noto Sans KR', sans-serif; color:#666; line-height: 25px; position: relative; transition:all .3s linear;}
.menu ul.Depth1 > li div.menu_in ul li a:hover{color:#1579cf;}
.menu ul.Depth1 > li div.menu_in ul li a:after{content:''; width: 0; height: 2px; background-color: #1579cf; position: absolute; left: 0; bottom: 0; transition:all .3s linear;}
.menu ul.Depth1 > li div.menu_in ul li a:hover:after{width: 100%;}


/* 메인비주얼 */
/* Start-슬릭기본 */
.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-slide{display: none; float: left;}
.slick-initialized .slick-slide{display: block;}
/* End-슬릭기본 */

.main{position: relative; z-index: -1;}
.main .roll img{background-repeat:no-repeat; background-position:cover; background-position:center;}


/* 배너 */
.bn_circle{margin:40px 0 0 20px; width: 303px; height: 143px;}
.bn_circle ul{ width: 303px; height: 143px;}
.bn_circle ul:after{content:''; display: block; clear:both;}
.bn_circle ul li{float: left; width: 33.333%; text-align:center;}
.bn_circle ul li a{display: block; width: 100px; height: 100px; border-radius:100%;  box-sizing:border-box; transition:all .3s linear;  position: relative; z-index: 1; background: #519ef0;
background: -webkit-linear-gradient(to bottom, #519ef0, #2774ce);
background: -moz-linear-gradient(to bottom, #519ef0, #2774ce);
background: -o-linear-gradient(to bottom, #519ef0, #2774ce);
background: linear-gradient(to bottom, #519ef0, #2774ce); }
.bn_circle ul li a:after{content:''; display: block; border-radius:100%; background-color: #fff; width: 94px; height: 94px; z-index: -1; position: absolute; left: 50%; top:50%; transform:translate(-50%, -50%);
} 
.bn_circle ul li a:hover{transform:scale(1.2); z-index: 11;}
.bn_circle ul li a p {font-size:15px; font-weight: 700; letter-spacing: -1pt; font-family: 'Noto Sans KR', sans-serif; color:#333; padding-top: 23px;}
.bn_circle ul li a p span{display: block; font-size:30px; font-weight: 700; color:rgba(77,129,176,.5); margin-top: 10px; transition:all .3s linear;}
.bn_circle ul li a:hover p span{color:rgba(77,129,176,1);}




/* 서브 왼쪽 메뉴 */
.leftmenu{width: 188px; margin-left: 18px;}
.leftmenu ul{padding: 0; margin: 0; text-align:left;}
.leftmenu ul li{padding-bottom: 1px;}
.leftmenu ul li a{display: block; font-size:13px; font-weight: 500; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.5pt; color: #777; padding-left: 15px;  line-height: 30px;  transition:all .3s linear; background-position:center; background-size:auto 30px;}
.leftmenu ul li a:hover{background-image:url('/img/image1.png'); color:#fff;}
.leftmenu ul li a.on{background-image:url('/img/image1.png'); color:#fff;}


/* 갤러리 */
.gallery{position: relative; width: 680px;}
.gallery .roll{text-align:center !important; width: 680px !important; height: 400px !important;}	
.gallery .roll img{text-align:center !important;}
.gallery .slick-arrow{font-size:0; border:0; background:none; outline:none; cursor:pointer; width: 16px; height: 26px; background-repeat:no-repeat; background-position:cover; background-size:100%; transition:all .3s linear; position: absolute; top:50%; transform:translateY(-50%); z-index: 111; padding: 0;}
.gallery .slick-prev{background-image:url('/img/gallery/arrow_p_on.png'); left: 50px;}
.gallery .slick-next{background-image:url('/img/gallery/arrow_n_on.png'); right: 50px;}
.gallery .slick-arrow:hover{opacity: .7;}