@import url('https://fonts.googleapis.com/css2?family=Lora:wght@600&display=swap');
#ifrm {
    width: 100%;
   min-height: 300px;
    overflow: hidden;
    border: 0;
}


/* pc */
@media screen and (min-width:1025px){
   #memofile { max-width:1024px; }
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
   #memofile { width:99%; }
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
   #memofile { width:99%; }
}

body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,button,table,th,td {
border:0;
margin:0;
padding:0;
}

ul,ol,li,dl {
list-style:none;
}

img {
border:0;
vertical-align:middle;
font-size:0;
}

address,caption,cite,code,dfn,em,var {
font-style:normal;
}

a {
text-decoration:none;
color:#333;
}

a:hover,a:active,a:focus {
text-decoration:none;
}

table {
border:0;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

strong {
font-weight:500;
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,main {
display:block;
}

body,th,td,input,select,textarea,button {
color:#3b3b3b;
font-size:16px;
line-height:1.5;
letter-spacing:0em;
font-family: 'gms';
font-weight:400;
}

:focus {
outline:none;
}

.blind,.gnb-open-btn,.gnb-close-btn,.mobile-gnb {
display:none;
}

.gnb:after,.sub-content:after {
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;
}

.slick-slide {
display:inline-block;
}

header {
width:100%;
z-index:999;
position:relative;
height:136px;
}
.header-top{
width:100%;
max-width:1280px;
margin:0 auto;
position:relative;
height:78px;
}
.header-logo {
position:absolute;
left:100px;
text-align:left;
z-index:999;
top:10px;
}

header.drop,
header.on{
background:#fff;
box-shadow: 0 0 12px rgb(33 33 33 / 20%);
}

.header-logo a{
display:block;
width:240px;
}

.header-logo a img{
width:100%;
}

.tnb a{
display:inline-block;
font-size:15px;
color:#193b69;
height:30px;
line-height:30px;
position:relative;
padding:0 10px;
}

.tnb a:after{
content:"";
display:block; 
position:absolute;
height:12px;
width:1px;
background:#b3c0d1;
left:0;
top:50%;
margin-top:-6px;
}

.tnb a:first-child:after{
display:none;
}

.tnb1{
text-align:center;
padding-top:24px;
}

.tnb2{
position:absolute;
right:0;
top:24px;
}

.header-gnb {
height:58px;
width:100%;
z-index:99;
display:inline-block;
position:absolute;
transition: .3s ease;
overflow:hidden;
top:78px;
background:#1953a1;
}

.header-gnb:after{
content:"";
display:block; 
width:100%;
height:1px;
background:rgba(255,255,255,0.1);
left:0;
top:58px;
position:absolute;
}

.gnb{
width:100%;
max-width:1280px;
margin:0 auto;
box-sizing:border-box;
border-right:1px rgba(255,255,255,0.1) solid;

}

.gnb > li {
float:left;
position:relative;
line-height:58px;
text-align:center;
box-sizing:border-box;
vertical-align:top;
width:25%;
border-left:1px rgba(255,255,255,0.1) solid;
}


.gnb > li:hover > a{
color:#fff;
font-weight:600;
}

.gnb > li > a {
display:block;
color:#fff;
position:relative;
font-weight:600;
font-size:17px;
letter-spacing:0em;
}

/*.gnb > li > ul {
display:none;
position:absolute;
left:50%;
margin-left:-80px;
width:160px;
z-index:5;
background:#377cda;
box-sizing:border-box;
padding:5px 0;
border-radius:5px;
}*/
.gnb > li > ul:after{
content:"";
display:block;
background:url(img/menu-arrow.png);
width:12px;
height:7px;
position:absolute;
top:-7px;
left:50%;
margin-left:-6px;
}

.gnb > li:hover > ul {
height:auto;
display:block;
}

.gnb > li > ul li {
height:30px;
line-height:30px;
}

.gnb > li > ul{
padding-top:10px;
padding-bottom:30px;
box-sizing:border-box;
}

.gnb > li > ul li:first-child{
border-top-width:0;
}

.gnb > li > ul li a {
display:block;
font-size:15px;
color:rgba(255,255,255,0.7);
}


.gnb > li > ul li:hover a{
color:#fff;
font-weight:500;
}

.mobile-open-btn, .all-menu-area, .search-btn{
display:none;
}

/*footer*/
footer{
width:100%;
background:#fff;
box-sizing:border-box;
padding:35px 5% 45px;
text-align:center;
border-top:1px #e0e0e0 solid;
box-sizing:border-box;
}


.foot-info{

}

footer h1{
font-size:22px;
color:#223b5d;
font-family: 'Lora', serif;
font-weight:600;
line-height:1.1;
margin-bottom:30px;
display:block;
}

.foot-info p{
margin-bottom:15px;
color:#555;
}

.foot-info p strong{
font-weight:600;
}


.foot-copy{
padding-top:20px;
}

.foot-copy p{
width:100%;
letter-spacing:0em;
box-sizing:border-box;
color:#888;
font-size:15px;
}


.top-ment{
background:#fff;
text-align:center;
padding:30px 0 30px;
color:#11458b;
}

.top-ment h2{
font-weight:600;
font-size:32px;
}

.top-ment p{
font-weight:300;
letter-spacing:0em;
opacity:0.8;
}

/********************* main *********************************/
.img{
width:100%;
padding-top:61%;
overflow:hidden;
position:relative;
}

.img img{
width:100%;
position:absolute;
left:50%;
top:50%;
}
@keyframes vt-ani {
	0 {opacity:0; -moz-transform:translatey(20%); -ms-transform:translatey(20%); transform:translatey(20%); }
	100% {opacity:1; moz-transform:translatey(0);  -ms-transform:translatey(0); transform:translatey(0);}
  }
.slick-list {
position:relative;
z-index:1;
}

#visual {
position:relative;
height:100%;
margin:0 auto;
margin-bottom:-7px;
z-index:1;
width:100%;
max-width:2000px;
overflow:hidden;
}

.visual-img {
position:relative;
}

.visual-img-bg {
position:relative;
overflow:hidden;
}

.visual-img-bg img{
position:relative;
left:50%;
margin-left:-1000px;
}

.visual-text{
position:absolute;
top:30%;
left:100px;
font-size:50px;
font-weight:700;
letter-spacing:-0.05em;
}

.slick-active .visual-text p{opacity:0;  -moz-transform:translatey(20%); -ms-transform:translatey(20%); transform:translatey(20%);  animation-timing-function: ease-out; animation-name: vt-ani;  animation-duration: 0.5s;animation-delay: 0.2s; animation-fill-mode:both;}
.slick-active .visual-text p.vt02{animation-delay: 0.8s; font-weight:300;}

.slick-dots {
z-index:999;
width:600px;
position:absolute;
z-index:9;
left:50%;
margin-left:-300px;
bottom:30px;
text-align:center;
}

.slick-dots li {
display:inline-block;
margin:0 5px;
}

.slick-dots li button {
display:block;
background:transparent;
width:18px;
height:18px;
font-size:0;
box-sizing:border-box;
border-radius:9999px;
border:3px #fff solid;
box-shadow: 1px 1px 2px rgb(0,0,0,0.1);
}

.slick-dots li.slick-active button {
background:#fff;
}

/*program*/
#program{
width:95%;
max-width:2000px;
margin:0 auto;
padding-top:40px;
}

#program ul{
width:100%;
}

#program ul:after{
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;
}

#program ul li{
width:19.2%;
float:left;
margin-left:1%;
display:table;
}

#program ul li:first-child{
margin-left:0;
}

#program ul li div{
display:table-cell;
width:100%;
text-align:center;
vertical-align:middle;
height:280px;
background-size:cover;
background-position:50% 50%;
overflow:hidden;
}
#program ul li div p{
	transition: .3s ease;
	-moz-transition: .3s ease;
	-web-kit-transition:.3s ease;
	}

#program ul li:hover div p{
padding-bottom:30px;
}

#program ul li.pro01 div{
background-image:url(img/pro01.jpg);
}
#program ul li.pro02 div{
background-image:url(img/pro02.jpg);
}
#program ul li.pro03 div{
background-image:url(img/pro03.jpg);
}
#program ul li.pro04 div{
background-image:url(img/pro04.jpg);
}
#program ul li.pro05 div{
background-image:url(img/pro05.jpg);
}

#program ul li p{
color:#fff;
font-weight:600;
font-size:22px;
text-shadow:0px 0px 7px rgba(0,0,0,0.9);
}

/*정보배너*/
#text-bnr{
width:96%;
max-width:1280px;
margin:0 auto;
box-sizing:border-box;
padding:60px 180px;
text-align:center;
position:relative;
}

.tbnr-img{
width:150px;
position:absolute;
left:10px;
top:50%;
margin-top:-75px;
}

.tbnr-img.tbnri2{
left:auto;
right:10px;
}

.tbnr-t1{
color:#1a8e53;
font-weight:700;
font-size:30px;
}

.tbnr-t1 span{
color:#135fc5;
}

.tbnr-t2{
margin:7px 0;
color:#354554;
font-size:21px;
}

.tbnr-t2 span{
font-weight:600;
color:#dd421d;
}

.tbnr-t3{
margin-bottom:20px;
color:#23549c;
}

.tbnr-t3 span{
font-weight:600;
}
.tbnr-t4{
display:inline-block;
border:1px rgba(35,84,256,0.2) solid;
border-width:1px 0;
padding:5px;
}
.tbnr-t4 p{
display:inline-block;
font-weight:600;
color:#136fc5;
}

.tbnr-t4 p em{
color:#1a2dbb;
}

.tbnr-t4 p:after{
content:"";
width:1px;
height:14px;
background:#e0e0e0;
display:inline-block;
margin:0 10px;
vertical-align:-2px;
}

.tbnr-t4 span{
color:#204367;
font-weight:600;
}

.tbnr-t4 span i{
vertical-align:-2px
}

/*띠배너*/
#banner{
width:100%;
background:url(img/banner-bg.jpg);
background-position:50%;
background-size:cover;
padding:30px 0;
text-align:center;
}

.banner-t-pc{
width:80%;
max-width:1100px;
}

.banner-t-mo{
display:none;
width:80%;
max-width:620px;
}


/*주요사업*/
.main-bottom{
width:100%;
background:#f6f6f6;
padding:70px 0;
}

#business{
width:96%;
max-width:1280px;
margin:0 auto;
}
#business ul:after{
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;
}
#business ul li{
width:23.5%;
margin-left:2%;
float:left;
}

#business ul li:first-child{
margin-left:0;
}
#business ul li a{
display:block;
}

#business ul li a:hover img{
width:110%;
}
.busi-img{
width:100%;
height:200px;

}

.busi-img div{
display:flex;
width:100%;
height:100%;
justify-content: center;
align-items: center;
overflow: hidden;
}

.busi-img img{
width:100%;
transition: .5s ease;
}

.busi-text{
background:#135fc5;
position:relative;
height:65px;
line-height:65px;
color:#fff;
font-weight:600;
font-size:20px;
box-sizing:border-box;
padding-left:20px;
transition: .4s;
}

.busi-text span{
position:absolute;
right:20px;
top:0;
font-size:15px;
font-weight:400;
opacity:0.7;
}

.busi-text span i{
vertical-align:-1px;
}

#business ul li a:hover .busi-text{
background:#152c7f;
}

/*공지사항-바로가기배너*/
.main-info{
display:flex;
flex-wrap: nowrap;
width:96%;
max-width:1280px;
margin:0 auto;
padding-top:35px;
}
.main-info section{
width:15%;
margin-left:2%;
box-sizing:border-box;
height:210px;
border:1px #e0e0e0 solid;
background:#fff;
}

.m-more{
display:block;
width:35px;
height:35px;
line-height:35px;
color:#fff;
background:#11458b;
position:absolute;
right:-1px;
top:-1px;
text-align:center;
}

.main-info section#notice{
margin-left:0;
width:49%;
position:relative;
display:flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}

.notice-tit{
width:25%;
color:#11458b;
padding-bottom:50px;
}

.notice-tit h2{
font-weight:600;
font-size:22px;
}

.notice-tit h2 i{
display:block;
font-size:30px;
}

.notice-list{
width:65%;
padding-top:40px;
}
.notice-list li{
position:relative;
box-sizing:border-box;
padding-right:100px;
padding-left:8px;
width:100%;
margin-bottom:15px;
font-size:15px;
}

.notice-list li:after{
content:"";
display:block;
width:3px;
height:3px;
background-color:#999;
position:absolute;
left:0;
top:7px;
border-radius:999px;
}

.notice-list li a{
display:block;
height:1em;
line-height:1em;
overflow:hidden;

}

.notice-list li span{
position:absolute;
right:0;
top:0;
color:#999;
letter-spacing:0em;
line-height:1em;
font-family: 'Pretendard';
font-weight:300;
}

.quick a{
display:table; 
width:100%;
height:100%;
text-align:center;
position:relative;
}

.quick a div{
display:table-cell;
width:100%;
vertical-align:middle;
}

.quick a img{
width:60px;
}

.quick h2{
color:#11458b;
font-size:20px;
font-weight:600;
margin:10px 0 5px;
}

.quick p{
line-height:1.2;
font-size:15px;
opacity:0.9;
}

/*sub*/
.sub-visual{
width:100%; 
padding:40px 0;
background-image:url(img/sub-visual-bg.jpg);
background-position:50%;
background-size:cover;
text-align:center;
}

.sub-visual img{
width:80%;
max-width:950px;
}

.sub-area{
display:table;
width:100%;
max-width:1280px;
margin:0 auto;
table-layout:fixed;
}

.sub-left{
display:table-cell;
width:240px;
box-sizing:border-box;
border:1px #e0e0e0 solid;
border-width:0 1px;
vertical-align:top;
}

.sub-left-tit{
background:url(img/sub-left-tit-bg.jpg);
background-size:cover;
display:table;
width:100%;
height:160px;
}

.sub-left-tit p{
display:table-cell;
width:100%;
vertical-align:middle;
padding:0 30px;
color:#fff;
font-weight:600;
font-size:20px;
}

.snb{
padding:30px;
}

.snb li{ border-top:1px #e0e0e0 solid;}
.snb li:first-child{border-top-width:0;}

.snb li a{display:block; padding:10px 0; color:#666;}
.snb li a:hover{
color:#000;
}

.snb li.current a{
font-weight:600; 
color:#1953a1; 
background:url(img/snb-cu.png);
background-position:100% 50%;
background-repeat:no-repeat;
}

.left-info{
background:#343649;
padding:30px;
position:relative;
}

.left-info h2{
font-weight:600;
color:#fff;
font-size:17px;
margin-bottom:7px;
}

.left-info h2 i{
font-size:22px;
vertical-align:-3px;
margin-right:5px;
}

.left-info p{
font-size:15px;
color:#fff;
opacity:0.7;
}

.sub-right{
display:table-cell;
vertical-align:top;
}

.li-ico{
position:absolute;
bottom:30px;
right:30px;
color:#fff;
font-size:27px;
}

.left-info#customer{
background:#f2f2f2;
border-bottom:1px #e0e0e0 solid;
}

.left-info#customer h2{
color:#55382e
}

.left-info#customer p{
color:#333;
}

.left-info#customer strong{
color:#cb4b1e;
font-size:22px;
font-weight:600;
display:block;
margin-bottom:7px;
}

.sub-tit{
border-bottom:1px #e0e0e0 solid;
box-sizing:border-box;
padding:70px 0 20px 15px;
position:relative;
}

.sub-tit h2{
display:inline-block;
position:relative;
font-weight:600;
color:#222a53;
font-size:42px;
}

.sub-tit h2:after{
content:"";
display:block;
width:100%;
height:4px;
position:absolute;
bottom:-21px;
left:0;
background:#222a53;
}

.sub-nav{
position:absolute;
bottom:30px;
right:0;
color:#888ca0;
font-size:14px;
}

.sub-nav p{
display:inline-block;
margin:0 2px;
}

.sub-content{
padding:70px 0 70px 15px;
box-sizing:border-box;
font-family: 'Pretendard';
letter-spacing: -0.08em;
}

.sub-content th,
.sub-content td{font-family: 'Pretendard';
	letter-spacing: -0.08em;}


/*1-1인사말*/
.s11-top{
display:table;
}

.s11-t-img{
display:table-cell;
width:215px;
}

.s11-t-txt{
display:table-cell;
vertical-align:bottom;
padding-bottom:20px;
padding-left:50px;
font-size:28px;
font-weight:700;
color:#1250a2
}

.s11-box{
margin-top:30px;
}

.s11-box p{
margin-top:20px;
word-break:keep-all;
line-height:1.8;
}

.s11-bottom{
font-weight:700;
margin-top:30px;
}

.s11-bottom strong{
font-weight:800;
font-size:1.25em;
}

/*1-2설립취지*/
.sub21-box p{
margin-top:20px;
word-break:keep-all;
line-height:1.8;
border-bottom:1px #e0e0e0 solid;
padding-bottom:20px;
}

/*1-3설립목적&사업*/
.dl13{
border-top:1px #e0e0e0 solid;
padding-bottom:20px;
padding-top:20px;
}

.dl13:first-child{
border-top-width:0;
padding-top:0;
}

.dl13 dt{
display:inline-block;
padding:10px 30px;
background:#1250a2;
font-weight:700;
color:#fff;
font-size:18px;
margin-bottom:10px
}

.div13{
background:#ecf1f3;
box-sizing: border-box;
padding:30px;
word-break:keep-all;
line-height:1.8em;
}

.ul31 li{
padding:5px 0;
position:relative;
box-sizing:border-box;
padding-left:7px;
color:#666;
}

.ul31 li:after{
content:"";
display:block;
width:3px;
height:3px;
background:#666;
border-radius:100px;
position:absolute;
left:0;
top:15px;
}

/*1-4연혁*/
.ul14{
margin-left:150px;
border-left:2px #e0e0e0 solid;
margin-top:50px;
}
.ul14 li{
position:relative;
padding-left:30px;
box-sizing:border-box;
margin:30px 0;
}

.ul14 li:after{
content:"";
display:block;
width:8px;
height:8px;
border-radius:100px;
position:absolute;
background:#1250a2;
left:-5px;
top:50%;
margin-top:-4px;
}

.ul14 span{
position:absolute;
left:-140px;
text-align:right;
display:block;
width:120px;
font-weight:600;
color:#1250a2;
letter-spacing:0em;
}

/*1-6 조직현황*/
.table16{
width:100%;
table-layout:fixed;
}

.table16 td{
border:1px #d2dae5 solid;
text-align:center;
padding:10px;
font-size:0.95em;
}

.table16 td.ta-l{
text-align:left;
}

.table16 th{
border:1px #d2dae5 solid;
border-top:2px #1245a2 solid;
font-weight:600;
padding:10px;
background:#e9eef5;
color:#1250a2;
}

/*1-7위치안내*/
.location:first-child{
margin-bottom:60px;
}

.location dl{
margin-bottom:20px;
position:relative;
}

.location dt{
font-size:24px;
font-weight:700;
vertical-align:top;
position:relative;
height:100%;
color:#1250a2;
}



.location dd li{
display:table;
width:100%;
table-layout:fixed;
font-size:1.125em;
margin-top:10px;
}

.location dd li span{
display:table-cell;
width:60px;
font-weight:700;
}

.location dd li p{
display:table-cell;
}


/*시설안내*/
.table21{
width:100%;
overflow:hidden;
overflow-x:scroll;
}
.table21 table{
min-width:600px;
width:100%;
table-layout:fixed;
}
.table21 th{
border-top:2px #1250a2 solid;
color:#1250a2;
border-bottom:1px #cbd3da solid;
padding:10px 0;
font-size:0.9em;
font-weight:600;
border-left:1px #cbd3da solid;
background:#e4ebf0;
}

.table21 img{
width:100%;max-width:150px;
}

.table21 td{
text-align:center;
border-bottom:1px #e0e0e0 solid;
font-size:0.90em;
border-left:1px #e0e0e0 solid;
padding:10px;
word-break:break-all
}

.table21 th:first-child,
.table21 td:first-child{
border-left-width:0;
}

.table21 .td-img{
padding:0;
}

.table21 tr:hover{
background:#f8f8f8;
}

/*view*/
.view-tit{
text-align:center;
border-bottom:2px #333 solid;
font-weight:600;
font-size:32px;
padding-bottom:20px;
margin-bottom:50px;
}

.view-cont img{
max-width:100%;
}
.button-box{
text-align:center;
margin-top:30px;
}
.button-box input{
border:0;
background:#1245a2;
color:#fff;
padding:10px 30px;
}
/*페이징*/
.paging{
width:95%;
max-width:1200px;
margin:30px auto 0;
text-align:center;
}

.paging a,
.paging strong{
display:inline-block;
height:35px;
line-height:35px;
width:25px;
box-sizing:border-box;
color:#777;
}

.paging .page-prev{
margin-right:10px;
border:1px #e0e0e0 solid;
width:35px;
}

.paging .page-next{
margin-left:10px;
border:1px #e0e0e0 solid;
width:35px;
}

.paging strong{
background:#45525f;color:#fff;
width:35px;
}
	




/* 아이디/비밀번호찾기 */
.id_pw{width:94%;padding:50px 3%;min-height:400px;background:#f1f1f1;}
.id_pw_title{float:left;width:100%;line-height:100%;font-size:24px;text-align:center;font-weight:600;color:#000;margin-bottom:14px;}
.tbl2{float:left;width:94%;min-height:350px;padding:3%;margin:0 1%;background:#fff;box-shadow:3px 3px 3px #ccc;}
.tbl2 table{float:left;width:100%;border-top:1px solid #000;margin-bottom:20px;}
.tbl2 table th{font-size:16px;font-weight:600;background:#f9f9f9;text-align:left;}
.tbl2 table td{text-align:left;font-size:14px;}
.tbl2 table td strong{position:relative;float:left;width:9px;line-height:36px;font-size:18px;color:#777;margin:0 12px 0 11px;overflow:hidden;}
.tbl2 table td select.sct1{float:left;width:27%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
.tbl2 table th,.tbl2 table td{padding:10px;border-bottom:1px solid #ccc;}
/* 버튼 */
.btn_w{position:relative;float:left;width:100%;text-align:center;margin:10px 0 0 0;}
.btn_w input:hover{cursor:pointer;filter:alpha(opacity=20);opacity:0.8;-moz-opacity:0.8;}
input.btn{display:inline-block;width:20%;height:40px;line-height:100%;font-size:16px;font-weight:600;cursor:pointer;background:#0277bc;text-align:center;color:#fff;border:2px solid #03579f;margin:0 1px;}
input.btn2{display:inline-block;width:20%;height:40px;line-height:100%;font-size:16px;font-weight:600;cursor:pointer;background:#eee;text-align:center;color:#555;border:2px solid #ccc;margin:0 1px;}
/* INPUT, SELECT style */
input.ip01{float:left;width:40%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip02{float:left;width:11%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}

input.ip03{float:left;width:97%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip04{float:left;width:97%;;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip05{float:left;width:93%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip06{float:left;width:22%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip07{float:left;width:35%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}

.sct1{position:relative;float:left;width:100px;height:36px;background:#fff;border:1px solid #ccc;}
.sct1 select{float:left;width:100px;padding-left:8px;height:36px;font-weight:300;color:#666;background:url(../img/select_bg.png) no-repeat 90% 50%;background-size:9px;appearance:none;/* 기본 스타일 없애기 */-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.sct2{position:relative;float:left;width:140px;height:36px;background:#fff;border:1px solid #ccc;}
.sct2 select{float:left;width:140px;padding-left:8px;height:36px;font-weight:300;color:#666;background:url(../img/select_bg.png) no-repeat 94% 50%;background-size:9px;appearance:none;/* 기본 스타일 없애기 */-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.sct3{position:relative;float:left;width:320px;height:36px;background:#fff;border:1px solid #ccc;}
.sct3 select{float:left;width:320px;padding-left:8px;height:36px;font-weight:300;color:#666;background:url(../img/select_bg.png) no-repeat 96% 50%;background-size:9px;appearance:none;/* 기본 스타일 없애기 */-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.sct1 select::-ms-expand,.sct2 select::-ms-expand,.sct3 select::-ms-expand{display:none;}


/*=================================== 회원가입, 정보수정, 아이디/비밀번호찾기 ===================================*/
/*회원가입*/

.bn_list{position:relative;float:left;width:100%;}
.bn_list ul{position:relative;float:left;width:102%;margin:-1% 0 0 -1%;}
.bn_list ul li{position:relative;float:left;width:48%;margin:1%;background:#fff;overflow:hidden;}
.bn_list ul li a{position:relative;float:left;border:1px solid #e0e0e0;margin:0;padding:0;}

/* 회원구분 */
#join1{position:relative;float:left;width:100%;height:100%;text-align:center;}
.join_box{position:relative;float:left;width:41.5%;text-align:center;border:1px solid #aaa;padding:6% 4%;background:url(../img/gradation.png) no-repeat;background-size:100% 100%;}
.join_box img{width:100px;}
.join_box b{float:left;width:100%;line-height:100%;font-size:22px;font-weight:600;letter-spacing:-1px;color:#000;padding-top:90px;margin:0 0 10px 0;}
b.join_img1{background:url(../img/join_img1.png) no-repeat top center;background-size:70px;}
b.join_img2{background:url(../img/join_img2.png) no-repeat top center;background-size:70px;}
.join_box p{float:left;width:100%;line-height:18px;font-size:14px;font-weight:300;color:#555;}
.join_box a{display:inline-block;line-height:22px;font-size:12px;text-align:center;font-weight:400;color:#fff;background:#000;padding:0 10px;margin-top:6%;}

/* 약관 */
.terms{width:94%;padding:3%;margin:auto 0;background:#f4f4f4;}
.terms_title{float:left;width:100%;line-height:22px;font-size:16px;font-weight:600;color:#000;border-bottom:1px solid #ccc;padding-bottom:2%;margin-bottom:3%;}
.terms textarea{width:100%;min-height:350px;line-height:20px;font-weight:300;color:#666;border:none;background:none;}
.terms2{float:left;width:95%;padding:2.5%;background:#f4f4f4;}
.terms2 pre{float:left;width:100%;white-space:pre-wrap;line-height:15px;font-size:12px;font-family:'Noto Sans KR' !important;font-weight:300;color:#666;}

/* 동의 */
.agree{width:100%;margin:4% 0;}
.agree input{float:left;width:15px;height:15px;line-height:15px;margin-right:4px;}
.agree label{float:left;font-size:14px;line-height:15px;}

/* 가입폼 */
.tbl{width:100%;}
.tbl table{width:100%;border-top:3px solid #000;}
.tbl table th{font-size:14px;font-weight:500;background:#f9f9f9;text-align:left;}
.tbl table td{text-align:left;font-size:12px;}
.tbl table td span{float:left;height:30px;line-height:30px;font-size:14px;color:#000;margin:0 2%;}
.tbl table td strong{position:relative;float:left;width:6px;line-height:30px;font-size:18px;color:#777;margin:0 1%;overflow:hidden;}
.tbl table td textarea{float:left;width:92%;height:70px;padding:2%;line-height:16px;font-size:12px;color:#777;border:1px solid #ccc;}
.tbl table th,.tbl table td{padding:2%;}
.tbl table tr{border-bottom:1px solid #ccc;}
table tr.tbl_line{border-bottom:1px solid #000 !important}

.tbl_ment{float:left;width:100%;line-height:16px;font-size:12px;font-weight:300;color:#555;margin-top:5px;}

input.tbl_btn{float:left;height:30px;line-height:30px;font-size:12px;font-weight:500;cursor:pointer;text-align:center;padding:0 5px;color:#fff;background:#666;border:none;margin:1px;}


/* 가입완료 */
.finish_box{position:relative;float:left;width:98%;text-align:center;background:#f9f9f9;border:10px solid #eee;padding:100px 0;}
.f_bg1{float:left;width:100%;height:300px;background:url(../img/f_Bg1.png) no-repeat center top;}
.finish_box b{float:left;width:100%;line-height:100%;font-size:36px;font-weight:400;color:#000;margin:70px 0 20px 0;}
.finish_box p{float:left;width:100%;line-height:100%;font-size:20px;color:#777;}
.finish_box span{color:#004cbf;}


@media (max-width:1200px) {

}

@media (max-width:768px) {

/* 아이디/비밀번호찾기 */
.id_pw{width:94%;padding:50px 3%;min-height:340px;background:#f1f1f1;}
.id_pw_title{float:left;width:100%;line-height:100%;font-size:24px;text-align:center;font-weight:600;color:#000;margin-bottom:14px;}
.tbl2{float:left;width:90%;min-height:300px;padding:3%;margin:0 1%;background:#fff;box-shadow:3px 3px 3px #ccc;}
.tbl2 table{float:left;width:100%;border-top:1px solid #000;margin-bottom:20px;}
.tbl2 table th{font-size:16px;font-weight:600;background:#f9f9f9;text-align:left;}
.tbl2 table td{text-align:left;font-size:14px;}
.tbl2 table td strong{position:relative;float:left;width:9px;line-height:36px;font-size:18px;color:#777;margin:0 12px 0 11px;overflow:hidden;}
.tbl2 table td select.sct1{float:left;width:27%;height:36px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
.tbl2 table th,.tbl2 table td{padding:10px;border-bottom:1px solid #ccc;}

/* 버튼 */
.btn_w{position:relative;float:left;width:100%;text-align:center;margin:10px 0 0 0;}
.btn_w input:hover{cursor:pointer;filter:alpha(opacity=20);opacity:0.8;-moz-opacity:0.8;}
input.btn{display:inline-block;width:20%;height:40px;line-height:100%;font-size:16px;font-weight:600;cursor:pointer;background:#0277bc;text-align:center;color:#fff;border:2px solid #03579f;margin:0 1px;}
input.btn2{display:inline-block;width:20%;height:40px;line-height:100%;font-size:16px;font-weight:600;cursor:pointer;background:#eee;text-align:center;color:#555;border:2px solid #ccc;margin:0 1px;}
/* INPUT, SELECT style */
input.ip01{float:left;width:35%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip02{float:left;width:11%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip03{float:left;width:97%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip04{float:left;width:97%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip05{float:left;width:93%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip06{float:left;width:22%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
input.ip07{float:left;width:35%;height:34px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}


.sct1{position:relative;float:left;width:100px;height:36px;background:#fff;border:1px solid #ccc;}
.sct1 select{float:left;width:100px;padding-left:8px;height:36px;font-weight:300;color:#666;background:url(../img/select_bg.png) no-repeat 90% 50%;background-size:9px;appearance:none;/* 기본 스타일 없애기 */-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.sct2{position:relative;float:left;width:140px;height:36px;background:#fff;border:1px solid #ccc;}
.sct2 select{float:left;width:140px;padding-left:8px;height:36px;font-weight:300;color:#666;background:url(../img/select_bg.png) no-repeat 94% 50%;background-size:9px;appearance:none;/* 기본 스타일 없애기 */-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.sct3{position:relative;float:left;width:320px;height:36px;background:#fff;border:1px solid #ccc;}
.sct3 select{float:left;width:320px;padding-left:8px;height:36px;font-weight:300;color:#666;background:url(../img/select_bg.png) no-repeat 96% 50%;background-size:9px;appearance:none;/* 기본 스타일 없애기 */-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.sct1 select::-ms-expand,.sct2 select::-ms-expand,.sct3 select::-ms-expand{display:none;}

 
/* 회원가입 */
.m_title{position:relative;float:left;width:100%;text-align:center;background:url(../img/title_line.gif) repeat-x 0 50%;margin-bottom:15px;}
.m_title span{display:inline-block;line-height:30px;font-size:28px;font-weight:500;color:#000;padding:0 22px;background:#fff;}

.bn_list{position:relative;float:left;width:100%;}
.bn_list ul{position:relative;float:left;width:1008px;margin:-4px 0 0 -4px;}
.bn_list ul li{position:relative;float:left;width:328px;height:250px;margin:4px;}
.bn_list ul li a{position:relative;float:left;width:326px;height:244px;background:#fff;border:1px solid #e0e0e0;margin:0;padding:0;overflow:hidden;}
a.more{position:absolute;right:0;top:0;width:30px;height:30px;line-height:30px;font-size:25px;font-weight:500;text-align:center;color:#fff;background:#6e95fa;}

/* 회원구분 */
#join1{position:relative;float:left;width:100%;height:100%;text-align:center;}
.join_box{position:relative;float:left;width:46%;text-align:center;border:5px solid #e0e0e0;margin:0 1.5%;padding:80px 0;background:url(../img/gradation.png) no-repeat;background-size:100% 100%;}
.join_box img{width:100px;}
.join_box b{float:left;width:100%;line-height:100%;font-size:50px;font-weight:400;letter-spacing:-3px;color:#000;padding-top:120px;margin:0 0 10px 0;}
b.join_img1{background:url(../img/join_img1.png) no-repeat top center;background-size:100px;}
b.join_img2{background:url(../img/join_img2.png) no-repeat top center;background-size:100px;}
.join_box p{float:left;width:100%;line-height:24px;font-size:16px;font-weight:300;color:#555;}
.join_box a{display:inline-block;line-height:36px;font-size:16px;text-align:center;font-weight:400;color:#fff;background:#000;padding:0 30px;margin-top:30px;}


/* 약관 */
.terms{width:94%;height:auto;padding:3%;background:#f4f4f4;}
.terms_title{float:left;width:100%;font-size:22px;font-weight:600;color:#000;margin-bottom:20px;}
.terms textarea{width:100%;min-height:320px;line-height:16px;font-size:13px;color:#666;border:none;border-top:1px solid #ccc;background:none;}
.terms2{position:relative;float:left;width:95%;padding:2.5%;background:#f4f4f4;}
.terms2 pre{float:left;width:100%;white-space:pre-wrap;line-height:18px;font-size:13px;font-weight:300;color:#666;}


/* 동의 */
.agree{width:100%;margin:20px 0;}
.agree input{float:left;width:18px;height:18px;line-height:18px;margin-right:10px;}
.agree label{float:left;font-size:17px;line-height:18px;}

/* 가입폼 */
.tbl{width:100%;}
.tbl table{width:100%;border-top:3px solid #000;}
.tbl table th{font-size:18px;font-weight:500;background:#f9f9f9;text-align:left;}
.tbl table td{text-align:left;font-size:14px;}
.tbl table td span{float:left;height:36px;line-height:36px;font-size:16px;color:#000;margin:0 10px;}
.tbl table td strong{position:relative;float:left;width:9px;line-height:36px;font-size:18px;color:#777;margin:0 12px 0 11px;overflow:hidden;}
.tbl table td textarea{float:left;width:98%;height:120px;padding:10px;line-height:22px;font-size:14px;color:#777;border:1px solid #ccc;}
.tbl table th,.tbl table td{padding:15px;}
.tbl table tr{border-bottom:1px solid #ccc;}
table tr.tbl_line{border-bottom:1px solid #000 !important}

.tbl_ment{float:left;width:100%;line-height:20px;font-size:13px;font-weight:300;color:#555;margin-top:5px;}

input.tbl_btn{float:left;width:140px;height:36px;line-height:36px;font-size:14px;font-weight:500;cursor:pointer;text-align:center;color:#fff;background:#666;border:none;margin:2px;}
input:hover.tbl_btn{background:#333;}


/* 가입완료 */
.finish_box{position:relative;float:left;width:98%;text-align:center;background:#f9f9f9;border:10px solid #eee;padding:100px 0;}
.f_bg1{float:left;width:100%;height:300px;background:url(../img/f_Bg1.png) no-repeat center top;}
.finish_box b{float:left;width:100%;line-height:100%;font-size:36px;font-weight:400;color:#000;margin:70px 0 20px 0;}
.finish_box p{float:left;width:100%;line-height:100%;font-size:20px;color:#777;}
.finish_box span{color:#004cbf;}
}

@media (max-width:480px) {

/* 아이디/비밀번호찾기 */
.id_pw{width:94%;padding:50px 3%;background:#f1f1f1;}
.id_pw_title{float:left;width:100%;line-height:100%;font-size:24px;text-align:center;font-weight:600;color:#000;margin-bottom:14px;}
.tbl2{width:90%;min-height:300px;padding:3%;margin:0 1%;background:#fff;box-shadow:3px 3px 3px #ccc;}
.tbl2 table{float:left;width:100%;border-top:1px solid #000;margin-bottom:20px;}
.tbl2 table th{font-size:16px;font-weight:600;background:#f9f9f9;text-align:left;}
.tbl2 table td{text-align:left;font-size:14px;}
.tbl2 table td strong{position:relative;float:left;width:9px;line-height:36px;font-size:18px;color:#777;margin:0 12px 0 11px;overflow:hidden;}
.tbl2 table td select.sct1{float:left;width:30%;height:36px;line-height:100%;font-size:14px;padding:0 8px;color:#777;border:1px solid #ccc;margin:2px;}
.tbl2 table th,.tbl2 table td{padding:10px;border-bottom:1px solid #ccc;}

/* 버튼 */
.btn_w{position:relative;float:left;width:100%;text-align:center;margin:2% 0 0 0;}
.btn_w input{display:inline-block;width:40%;height:30px;line-height:100%;font-size:14px;font-weight:600;cursor:pointer;margin:0;padding:0;border-radius:0 !important;}
input.btn{background:#0277bc;text-align:center;color:#fff;border:2px solid #03579f;}
input.btn2{background:#eee;text-align:center;color:#555;border:2px solid #ccc;}

/* INPUT, SELECT style */
input.ip01{float:left;width:90%;height:28px;line-height:100%;font-size:13px;padding:0 8px;color:#777;border:1px solid #ccc;margin:1px;}
input.ip02{float:left;width:22%;height:28px;line-height:100%;font-size:13px;padding:0 8px;color:#777;border:1px solid #ccc;margin:1px;}
input.ip03{float:left;width:90%;height:28px;line-height:100%;font-size:13px;padding:0 8px;color:#777;border:1px solid #ccc;margin:1px;}
input.ip04{float:left;width:97%;height:28px;line-height:100%;font-size:13px;padding:0 8px;color:#777;border:1px solid #ccc;margin:1px;}
input.ip05{float:left;width:93%;height:28px;line-height:100%;font-size:13px;padding:0 8px;color:#777;border:1px solid #ccc;margin:1px;}
input.ip06{float:left;width:22%;height:28px;line-height:100%;font-size:13px;padding:0 8px;color:#777;border:1px solid #ccc;margin:1px;}
input.ip07{float:left;width:35%;height:28px;line-height:100%;font-size:13px;padding:0 8px;color:#777;border:1px solid #ccc;margin:1px;}


.sct1{position:relative;float:left;width:30%;height:28px;background:#fff;border:1px solid #ccc;margin:1px;}
.sct1 select{float:left;width:100%;padding-left:8px;height:28px;font-weight:300;color:#666;background:url(../img/select_bg.png) no-repeat 90% 50%;background-size:9px;appearance:none;/* 기본 스타일 없애기 */-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.sct2{position:relative;float:left;width:31%;height:28px;background:#fff;border:1px solid #ccc;margin:1px;}
.sct2 select{float:left;width:100%;padding-left:8px;height:28px;font-weight:300;color:#666;background:url(../img/select_bg.png) no-repeat 94% 50%;background-size:9px;appearance:none;/* 기본 스타일 없애기 */-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.sct3{position:relative;float:left;width:90%;height:28px;background:#fff;border:1px solid #ccc;margin:1px;}
.sct3 select{float:left;width:90%;padding-left:8px;height:28px;font-weight:300;color:#666;background:url(../img/select_bg.png) no-repeat 96% 50%;background-size:9px;appearance:none;/* 기본 스타일 없애기 */-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
.sct1 select::-ms-expand,.sct2 select::-ms-expand,.sct3 select::-ms-expand{display:none;}

/*=================================== 회원가입, 정보수정, 아이디/비밀번호찾기 ===================================*/
/*회원가입*/
.bn_list{position:relative;float:left;width:100%;}
.bn_list ul{position:relative;float:left;width:102%;margin:-1% 0 0 -1%;}
.bn_list ul li{position:relative;float:left;width:48%;margin:1%;background:#fff;overflow:hidden;}
.bn_list ul li a{position:relative;float:left;border:1px solid #e0e0e0;margin:0;padding:0;}

/* 회원구분 */
#join1{position:relative;float:left;width:100%;height:100%;text-align:center;}
.join_box{position:relative;float:left;width:41.5%;text-align:center;border:1px solid #aaa;padding:6% 4%;background:url(../img/gradation.png) no-repeat;background-size:100% 100%;}
.join_box img{width:100px;}
.join_box b{float:left;width:100%;line-height:100%;font-size:22px;font-weight:600;letter-spacing:-1px;color:#000;padding-top:90px;margin:0 0 10px 0;}
b.join_img1{background:url(../img/join_img1.png) no-repeat top center;background-size:70px;}
b.join_img2{background:url(../img/join_img2.png) no-repeat top center;background-size:70px;}
.join_box p{float:left;width:100%;line-height:18px;font-size:14px;font-weight:300;color:#555;}
.join_box a{display:inline-block;line-height:22px;font-size:12px;text-align:center;font-weight:400;color:#fff;background:#000;padding:0 10px;margin-top:6%;}

/* 약관 */
.terms{width:94%;height:auto;padding:3%;background:#f4f4f4;}
.terms_title{float:left;width:100%;line-height:22px;font-size:16px;font-weight:600;color:#000;border-bottom:1px solid #ccc;padding-bottom:2%;margin-bottom:3%;}
.terms textarea{width:100%;min-height:180px;line-height:20px;font-size:12px;font-weight:300;color:#666;border:none;background:none;}
.terms2{position:relative;float:left;width:95%;padding:2.5%;background:#f4f4f4;}
.terms2 pre{float:left;width:100%;white-space:pre-wrap;line-height:15px;font-size:12px;font-family:'Noto Sans KR' !important;font-weight:300;color:#666;}

/* 동의 */
.agree{width:100%;margin:4% 0;}
.agree input{float:left;width:15px;height:15px;line-height:15px;margin-right:4px;}
.agree label{float:left;font-size:14px;line-height:15px;}

/* 가입폼 */
.tbl{width:100%;}
.tbl table{width:100%;border-top:3px solid #000;}
.tbl table th{font-size:14px;font-weight:500;background:#f9f9f9;text-align:left;}
.tbl table td{text-align:left;font-size:12px;}
.tbl table td span{float:left;height:30px;line-height:30px;font-size:14px;color:#000;margin:0 2%;}
.tbl table td strong{position:relative;float:left;width:6px;line-height:30px;font-size:18px;color:#777;margin:0 1%;overflow:hidden;}
.tbl table td textarea{float:left;width:92%;height:70px;padding:2%;line-height:16px;font-size:12px;color:#777;border:1px solid #ccc;}
.tbl table th,.tbl table td{padding:2%;}
.tbl table tr{border-bottom:1px solid #ccc;}
table tr.tbl_line{border-bottom:1px solid #000 !important}

.tbl_ment{float:left;width:100%;line-height:16px;font-size:12px;font-weight:300;color:#555;margin-top:5px;}

input.tbl_btn{float:left;height:30px;line-height:30px;font-size:12px;font-weight:500;cursor:pointer;text-align:center;padding:0 5px;color:#fff;background:#666;border:none;margin:1px;}


/* 가입완료 */
.finish_box{position:relative;float:left;width:98%;text-align:center;background:#f9f9f9;border:10px solid #eee;padding:100px 0;}
.f_bg1{float:left;width:100%;height:300px;background:url(../img/f_Bg1.png) no-repeat center top;}
.finish_box b{float:left;width:100%;line-height:100%;font-size:36px;font-weight:400;color:#000;margin:70px 0 20px 0;}
.finish_box p{float:left;width:100%;line-height:100%;font-size:20px;color:#777;}
.finish_box span{color:#004cbf;}
}


/* 서브 하위메뉴 */
.product-list{text-align:center;}
.product-list li{display:inline-block; margin-bottom:3px; text-align:center;}
.product-list li a{display:block; padding:8px 15px; background:#eaeaea; color:#000; font-size:14px;}
.product-list li a:hover,
.product-list li.current a{background:#002971; color:#fff;}