* { transition:all .3s; }

label { font-size:12px; padding:0 5px 0 5px; margin:0 3px 0 0; }

.at-footer { margin-top:100px; }

/* ���࿩�� */
.mr40 { margin-right:40px; }

/* ��ܿ��� */
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }

/* ��׶��� �÷� */
.color1 { background:#e61e6e; color:#fff; }
.color2 { background:#f5f5f5; border:1px solid #dcdcdc; color:#fff; }
.color3 { background:#4ea031; color:#fff; }
.color4 { background:#3556a7; color:#fff; }

/* �ؽ�Ʈ �÷� */
.txt-color1 { color:#e61e6e; } 
.txt-color2 { color:#00aee6; } 
.txt-color3 { color:#4ea031; } 
.txt-color4 { color:#3556a7; } 

/* ��Ʈ ���� */
.font500 { font-weight:500; }

/* ���� css ���� */
.page-wrap .sub-tab {
    margin-top: 0px;
}


.nanum-caption h3 span { font-family:'나눔고딕', 'NanumGothic'; }

.at-container .well { margin:60px 0 0 0 !important; }

.page-content { font-size:16px; letter-spacing:-0.015em; line-height:22px; color:#666; }

.page-content h3, .page-content .table_tit { font-family: 'Daum', sans-serif; font-size:28px; letter-spacing:-0.015em; line-height:25px; color:#282828; margin-bottom:20px; font-weight:700; }
.page-content p { line-height:22px; color:#666; letter-spacing: -0.015em; font-size:16px; word-break:keep-all !important; }
.page-content dt { word-break:keep-all !important; }
.page-content dd { word-break:keep-all !important; }
.page-content li { word-break:keep-all !important; }
.page-content span { word-break:keep-all !important; }
/* .page-content p > span { display:block; } */

.sub-tab { width:100%; overflow:hidden; padding-left:0; margin:0; }
.sub-tab li { float:left; list-style:none; }
.sub-tab li a { display:block; width:100%; border-bottom:1px solid #dcdcdc; text-align:center; padding:0 0 15px 0 !important; color:#555; }
.sub-tab li a:hover { border-bottom:1px solid #00aee6; color:#00aee6; }
.sub-tab li a.on { border-bottom:1px solid #00aee6; color:#00aee6; }



.page-content .intro { padding-right:500px;}
.page-content .intro .txt-box1 p { font-family: 'Daum', sans-serif; font-size:28px; letter-spacing:-0.015em; line-height:36px; color:#282828; font-weight:700; }
.page-content .intro .txt-box1 p span { display: inline-block; }
.page-content .intro .txt-box1 p span b { display:inline; color:#a95ea3; font-weight:500; }
.page-content .intro .txt-box2 { margin-top:30px; }
.page-content .intro .txt-box2 p { margin-top:15px; }
.page-content .intro .txt-box2 p:first-child { margin-top:0; }
.page-content .intro .txt-box2 p:last-child { margin-top:30px; }
.page-content .intro .txt-box2 p.text-color { color:#282828; font-weight:400; }
.page-content .intro .txt-box2 p span { display:block; }
.page-content .intro .txt-box2 a { display:inline-block; margin-top:30px; border-bottom:1px solid #282828; padding-bottom:5px; padding-right:30px; background:url('/page/images/ico_online.gif')no-repeat right 3px; }
.page-content .intro .txt-box2 a span { font-weight:400; }
.page-content .intro .txt-box2 a:hover { color:#888; border-bottom:1px solid #888; }
.page-content .intro .txt-box2 a:focus { color:#282828; }
.page-content .img-mobile { display:none; }
.page-content .img-mobile { display:none; }

@media (max-width:1199px) {
	
.page-content .intro .txt-box1 p, .page-content h3 span, .page-content .table_tit { font-size:25px; line-height:32px; }
.page-content .intro .txt-box2 p span { display:inline; }

	
}

@media (max-width:991px) {
.page-content .intro { background:none; padding:0; }
.page-content .img-mobile { display:block; margin:30px auto 60px auto; width:100%; max-width:424px; }
.page-content .article { margin-top:0; }
}

@media (max-width:768px) {


}

@media (max-width:690px) {
.page-content .intro .txt-box2 p span { display:inline; }
}

@media (max-width:480px) {

.page-content .intro .txt-box1 p { display:inline; }
.page-content .intro .txt-box1 p, .page-content h3 span, .page-content .table_tit { display:inline; font-size:20px; line-height:25px; }
}
/* ���� css ����  �� */


/* ���� css table ���� */
/* .page-content .table { margin-bottom: 0; }
.page-content .table > thead > tr > th, 
.page-content .table > tbody > tr > th, 
.page-content .table > tfoot > tr > th, 
.page-content .table > thead > tr > td, 
.page-content .table > tbody > tr > td, 
.page-content .table > tfoot > tr > td { padding-left:20px; padding-right:20px; line-height: 46px; border-right: 1px solid #ccc; vertical-align: center; }
.page-content .table > thead > tr > th, 
.page-content .table > tbody > tr > th, 
.page-content .table > tfoot > tr > th { font-weight:bold; text-align:center; width:20%; border-right:1px solid #ccc; border-left: 1px solid #ccc; padding:5px; background:#f5f5f5; color:#282828; }
.page-content .table > tbody > tr:last-child { border-bottom:1px solid #ccc; } */
/* ���� css table �� */


/* ���� css �迭�� ȸ���ڽ��κ� ���� */
.page-content .subsidiary h4 { font-size:23px; color:#282828; margin: 0 0 10px 0; }
.page-content .subsidiary { width:100%; overflow:hidden; background:#f5f5f5; padding:30px; margin:60px 0 0 0; }
.page-content .subsidiary .div_box { overflow:hidden; margin-bottom:35px; }
.page-content .subsidiary .div_box:last-child { margin-bottom:0; }
.page-content .subsidiary .div_box span { display:block; }
.page-content .subsidiary .img-div { float:left; width:49%; margin-right:1%; }
.page-content .subsidiary .img-div > img { border:1px solid #dcdcdc; }
.page-content .subsidiary .txt-div > p > b { display:block; color:#282828; font-weight:400; margin-bottom:10px; }
.page-content .subsidiary .txt-div { float:left; width:49%; margin-left:1%; }
.page-content .subsidiary .txt-div dl { margin:25px 0 0 0; }
.page-content .subsidiary .txt-div dt { color:#282828; font-weight:400; margin-bottom:10px; }
.page-content .subsidiary .txt-div dd { padding-left:10px; background:url('/page/images/dot.gif')no-repeat left 8px; font-size:13px; line-height:18px; margin-top:5px; }


.page-content .dl-box { overflow:hidden; border:1px solid #dcdcdc; padding:30px; }
.page-content .dl-box .left-box { float:left; width:49%; margin-right:1%; overflow:hidden; }
.page-content .dl-box .right-box { float:left; width:49%; margin-left:1%; overflow:hidden; }
.page-content .dl-box dl { list-style:none; margin:0; padding:0; }
.page-content .dl-box dt { line-height:20px; color:#282828; float:left; width:110px; font-weight:400; margin-top:10px; }
.page-content .dl-box dd { line-height:20px; float:left; width:calc(100% - 110px); margin-top:10px;  }
.page-content .dl-box dt:nth-of-type(1), .page-content .dl-box dd:nth-of-type(1) { margin-top:0; }

.page-content .c-contact .c-box { width:100%; overflow:hidden; }
.page-content .c-contact .c-box dl { width:50%; float:left; margin:0; overflow:hidden; border-bottom:1px solid #dcdcdc; }
.page-content .c-contact .c-box dl:nth-of-type(1), .page-content .c-contact .c-box dl:nth-of-type(2) { border-top:1px solid #dcdcdc; }
.page-content .c-contact .c-box dl:last-of-type { width:100%; }
.page-content .c-contact .c-box dl:last-of-type dt { width:15%; }
.page-content .c-contact .c-box dl:last-of-type dd { width:85%; }
.page-content .c-contact .c-box dt { width:30%; float:left; padding:15px; background:#f5f5f5; color:#282828; font-size:15px; font-weight:500; text-align:center; }
.page-content .c-contact .c-box dd { width:70%; float:left; padding:15px; color:#888;  }


/* ���� css �迭�� ȸ���ڽ��κ� �� */

.page-content .c-contact, .page-content .brands, .page-content .b-history { margin-top:60px; }

@media (max-width:1199px) {
	
.page-content .subsidiary .div_box span { display:inline; }
}

@media (max-width:991px) {
	
.page-content .subsidiary h4 { font-size:17px; }

}

@media (max-width:768px) {
	
.page-content .subsidiary .img-div { width:100%; margin:0 0 15px 0; }
.page-content .subsidiary .txt-div { width:100%; margin:0; }
.page-content .b-history .dl-box > div { margin:0 !important; width:100%; }

.page-content .c-contact .c-box dl { width:100%; }
.page-content .c-contact .c-box dl:nth-of-type(2) { border-top:none; }
.page-content .c-contact .c-box dl:last-of-type dt { width:30%; }
.page-content .c-contact .c-box dl:last-of-type dd { width:70%; }
}

@media (max-width:480px) {
	
.page-content .b-history .dl-box dt { width:100%; margin-top:10px; }
.page-content .b-history .dl-box dt:nth-of-type(1) { margin-top:0; }
.page-content .b-history .dl-box dd { width:100%; margin:0; }

.page-content .c-contact .c-box dt { width:100%; border-bottom:1px solid #282828; }
.page-content .c-contact .c-box dd { width:100%; }
.page-content .c-contact .c-box dl:last-of-type dt { width:100%; }
.page-content .c-contact .c-box dl:last-of-type dd { width:100%; }

}