@charset "utf-8";
/* sub-layout ====================================================================================*/
.visual-sub { margin:0; padding:0; height:500px; background-image:url(/img/visual-sub1.jpg); background-size:auto !important; }
.visual-sub h2 { margin-top:40px; padding:0; color:#fff; font-weight:normal; font-size:36px; }
.sub-body{ margin-top:-240px; margin-bottom:70px; background:#FFF;}
.sub-body .row .col-lg-2{ padding-left:0 !important;}
.sub-body .row .col-lg-10{ padding-right:0 !important;}

.gnb-sub { width:228px; overflow:hidden; }
.gnb-sub h2 { margin:0; padding:0; width:228px; display:block; background:#1a2a42 url(/img/bg-title.jpg) no-repeat right bottom; background-size:cover; line-height:145px; color:#fff; text-align:center; font-size:30px; font-weight:200;  letter-spacing:-1px; }
.gnb-sub ul { display:block; margin:0; padding:0; list-style:none; background-color:#fff; overflow:hidden;  border:1px solid #d9d9d9; border-top:0;}
.gnb-sub ul li { display:block; border-top:1px solid #d9d9d9; }
.gnb-sub ul li:first-child { border-top:0; }
.gnb-sub ul li a { display:block; padding:28px 30px 23px 25px; font-size:1.6rem; letter-spacing:-1px; line-height:1.2; position:relative; text-align:right; }
.gnb-sub ul li a:before { position:absolute; right:0; top:0; content:''; width:5px; height:70px; background-color:#eee; }
.gnb-sub ul li a:hover, .gnb-sub ul li a.active { color:#ed7100; font-weight:500;}
.gnb-sub ul li a:hover:before, .gnb-sub ul li a.active:before { background-color:#ed7100; width:5px; }

.location {padding:10px 0; font-size:1.3rem; background:#EFEFEF; padding-left:35px; }
.page-title { margin-top:45px; text-align:center;  font-size:34px; position:relative; height:69px; line-height:1.2; color:#222;}

@media (max-width: 1199px) {
.sub-body{ margin-top:0; background:#FFF;}
.sub-body .row .col-lg-10{ padding-left:0 !important;}
.gnb-sub { width:100%; margin-top:-115px; }
.gnb-sub h2 { width:100%; font-size:24px; line-height:85px; display:inline-block; padding:0 50px;}
.gnb-sub ul { display:table; width:100%; padding-left:0; border:0; border-left:1px solid #ddd; margin:0; }
.gnb-sub ul li { display:table-cell; width:1%; border:0; border-right:1px solid #ddd; }
.gnb-sub ul li a { text-align:center; padding-left:13px; padding-right:13px; font-size:1.4rem; min-height:80px;}
.gnb-sub ul li a:before { position:absolute; left:0; top:auto; bottom:0; content:''; width:100%; height:1px; background-color:#ddd; }
.gnb-sub ul li a:hover, .gnb-sub ul li a.active { color:#fff; }
.gnb-sub ul li a:hover:before, .gnb-sub ul li a.active:before { background-color:#396ac3; height:2px; }
.location { text-align:right; padding:25px 0;}
}
@media (max-width: 767px) {
.gnb-sub { display:none; }
.visual-sub { height:150px; background-image:none }
.location { text-align:center; margin-top:-80px; color:#fff; background:none; }
.location a { color:#fff; }
.page-title { display:none; }

}



.room-owl { position:relative; }
.room-owl .item { position:relative; width:100%; height:580px; overflow:hidden; display:block; }
.room-owl .item img { position:absolute; top:-100%; bottom:-100%; left:0; right:0; margin:auto; width:100%; min-height:100%; object-fit:cover; }
.room-owl .owl-nav button { position:absolute; top:50%; margin-top:-25px; text-align:center; width:50px; height:50px; line-height:50px; color:#fff; z-index:3; opacity:.8;  }
.room-owl .owl-nav button:hover { opacity:1; }
.room-owl .owl-nav button.owl-prev { left:0; }
.room-owl .owl-nav button.owl-next { right:0; }
.room-owl .owl-nav button i { color:#fff; font-size:50px; }
.room-owl .owl-dots { position:absolute; bottom:0; width:100%; text-align:center; padding:10px 0; }
.room-owl .owl-dot { display:inline-block; }
.room-owl .owl-dot span { display:block; width:30px; height:3px; margin:10px 2px; background-color:rgba(255,255,255,.4); cursor: pointer;
	transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}
.room-owl .owl-dot.active span { background-color:#fff; }
@media (max-width: 1280px) {
.room-owl .item { height:551px; }
}
@media (max-width: 1199px) {
.room-owl .item { height:454px; }
}
@media (max-width: 991px) {
.room-owl .item { height:348px; }
}
@media (max-width: 767px) {
.room-owl { margin:0 -15px; }
.room-owl .item { height:290px; }
}
/* common ====================================================================================*/
.cont { padding:50px 50px 80px 50px; overflow:hidden;}
.cont h3 { color:#15468e; margin-top:30px; font-size:18px; }
.cont h3:first-child { margin-top:0; }
.cont p a { position:relative; display:inline-block; }
.cont p a:before { content:''; width:100%; height:1px; background-color:#4989d3; position:absolute; left:0; bottom:0; }
.box1 { background-color:#f7f7f7; padding:20px 15px; }
.ul { margin:0; padding:0; list-style:none; }
.ul li { margin:0; padding:0 0 3px 15px; position:relative; text-align:left; }
.ul li:before { content:''; position:absolute; left:5px; top:11px; width:2px; height:2px; background-color:#242424; }
.ul-5 li { margin:0; padding:0 0 5px 15px; position:relative; text-align:left; }
.ul-10 li { margin:0; padding:0 0 10px 15px; position:relative; text-align:left; }

.h2-title:first-child { margin-top:0; }
.h2-title { margin-top:40px; font-size:24px; padding-left:25px; background:url(/img/icon-h2.png) no-repeat left center; }

.box-style{position:relative;margin-bottom:20px;background:#f1f3f5;overflow:hidden;}
/*
.box-style:before{content:"";position:absolute;top:0;left:0;width:100%;height:30px;background:#467ed4; }
.box-style:after{content:"";position:absolute;top:0;left:0;width:50%;height:30px;background:#1fbcbe}
*/
.box-style .inner{position:relative;z-index:1;margin:3px;padding:20px 30px;background-color:#fafdfd;border-bottom:1px solid #c2cbe5; text-align:center;}
.box-style .inner h3 { font-size:24px; color:#222; }

@media (max-width: 767px) {
.cont{ padding-left:15px !important; padding-right:15px !important;}
.cont h2 { font-size:22px; }
}

.table { border-top:1px solid #3f4659 !important; border-left:2px solid #fff; border-right:2px solid #fff; margin-bottom:0;  }
.table>thead>tr>th { background-color:#f9f9f9; border-bottom:1px solid #ddd; text-align:center !important; padding:15px 8px; vertical-align:middle; font-weight:normal; }
.table>tbody>tr>th, .table>tbody>tr>td { vertical-align:middle; padding:15px 5px; text-align:center; }
.table>tbody>tr>th { background-color:#f7f7f7; font-weight:normal; }
.table>tbody>tr>td.lt { text-align:left; padding-left:15px !important; }
.table>tbody>tr>td.rt { text-align:right; }
.table>tbody>tr>td.vt { vertical-align:top; }
.table>tbody>tr>td label { font-weight:300 !important;}
.table>tbody>tr>td>div.comment { color:#F00; font-weight:700; font-size:14px; padding-top:10px;}

.table2 { border:1px solid #ddd !important; width:100%; }
.table2>thead>tr>th { background-color:#f9f9f9; border:1px solid #ddd; text-align:center !important; padding:15px 8px; vertical-align:middle; font-weight:normal; }
.table2>tbody>tr>th, .table2>tbody>tr>td { vertical-align:middle; padding:15px 8px; border:1px solid #ddd !important; text-align:center; }
.table2>tbody>tr>th { background-color:#f7f7f7; font-weight:normal; text-align:center; }
.table2>tbody>tr>td.lt { text-align:left; }
.table2>tbody>tr>td.vt { vertical-align:top; }
.table2>tbody>tr>td.img_part{ text-align:center;}


.table3 { border-top:2px solid #004993; !important; width:100%; }
.table3>thead>tr>th { background-color:#eef0f5; border:1px solid #ddd; text-align:center !important; padding:10px 8px; vertical-align:middle; font-weight:normal; }
.table3>tbody>tr>th, .table3>tbody>tr>td { vertical-align:middle; padding:15px 8px; border:1px solid #ddd !important; text-align:center; }
.table3>tbody>tr>td { font-size:1.5rem;}
.table3>tbody>tr>th { background-color:#f7f7f7; font-weight:normal; text-align:center; }
.table3>tbody>tr>td.lt { text-align:left; }
.table3>tbody>tr>td.vt { vertical-align:top; }
.table3>tbody>tr>td.img_part{ text-align:center;}
.table3>tbody>tr>td.tt1 { font-weight:700; background:#fafafa;}

.map { position:relative; }
.map.full { position:fixed !important;top:0;left:0;width:100%;height:100%;background-color:#ccc;z-index:9999; }
.map .btn { position:absolute; top:10px; right:10px; font-weight:bold; z-index:1; }

.tabs { border:none;}
.tabs li a { font-size:16px; padding:17px; color:#999; border:1px solid #d6dde7; border-radius:0; margin-left:-1px; background:#EFEFEF; }
.tabs li.active a, .tabs li.active a:hover  .tabs li.active a:focus { background:#fff; font-size:18px; font-weight:700; color:#000 !important; }
.nav-tabs>li.active>a, .tabs>li.active>a:hover, .tabs>li.active>a:focus {background:#fff; font-size:16px; color:#000 !important; border-top:#ed7100 2px solid !important; }
.nav-tabs.nav-justified>li>a {    border-radius: 0;}



.tabs2 { border:none;}
.tabs2 li {}
.tabs2 li a { font-size:16px; padding:12px; color:#999; border-top:1px solid #ddd !important; border-bottom:1px solid #ddd !important; }
.tabs2 li.active a, .tabs2 li.active a:hover  .tabs2 li.active a:focus { background:#ebf2ff; border-top:1px solid #005eff !important; border-bottom:1px solid #005eff !important; border-left:0 !important; border-right:0 !important; border-radius:0; color:#005eff !important; }

@media (max-width: 768px){
.tabs2 li { float:none; display:table-cell; width:1%;}
}


.tabs3 { border:none; display:table;}
.tabs3 li { display:table-cell; margin-top:-1px;}
.tabs3 li a { font-size:16px; padding:12px 15px; color:#999; border-top:1px solid #ddd !important; border-bottom:1px solid #ddd !important; text-align:center; }
.tabs3 li.active a, .tabs3 li.active a:hover  .tabs3 li.active a:focus { background:#ebf2ff; border-top:1px solid #005eff !important; border-bottom:1px solid #005eff !important; border-left:0 !important; border-right:0 !important; border-radius:0; color:#005eff !important; }

@media (max-width: 768px){
.tabs3 li {width:16.5%; }
.tabs3 li a {font-size:14px; display:block; min-height:60px; max-height:60px; padding:6px;}
}


h3.h3-style1{position:relative; margin-top:40px; margin-bottom:20px; padding-top:10px; font-size:22px; color:#004993; line-height:32px; word-wrap:break-word; word-break:keep-all;}
h3.h3-style1:before{content:"";display:block;position:absolute;top:-3px;left:0;width:53px;border-top:3px solid #004993;}

.box-style1{ clear:both; border:1px solid #e4cfcf; padding:20px 15px; margin:20px 0 0 0; background:#fff2f2; text-align:center; }
.box-style2{ clear:both; border:1px solid #e4cfcf; padding:15px; margin:20px 0; background:#fff; text-align:center; font-weight:700; }
.box-style3{ clear:both; border:1px solid #9aaac1; padding:15px; margin:0; background:#EFEFEF; text-align:center; }

.title-md { font-size:32px; font-weight:700; margin:0 0 40px 0; padding:0; text-align:center; }
.title-sm { font-size:20px; font-weight:700; margin:0 0 20px 0; padding:0; }
.title-xs { font-size:16px; font-weight:700; margin:0 0 10px 0; padding:0; color:#c85908; }

.font-xs { font-size:16px; }


/* list */
.list-1st {margin:0; padding-left:7px; list-style:none;}
.list-1st li,
.list-1st dd{margin:5px 0 0;padding-left:19px;background:url(/img/list_bul1.png) no-repeat 0 6px; color:#444;line-height:21px;word-wrap:break-word;word-break:keep-all; text-align:left;}
.list-1st .stop{ color:#F00;}

.list_2st{margin:5px 0 10px;}
.list_2st li{ margin:4px 0 0;padding-left:17px;background:url(/img/list_bul2.png) no-repeat 0 9px; font-size:14px;line-height:19px;color:#767676; list-style:none; text-align:left;}
.list_3st{margin:5px 0 10px;}
.list_3st li{ margin:4px 0 0;padding-left: 10px;background:url(/img/list_bul3.png) no-repeat left 10px;font-size:13px;color:#767676;}

.ol-list-1st{ margin:0; padding:}
.ol-list-1st li{ margin:0; padding:0; background:none; font-size:13px;}

.uit{position:relative;margin-bottom:20px;background:#f1f3f5;overflow:hidden}
.uit:before{content:"";position:absolute;top:0;left:0;width:100%;height:30px;background:#467ed4}
.uit:after{content:"";position:absolute;top:0;left:0;width:180px;height:30px;background:#1fbcbe}
.uit .inner{position:relative;z-index:1;margin:2px;padding:20px 30px;background-color:#fff;border-bottom:1px solid #c2cbe5}
.uit .inner strong{display:block;margin-top:0;padding:0;margin-bottom:5px;font-size:16px; color:#2A60D3; font-weight:normal;}
.uit .inner span{color:#2A60D3; font-weight:700;}
.uit .inner h5{ font-size:16px;}


.ul-table { margin:0; padding:0; list-style:none; border-top:2px solid #000; display:block; overflow:hidden; }
.ul-table>li { margin:0; padding:20px 25px; width:50%; display:block; float:left; border-bottom:1px solid #d7d7d7; height:150px; }
.ul-table>li:nth-child(odd) { border-right:1px solid #d7d7d7; }
@media (max-width: 991px) {
.ul-table>li { width:100%; float:none; height:auto; }
.ul-table>li:nth-child(odd) { border-right:0; }
}

.ul-table2 { margin:0; padding:0; list-style:none; border-top:2px solid #000; display:block; overflow:hidden; }
.ul-table2>li { margin:0; padding:20px 25px; width:50%; display:block; float:left; border-bottom:1px solid #d7d7d7; height:250px; position:relative; overflow: }
.ul-table2>li .img { position:absolute; left:25px; top:40px; }
.ul-table2>li .text { padding:40px 0 0 200px; }
.ul-table2>li:nth-child(odd) { border-right:1px solid #d7d7d7; }
@media (max-width: 991px) {
.ul-table2>li { width:100%; float:none; }
.ul-table2>li:nth-child(odd) { border-right:0; }
}
@media (max-width: 421px) {
.ul-table2>li .img { display:none; }
.ul-table2>li .text { padding:0; }
.ul-table2>li { width:100%; float:none; height:auto; }
}



/* page ====================================================================================*/
.greeting .row { background-color:#f7f7f7; margin:0; padding:20px 0; }
.greeting .item { text-align:center; position:relative; }
.greeting .item:before { font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f105"; position:absolute; right:-10px; top:65px; color:#999; font-size:50px; }
.greeting .item:last-child:before { content:''; }
.greeting .item h3 { font-size:22px; margin:15px 0; }
.greeting .item h3.c1 { color:#4d87c6; }
.greeting .item h3.c2 { color:#00a7e2; }
.greeting .item h3.c3 { color:#00aca0; }
.greeting .item p { margin:0; padding:0; font-size:14px; letter-spacing:-1px; }
.greeting .item p strong { display:block; font-weight:normal; }
.greeting h3 { font-size:20px; }
.greeting h3 strong { display:block; font-weight:400; }
.greeting .sign { font-size:18px; }
@media (max-width: 767px) {
.greeting .row { padding:0; }
.greeting .item:before { content:''; }
.greeting .item { padding:0; border-bottom:5px solid #fff; }
.greeting .item h3 { font-size:18px; margin:5px 0; text-align:left; }
.greeting .item .row { padding:20px 0; }
.greeting .item .row img { width:107px; }
.greeting .item .row .col-xs-7 { padding-left:0; }
.greeting .item p { text-align:left; }
.greeting .item p strong { display:inline; }
.greeting h3 strong { display:inline; }
}

/* 정관 */

.rule h4{ font-size:35px; text-align:center; color:#333; margin:0; padding:25px 0 25px 0; clear:both; font-weight:bold; }
.rule h4.s2{margin-bottom:45px;}
.rule p.damdang{ text-align:right; color:#333;}
.rule h5{  text-align:center; color:#006579; margin:0; padding:45px 0 25px 0; clear:both; font-size:1.7rem;}
.rule h5.jj{ }
.rule h5 span.gg{ color:#039; font-style:italic; font-weight:normal;}
.rule h5.bc{ font-size:15px; text-align:center; color:#006579; margin:0; padding:20px 0 10px 0; clear:both;}
.rule p{ padding:0 0 0 0; line-height:200%}
.rule p span{ color:#1E1EBF;}
.rule p span.gg{ color:#039; font-style:italic;}
.rule p ul{ margin:0; padding:0;}
.rule p ul li{	margin:0; padding:0 0 10px 0;	}
.rule a{ text-decoration:none !important; color:#F33 !important; }
.rule a.law{ color:#fb5300 !important; }


/* history */
.history h3 { margin:0; padding:25px 0 0 0;display:block; width:120px; overflow:hidden;}
.history h3.b0 { border:0; }
.history dl {padding:15px 0 0 0; margin:0; display:block; overflow:hidden;}
.history dl.b0 { border:0; }
.history dl dt{ float:left; width:140px; padding:0; color:#0c6876; clear:left; font-weight:300;}
.history dl dd{ float:left; display:block; width:500px; padding:0 0 20px 20px;}

@media (max-width: 767px) {
.history dl {}
.history dl.b0 { border:0; }
.history dl dt{ width:100%; padding:0; color:#0c6876; clear:left; font-weight:300;}
.history dl dd{ display:block; width:100%; padding:0 0 20px 0;}	
}


/* 소개 -------- */
.introduction{}
.introduction ul{ list-style:none; margin:0; padding:0;}
.introduction ul li{ clear:both; overflow:auto; padding:20px 0; border-bottom:1px dashed #d2d2d2; }
.introduction ul li .img-box{ background:#fbfbfb; border:1px solid #e0dbd9; text-align:center; padding:10px 0;}
.introduction ul li .intro-box{ padding-left:30px;}
.introduction ul li h3{ font-size:40px; color:#999;}
@media (max-width: 767px) {
.introduction ul li{ border-bottom:none; }
}


.facility { text-align:center; padding:0; }
.facility .bg { background-color:#f7f7f7; }
.facility h2 { text-align:center; margin-bottom:30px; }
.facility ul { margin:0; padding:0; list-style:none; display:inline-block; overflow:hidden; }
.facility ul li { padding:0; width:31%; margin:1%; display:block; float:left; }
.facility ul li a { display:block; border:1px solid #ddd;}
.facility ul li a:link{ border:1px solid #ddd;}
.facility ul li a:hover{ border: 1px solid #254987;}

.facility ul li .bg-img { height:170px; }
.facility ul li .caption { background-color:#fff; text-align:left; padding:15px 10px;  }
.facility ul li h4 { margin:0; padding-bottom:10px; color:#000; height:30px; }
.facility ul li p { font-size:13px; color:#666; display:block; height:65px; }
.facility ul li p.p2 { height:95px; }
.facility ul li span { font-size:12px; color:#666; display:block; margin-bottom:10px }
.facility ul li .btn{ text-align:center; display:block;}



/*  회원종목 -------- */
.group{}
.group ul{ margin:0; padding:0; list-style:none;}
.group ul li{ float:left; width:20%; display:inline-block; margin-bottom:45px;}
.group ul li a{}
.group ul li a div.emblem{ text-align:center; margin-bottom:10px;}
.group ul li a h5{ text-align:center; margin:0; padding:0;}


/* 홍보정책자료 */
.brochure {margin:0 auto;}
.brochure .cover{border:2px solid #e5e5e5; margin:0 -1px;}
.brochure .cover .img{text-align:center;padding:60px 0 40px;}
.brochure .cover img{box-shadow: 3px 4px 8px 0px rgba(58, 64, 74, 0.13);}
.brochure .txt{background-color:#eef0f5;padding:40px 20px;position:relative;}
.brochure .title{font-size:1.9rem;}
.brochure a{position:absolute;right:20px;top:37px;}


.birst .form-control{
	display: inline-block;
    width: auto;
    vertical-align: middle;
	}
	
.dl1list1{display:block;width:100%;margin:1.4em 0;border-top:2px solid #105296;border-bottom:1px solid #4a76c4;overflow:hidden;}
.dl1list1>.wrap1{padding:1.5em 0;border-top:1px dashed #c7cdd7;}
.dl1list1>.wrap1:first-child{border-top:none;}
.dl1list1 .dt1{display:inline-block;width:100%;
	vertical-align:top;
	font-size:1.385em;

}
.dl1list1 .dt2{display:inline-block;width:100%;
	vertical-align:top;
	font-size:1.385em;color:#000;

}
.dl1list1 .dd1{display:inline-block;
	vertical-align:top;
	font-size:1.071em;
    color:#777
}
@media all and (min-width:768px){
	.dl1list1 .dt1{width:25%;}
	.dl1list1 .dt2{width:25%;}
	.dl1list1 .dd1{width:70%;margin-left:2%;}
}

.vote-tab{ margin-top: -30px; margin-bottom: 25px; overflow: hidden;}
.vote-tab h4{font-size: 30px;}
.vote-tab .active{ color: #0622FF; font-weight: bold;}