/*
타이틀 h1~h6 -
소제목 내용 small - 제목설명글
글자 두께 b500{weight:500} - 500~900
패딩/마진 p5 / pt5 / pb5 / m5 / mt5 / mb5 / - 5 10 20 30 ~ 100 120 140
최대넓이 max-width10 {max-width: 10%;} - 10~90
* 라인 hr
* 패딩/마진 삭제 row
* 가로 100% container-pull
* div 중앙 container
* 이미지 반응형 img-responsive
* li 가로정렬 list-inline
* text-center - inline block 중앙
* center-block - btn block
**************************************
display: inline / block 차이
http://blog.naver.com/lyhy0310/220923263218
block - h1 / p
inline - span a button small
**************************************
*/
a,button,a span {-webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
a {-webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.btn:focus,.btn:active {outline: inherit; background-color: transparent;}
*,*:before,*:after {box-sizing: border-box;/* direction: rtl;*/}
/*버튼*/
.rain .btn{border-radius:0px; padding:8px 28px; border:0px;}/* 버튼 공통 패딩 */
.rain .btn-lg{border-radius:0px; padding:18px 38px; border:0px; display:inline-block;}/* 버튼 공통 패딩 */
.rain .btn-default{background-color:transparent !important; color:#fff !important; border:2px solid #fff !important;}/* 버튼색상 */
.rain .btn-default:hover{background-color:#001D5D !important; color:#fff !important; border:2px solid #001D5D !important;}/* 버튼 오버색상 */
.rain .btn-primary{background-color:transparent !important; color:#000 !important; border:1px solid #ddd !important;}/* 버튼색상 */
.rain .btn-primary:hover{background-color:#1a7bbe !important; color:#fff !important; border:1px solid #1a7bbe !important;}/* 버튼 오버색상 */
.rain .btn-success{background-color:#ff6863 !important; color:#fff !important; border:1px solid #ff6863 !important;}/* 버튼색상 */
.rain .btn-success:hover{background-color:#000 !important; color:#fff !important; border:1px solid #000 !important;}/* 버튼 오버색상 */
.rain .btn-info{background-color:#1a7bbe !important; color:#fff !important; border:1px solid #1a7bbe !important;}/* 버튼색상 */
.rain .btn-info:hover{background-color:#ff6863 !important; color:#fff !important; border:1px solid #ff6863 !important;}/* 버튼 오버색상 */
.rain .btn-danger{background-color:#000 !important; color:#fff !important; border:1px solid #000 !important;}/* 버튼색상 */
.rain .btn-danger:hover{background-color:#ff6863 !important; color:#fff !important; border:1px solid #ff6863 !important;}/* 버튼 오버색상 */
.rain .btn-warning{background-color:#1a7bbe !important; color:#fff !important; border:1px solid #1a7bbe !important;}/* 버튼색상 */
.rain .btn-warning:hover{background-color:#ff6863 !important; color:#fff !important; border:1px solid #ff6863 !important;}/* 버튼 오버색상 */
/* 컬러 */
.rain .c01{color:#001D5D;}
.rain .c02{color:#909090;}
.rain .c03{color:#2862C2;}
.rain .c04{color:#EFD422;}
/*가로바*/
.rain .bar-left{width:65px; height:1px; margin:20px 0px; background: #ff6863;}
.rain .bar-auto{width:65px; height:1px; margin:20px auto; background: #1a7bbe;}
.rain .bar-small-left{width:30px; height:1px; margin:20px 0px; background: #ff6863;}
.rain .bar-small-auto{width:30px; height:1px; margin:20px auto; background: #ff6863;}
/*기본*/
.rain .box01{border:1px solid #ddd; padding:1px 5px 3px;}
.rain .box02{border:1px solid #e5e5e5; padding:5px;}
.rain .box03{border:1px solid #e5e5e5; padding:0px;}
/*
|---------------------------------------------------------|
↓ 헤더 ↓
|---------------------------------------------------------|
*/
/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto; height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
/* 상단 레이아웃 */
#hd {z-index:4;position:relative; width:100%; background:#fff; }
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper_tnb {font-size:12px; position:relative; margin:0 auto; padding:0; width:100%; background:#333; height:40px; zoom:1}
#hd_wrapper_tnb:after {display:block;visibility:hidden;clear:both;content:""}
.tnb_area { position:relative; margin:0 auto; height:40px; max-width:1170px; }
#sns {position:relative; float:left;}
#tnb {float:right;margin:0;padding:0;list-style:none;zoom:1}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin:0 20px 0 0;}
#tnb li:last-child {margin:0; }
#tnb a {display:inline-block;padding:8px 0px;height:34px;color:#999;letter-spacing:-0.1em;line-height:24px }
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none; color:#fff;}
#tnb img {margin-right:0px}
#hd_wrapper {position:relative;margin:0 auto; max-width:1170px; padding:0; height:66px; zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}
.rain .logo{position:absolute; margin:9px 10px; border:0px solid red; z-index:999999;}
/* 상단메뉴
top_menu_pc.css
topmenu_mobile.css 상단 메뉴사이 | 구분선 색
*/
/*
|---------------------------------------------------------|
↓ 메인화면 ↓
|---------------------------------------------------------|
*/
/* 메인 비주얼 텍스트 */
.main-tx {margin-top:30%; margin-bottom:35%;}
/* 메인 컨텐츠 */
/* 메인 백그라운드 */
.rain .main01{background: url("../img/main_img01.jpg") no-repeat center center; background-size: cover; position: relative; height:auto;}/* 메인 */
.rain .main02{background: url("../img/main_visual02.jpg") no-repeat center center; background-size: cover; position: relative; height:auto;}/* 메인 */
.rain .bg01{background: url("../img/bg01.jpg") no-repeat center center; background-size: cover; position: relative; height:auto;}/* 메인 */
.rain .bg02{background: url("../img/bg02.jpg") no-repeat center center; background-size: cover; position: relative; height:auto;}/* 메인 */
.rain .bg03{background: url("../img/bg03.jpg") no-repeat center center; background-size: cover; position: relative; height:auto;}/* 메인 */
.rain .bg04{background: url("../img/bg04.jpg") no-repeat center center; background-size: cover; position: relative; height:auto;}/* 메인 */
.rain .pro01{background: url("../img/pro01.jpg") no-repeat center center; background-size: cover; position: relative; height:auto;}/* 메인 */
.rain .pro02{background: url("../img/pro02.jpg") no-repeat center center; background-size: cover; position: relative; height:auto;}/* 메인 */
.rain .pro03{background: url("../img/pro03.jpg") no-repeat center center; background-size: cover; position: relative; height:auto;}/* 메인 */
.rain .sub01_bg01{background: url("../img/sub01_bg01.jpg") no-repeat center center; background-size: cover; position: relative; height:auto;}/* 메인 */
.rain .sub03_bg01{background: url("../img/sub03_bg01.jpg") no-repeat center center; background-size: cover; position: relative; height:auto;}/* 메인 */
.rain .sub03_bg03{background: url("../img/sub03_bg03.jpg") no-repeat center center; background-size: cover; position: relative; height:auto;}/* 메인 */
.rain .sub03_bg04{background: url("../img/sub03_bg04.jpg") no-repeat center center; background-size: cover; position: relative; height:auto;}/* 메인 */
.rain .sub03_bg05{background: url("../img/sub03_bg05.jpg") no-repeat center center; background-size: cover; position: relative; height:auto;}/* 메인 */
/*
|---------------------------------------------------------|
↓ 서브화면 ↓
|---------------------------------------------------------|
*/
/* 서브 백그라운드 */
.rain .sub01{background: url("../img/sub_img.jpg") no-repeat center center; height:auto;}
/* 서브 비주얼 텍스트 */
.sub-tx {text-align:center; margin-top:5%; margin-bottom:6%;}
/*좌측메뉴바*/
.rain .list-group-item:first-child{border-top-left-radius:0px;border-top-right-radius:0px; padding:10px 20px;}
.rain .list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:0px;border-bottom-left-radius:0px; padding:10px 20px;}
.rain .list-group-item.active,.list-group-item.active:focus,
.list-group-item.active:hover{z-index:2;color:#fff;background-color:#777;border-color:#777}
/* 서브유틸 */
.rain .lead{margin-bottom:20px;font-size:30px;font-weight:500;line-height:1.4}
.rain .breadcrumb{padding:13px 0 0 ;margin-bottom:0px;list-style:none;background-color:#fff;border-radius:4px}
.rain .breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}
.rian .sub01{}/* 서브 */
.rian .sub02{}/* 서브 */
/*
|---------------------------------------------------------|
↓ 하단정보 ↓
|---------------------------------------------------------|
*/
/*하단 카피라이트*/
.rain .copy01 {background-color:#fff; color:#555; line-height:150%; font-size:13px;}
.rain .copy01 span{color:#999;}
.rain .copy02 {background-color:#1f1f1; color:#444444; border-top:1px solid #eeeeee; line-height:150%; font-size:13px;}
.rain .copy02 span{color:#999;}
@media screen and (max-width: 1190px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 640px) {
/* scrollup */
.scrollup {position: fixed; bottom: 10px; right: 10px; z-index: 1000;}
.scrollup .up{position: relative; width: 50px; height: 50px; border-radius: 30px; opacity: .3; color: #fff; cursor: pointer; background-color: #000; transition: opacity .5s, background-color .5s; -moz-transition: opacity .5s, background-color .5s; -webkit-transition: opacity .5s, background-color .5s;}
.scrollup .up i { font-size: 13px; position: absolute; opacity: 1; color: #fff; left: 50%; top: 50%; margin-top: -8px; margin-left: -6px; text-decoration: none;}
.scrollup .up:hover { background: #ff6863; opacity: 1;}
}