@charset "utf-8";


/* sub �޴� ����̹���
/* 1. ����̹��� ���� �ش��� ��� lives 20200504 */
#submainimg_back {width:100%;text-align:center;background:url('../../img/sub_main_back.png') repeat-x;}
#submainimg_img {width:1140px;height:190px;text-align:left;margin:0 auto;}
/* 2. ����̹��� ��ü�� ��� lives 20200504 */
/* #submainimg_img {width:100%;height:240px;text-align:left;margin:0 auto;} */


/* head title ���ϰ��� ����, ���� p�±� ��� ���� 0 ���� */
/* width:100% ����Ͽ��� ���� ���� => min-width:1140px ��� lives 20210820 */
/* border: 1 �־�� lcallbox ���� ���� lives 20210820 */
/* .lwrap {min-width:1140px; margin-top:50px; margin-bottom:50px; border: 1px solid #fff;} */
.lwrappc {min-width:1140px; margin-top:0px; margin-bottom:50px; border: 1px solid #fff;}
.lwrapmo {width:100%; margin-top:50px; margin-bottom:50px; border: 1px solid #fff;}
.lbgwhite {background:#fff;}
.lbggray {background:#f2f2f2;}

/* 1. overflow:auto; ���� �ڵ����� 2. overflow:hidden; �ͽ��÷ξ� ��ũ�ѹٻ��� lives 20210820 */
.lconpc {width: 1100px; overflow:hidden; margin: 50px auto 50px; border: 0px solid blue;}  /* pc���� �ʺ� */
.lconmo {width: 95%; overflow:hidden; margin: 50px auto 50px; border: 0px solid blue;}  /* mobile���� �ʺ� */
.lconpc_first {width: 1100px; overflow:hidden; margin: 0px auto 50px; border: 0px solid blue;}  /* ù��° �ʺ� */
.lconmo_first {width: 95%; overflow:hidden; margin: 0px auto 50px; border: 0px solid blue;}  /* ù��° �ʺ� */
.lcon_head {font-size:25px; margin-top:0px; margin-bottom: 40px;}
.lcon_head_line {display: inline-block; width: 170px; height: 1px; padding:10px 0 0 0; border-top: 1px solid #bbb; margin: auto;}

/* banner �̹����� */
.lbanpc {width:1140px;margin:20px auto;} /* conpc�� 1100px �̳� banpc�� 1140px. ����̹��� ���۽� �¿���� ǥ�� ���Ǹ� ���Ͽ� 1140px ��� */
.lbanmo {width:100%;}
.lbanmo img {width:100%;}
.lban50 {float:left;width:50%;}
.lban33 {float:left;width:33.333%;}

/* banner �ؽ�Ʈ�� */
.lban100pc {width:100%;padding:30px;text-align:center;font-size:80px;line-height:80px;font-weight:800; border-radius: 5px; border: 1px solid #e0e0e0;}
.lban50pc {float:left; width: 49.5%;padding:30px;text-align:center;font-size:50px;line-height:50px;font-weight:800; border-radius: 5px; border: 1px solid #e0e0e0;}
.lban33pc {float:left; width: 32.666%;padding:30px;text-align:center;font-size:30px;line-height:30px;font-weight:800; border-radius: 5px; border: 1px solid #e0e0e0; }
.lban100mo {width:100%;padding:10px;text-align:center;font-size:22px;line-height:22px;font-weight:800; border-radius: 5px; border: 1px solid #e0e0e0;}
.lban50mo {float:left; width: 49.5%;padding:10px;text-align:center;font-size:14px;line-height:14px;font-weight:800; border-radius: 5px; border: 1px solid #e0e0e0;}
.lban33mo {float:left; width: 32.666%;padding:10px;text-align:center;font-size:12px;line-height:12px;font-weight:800; border-radius: 5px; border: 1px solid #e0e0e0; }
.lban1 {float:left; width: 1%; min-height:1px;} /* min-height:1px �־�� ���� Ȯ���� lives 20210820 */
.lbanbr {width: 100%; height:12px;} /* banner ���� ���� */
.lbanbg {background:url('../../img/index300.png') no-repeat, url('../../img/index301.png') repeat;}

/* section */
.lsecpc {min-width: 1040px;}
.lsecmo {width: 100%;}
.lsec70 {float:left; width: 70%;}
.lsec31 {float:left; width: 31%; border-radius: 5px; border: 1px solid #e0e0e0; }
.lsec3j5 {float:left; width: 3.5%; min-height:1px;} /* min-height:1px �־�� ���� Ȯ���� lives 20210820 */
.lsec2j6 {float:left; width: 2.6%; min-height:1px;} /* min-height:1px �־�� ���� Ȯ���� lives 20210820 */
.lsec30 {float:left; width: 30%;}
.lsec50 {float:left; width: 50%;}
.lsec50 {float:left; width: 50%;}
.lsec25 {float:left; width: 25%;} 
.lsec23 {float:left; width: 23%;} 

.ltleft {text-align: left;} 
.ltcenter {text-align: center;} 
.ltright {text-align: right;} 

.lb1px {border: 1px solid #e0e0e0;}
.lbradius {border-radius: 5px;}

.lsec_head {font-size:25px; text-align: center; margin: 20px auto 10px;}
.lsec_img {width:100%; height:auto; padding:10px 0;}
.lsec_img img {width:100%;}

/* p�±�+��Ʈ������ */
/* Ÿ��Ʋ 25px 1.563em, ���� 18px 1.125em, ���� 16px 1em, Ÿ��Ʋ�� 20px 1.250em, ��� 11px 0.688em */
.lp12 {padding: 0 20px 20px 20px; line-height:1.4; font-size:12px; font-weight:400; }
.lp15 {padding: 0 20px 20px 20px; line-height:1.4; font-size:15px; font-weight:400; }
.lp22 {padding: 0 20px 0 0; line-height:1.4; font-size:22px; font-weight:400; }
.lp45 {padding: 0 30px 0 0; line-height:1.4; font-size:45px; font-weight:400; }
.lp80 {padding: 0 30px 0 0; line-height:1.4; font-size:80px; font-weight:400; }
.lp125 {padding: 0 30px 0 0; line-height:1.4; font-size:125px; font-weight:400; }

/* button+��ư���� */
.lsec_button {text-align: center; margin: 20px auto 30px; }
.lbutton80 {display: inline-block; width:80px; padding: 7px 10px 7px 10px; font-size: 14px; color:#fff; text-align: center; text-decoration: none; 
outline: none; cursor: pointer; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); border-radius: 5px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); background-color: #6c757d;}
.lbutton300 {display: inline-block; width:300px; padding: 3px 20px 5px 20px; font-size: 21px; color:#fff; text-align: center; text-decoration: none; 
outline: none; cursor: pointer; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); border-radius: 5px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); background-color: #6c757d;}
.lbutton300w {display: inline-block; width:300px; padding: 7px 10px 7px 10px; font-size: 14px; color:#fff; text-align: center; text-decoration: none; 
outline: none; cursor: pointer; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); border-radius: 5px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); border: 1px solid #fff;}
.lbutton80:hover {position: relative; top: 1px; color:#fff; background-color: #5a6268;}
.lbutton300:hover {position: relative; top: 1px; color:#fff; background-color: #5a6268;}
.lbutton300w:hover {position: relative; top: 1px; color:#000; background-color: #fff;}

.lbg1 {background:#cce5ff}
.lbg2 {background:#3060b9}
.lbg3 {background:#43a48f}
.lbg4 {background:#3da7d0}
.lbg5 {background:#7b90ea;}

.lcblue {color:#004085}
.lcgreen {color:#155724}
.lcbluegreen {color:#0c5460}
.lcyellow {color:#856404}
.lcred {color:#721c24}

.lablue {background:#004085}
.lagreen {background:#155724}
.labluegreen {background:#0c5460}
.layellow {background:#856404}
.lared {background:#721c24}

.lbgblue {background:#cce5ff}
.lbggreen {background:#d4edda}
.lbgbluegreen {background:#d1ecf1}
.lbgyellow {background:#fff3cd}
.lbgred {background:#f8d7da}

/* parallax */
/* .parallax-window { position: relative; min-width: 1140px; min-height: 350px; margin-top:50px; margin-bottom:50px; border: 0px solid red;} */
.parallax-window { position: relative; min-height: 350px; margin-top:50px; margin-bottom:50px; border: 0px solid red;}
.parallax_lcon_head {font-size:25px; color: #fff; margin-top: 120px; margin-bottom: 40px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}