/*
ŸÀÌƲ h1~h6 - <h1></h1>
¼ÒÁ¦¸ñ ³»¿ë small - <h1>Á¦¸ñ<small>¼³¸í±Û</small></h1>
±ÛÀÚ µÎ²² 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
**************************************
*/




hr {clear:both; height:1px background-color:#e5e5e5;}

/*¹öÆ°*/
.rain .btn{border-radius:0px; padding:8px 28px; border:0px;}/* ¹öÆ° °øÅë Æеù */

.rain .btn-default{background-color:transparent !important; color:#555 !important; border:1px solid #ddd !important;}/* ¹öÆ°»ö»ó */
.rain .btn-default:hover{background-color:#E2525C !important; color:#fff !important; border:1px solid #E2525C !important;}/* ¹öÆ° ¿À¹ö»ö»ó */


.rain .btn-default02 {background-color:#01AEF0 !important; color:#fff !important; border:1px solid #01AEF0 !important;}/* ¹öÆ°»ö»ó */
.rain .btn-default02:hover{background-color:#000 !important; color:#fff !important; border:1px solid #000 !important;}/* ¹öÆ° ¿À¹ö»ö»ó */


.rain .btn-primary{background-color:transparent !important; color:#fff !important; border:1px solid #ddd !important;}/* ¹öÆ°»ö»ó */
.rain .btn-primary:hover{background-color:#E2525C !important; color:#fff !important; border:1px solid #E2525C !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:#E2525C;}
.rain .c02{color:#b28850;}
.rain .c03{color:#fed136;}
.rain .c04{color:#fff100;}


/*°¡·Î¹Ù*/
.rain .bar-left{width:65px; height:1px; margin:20px 0px; background: #ff6863;}
.rain .bar-auto{width:65px; height:1px; margin:20px auto; background: #ff6863;}
.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;}


/*
|---------------------------------------------------------|

                      ¡é Çì´õ ¡é

|---------------------------------------------------------|
*/

/* Æ˾÷·¹À̾î */
#hd_pop {z-index:99999999999999999999;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:absolute; width:100%; }
.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%;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; }

#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:#fff;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:10px 0px 0px 0px; border:0px solid red; z-index:999999;}
/* »ó´Ü¸Þ´º
top_menu_pc.css
topmenu_mobile.css »ó´Ü ¸Þ´º»çÀÌ | ±¸ºÐ¼± »ö
*/


/*
|---------------------------------------------------------|

                      ¡é ¸ÞÀÎÈ­¸é ¡é

|---------------------------------------------------------|
*/

/* ¸ÞÀÎ ºñÁÖ¾ó ÅؽºÆ® */
.main-tx {margin-top:25%; margin-bottom:22%;}


/* ¸ÞÀÎ ÄÁÅÙÃ÷ */


/* ¸ÞÀÎ ¹é±×¶ó¿îµå */
.rain .main01{background: url("../img/main_visual01.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 .main03{background: url("../img/main_visual03.jpg") no-repeat center center; background-size: cover;  position: relative; height:auto;}/* ¸ÞÀÎ */

.rain .bg{background: url("../img/bg.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 .bg05{background: url("../img/bg05.jpg") no-repeat center center; background-size: cover;  position: relative; height:auto;}/* ¸ÞÀÎ */
.rain .bg06{background: url("../img/bg06.jpg") no-repeat center center; background-size: cover;  position: relative; height:auto;}/* ¸ÞÀÎ */

/*
|---------------------------------------------------------|

                      ¡é ¼­ºêÈ­¸é ¡é

|---------------------------------------------------------|
*/
/* ¼­ºê ¹é±×¶ó¿îµå */
.rain .sub01{background: url("../img/sub_img01.jpg") no-repeat 50% 90%; background-size: cover;}/* ¸ÞÀÎ */
.rain .sub02{background: url("../img/sub_img02.jpg") no-repeat 50% 90%; background-size: cover;}/* ¸ÞÀÎ */
.rain .sub03{background: url("../img/sub_img03.jpg") no-repeat 50% 90%; background-size: cover;}/* ¸ÞÀÎ */
.rain .sub04{background: url("../img/sub_img04.jpg") no-repeat 50% 90%; background-size: cover;}/* ¸ÞÀÎ */
.rain .sub05{background: url("../img/sub_img05.jpg") no-repeat 50% 90%; background-size: cover;}/* ¸ÞÀÎ */

/* ¼­ºê ºñÁÖ¾ó ÅؽºÆ® */
.sub-tx {text-align:center; margin-top:4%; margin-bottom:5%;}

/*ÁÂÃø¸Þ´º¹Ù*/
.rain .list-group-item:first-child{border-top-left-radius:0px;border-top-right-radius:0px}
.rain .list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:0px;border-bottom-left-radius:0px}
.rain .list-group-item.active,.list-group-item.active:focus,
.list-group-item.active:hover{z-index:2;color:#fff;background-color:#b28850;border-color:#b28850}

/* ¼­ºêÀ¯Æ¿ */
.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{}/* ¼­ºê */

.mtx{display:block; color:#fff; text-align:right; position:absolute; z-index:9; left:43%; top:40%;transform:translate(20%,40%);height:40%;}
.mtx1{top:50%;}
/*
|---------------------------------------------------------|

                      ¡é ÇÏ´ÜÁ¤º¸ ¡é

|---------------------------------------------------------|
*/

/*ÇÏ´Ü Ä«ÇǶóÀÌÆ®*/
.rain .copy01 {background-color:#333; color:#fff; 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;}


.line{margin:0 auto; width:100px; border-top:2px solid #E2525C; padding:0 0 20px 0;}
.line03{position:relative; float:left; width:100px; border-top:2px solid #E2525C; padding:0 0 20px 0;}
.border01 {border:1px solid #e5e5e5;}
.line02{margin:0 auto; width:100px; border-top:2px solid #555; padding:0 0 20px 0;}

@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;}
}


.youtubeWrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.youtubeWrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}