/*
Ÿ��Ʋ 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
**************************************
*/

/*��ư*/
.rain .btn{border-radius:0px; padding:8px 28px; border:0px;}/* ��ư ���� �е� */

.rain .btn-default{background-color:transparent !important; color:#fff !important; border:1px solid #fff !important;}/* ��ư���� */
.rain .btn-default:hover{background-color:#AE1C2D !important; color:#fff !important; border:1px solid #AE1C2D !important;}/* ��ư �������� */

.rain .btn-primary{background-color:transparent !important; color:#000 !important; border:1px solid #ddd !important;}/* ��ư���� */
.rain .btn-primary:hover{background-color:#AE1C2D !important; color:#fff !important; border:1px solid #AE1C2D !important;}/* ��ư �������� */

.rain .btn-success{background-color:#AE1C2D !important; color:#fff !important; border:1px solid #AE1C2D !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:#AE1C2D !important; color:#fff !important; border:1px solid #AE1C2D !important;}/* ��ư �������� */

.rain .btn-danger{background-color:#000 !important; color:#fff !important; border:1px solid #000 !important;}/* ��ư���� */
.rain .btn-danger:hover{background-color:#AE1C2D !important; color:#fff !important; border:1px solid #AE1C2D !important;}/* ��ư �������� */

.rain .btn-warning{background-color:#1a7bbe !important; color:#fff !important; border:1px solid #1a7bbe !important;}/* ��ư���� */
.rain .btn-warning:hover{background-color:#AE1C2D !important; color:#fff !important; border:1px solid #AE1C2D !important;}/* ��ư �������� */


/* �÷� */
.rain .c01{color:#AE1C2D;}
.rain .c02{color:#234C8F;}
.rain .c03{color:#fed136;}
.rain .c04{color:#fff100;}


/*���ι�*/
.rain .bar-left{width:65px; height:1px; margin:20px 0px; background: #AE1C2D;}
.rain .bar-auto{width:65px; height:1px; margin:20px auto; background: #AE1C2D;}
.rain .bar-small-left{width:30px; height:1px; margin:20px 0px; background: #AE1C2D;}
.rain .bar-small-auto{width:30px; height:1px; margin:20px auto; background: #AE1C2D;}


/*�⺻*/
.rain .box01{border:1px solid #ddd; padding:1px 5px 3px;}


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

                      �� ��� ��

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

/* �˾����̾� */
#hd_pop {z-index:999999999999;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:#eee; 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:#000;}
#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:13px 10px; border:0px solid red; z-index:999999;}
/* ��ܸ޴�
top_menu_pc.css
topmenu_mobile.css ��� �޴����� | ���м� ��
*/


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

                      �� ����ȭ�� ��

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

/* ���� ���־� �ؽ�Ʈ */
.main-tx {margin-top:9%; margin-bottom:18%;}


/* ���� ������ */


/* ���� ��׶��� */
.rain .main00{background: url("../img/2409/main_img00.jpg") no-repeat center center; background-size: cover;  position: relative; height:auto;}/* ���� */
.rain .main01{background: url("../img/2409/main_img01.jpg") no-repeat center center; background-size: cover;  position: relative; height:auto;}/* ���� */
.rain .main02{background: url("../img/2409/main_img02.jpg") no-repeat center center; background-size: cover;  position: relative; height:auto;}/* ���� */
.rain .main03{background: url("../img/2409/main_img03.jpg") no-repeat center center; background-size: cover;  position: relative; height:auto;}/* ���� */

.rain .bg00{background: url("../img/2409/bg00.jpg") repeat; background-size: cover; }/* ���������� */
.rain .bg01{background: url("../img/2409/bg01.jpg") repeat; background-size: cover; }/* ���������� */
.rain .bg02{background: url("../img/2409/bg02.jpg") repeat; background-size: cover; }/* ���������� */
.rain .bg03{background: url("../img/2409/bg03.jpg") repeat; background-size: cover; }/* ���������� */


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

                      �� ����ȭ�� ��

|---------------------------------------------------------|
*/
/* ���� ��׶��� */
.rain .sub01{background: url("../img/main_img02.jpg") no-repeat 40% 50%; height:auto;}/* ���� */
.rain .sub02{background: url("../img/sub_img02.jpg") no-repeat 50% 90%; height:auto;}/* ���� */
.rain .sub03{background: url("../img/sub_img03.jpg") no-repeat 50% 90%; height:auto;}/* ���� */
.rain .sub04{background: url("../img/sub_img04.jpg") no-repeat 50% 90%; height:auto;}/* ���� */
.rain .sub05{background: url("../img/sub_img05.jpg") no-repeat 50% 90%; height:auto;}/* ���� */
.rain .sub06{background: url("../img/sub_img06.jpg") no-repeat 50% 90%; height:auto;}/* ���� */

/* ���� ���־� �ؽ�Ʈ */
.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:#AE1C2D !important;border-color:#AE1C2D !important}

/* ������ƿ */
.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:#1f1f1f; 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;}





@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: #AE1C2D; opacity: 1;}
}