﻿/* -------- 사용자 지정 css (사이트에 맞게 변경하세요) -------- */
/* layout */
#loading {
		-webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}
#container {
    width: 100%;
	min-width:1200px;
    padding: 0px;
    margin: 0px auto;
}
#header {
   width: 1200px;
	height:100px;
    margin:0px auto;
	padding-top:20px;
}

#main-content {
    width:100%;
	min-width:1200px;
    margin: 0px auto;
}
#sub-menu {
    width: 200px;
    padding: 10px;
    margin-bottom: 20px;    
    float: left;
}
#sub-content {
    width: 100%;
	min-width:1200px;
	background:url('/img/sub/sub_bg.gif') center top repeat-x;
	padding-bottom:50px;	
}
#footer {
    width: 100%;
    margin: 0px auto;
	padding:40px 0;
	border-top:1px solid #e5e6e8;
	clear:both;
	min-width:1200px;
}
.abc {
    
    margin-left: 200px;
   
   
}


.patner{width:1000px;height:55px;margin:0px auto;margin-top:10px;margin-bottom:10px;padding:0;border:1px solid #e6e6e6}
.patner li{float:left;padding:15px}


/* 메인비쥬얼 */
/*#main-content #area01 {width:100%; height:630px; margin:0 auto;}*/
#main-content  #visual {width:100%; height:630px; margin:0 auto; background:url('/img/main/main_v1.jpg') top center no-repeat;}


/* 메인내용 */
#m_section {width:1200px;margin:0 auto; padding:55px 0; }
#m_article{width:350px; height:170px; border-radius:10px; border:1px solid #dfdfdf; display: inline-block; margin:0 23px;}
#m_article .grid a:nth-child(2) {margin:0 20px;}
#m_article span {float:left; margin:42px 0 0 30px;font-size:12px; color:#a4a3a3;}
#m_article span h2 {font-size:35px; margin-top:15px; color:#636363; font-weight:400; width:160px;}

.box_bg01 {background:url('/img/main/b_bg01.gif') right no-repeat;}
.box_bg02 {background:url('/img/main/b_bg02.gif') right no-repeat;}
.box_bg03 {background:url('/img/main/b_bg03.gif') right no-repeat;}

.won {position:absolute; width:82px; height:82px; background:#54a4c4; border-radius:50px; margin:45px 0 0 225px; color:#fff; font-size:18px; font-weight:lighter;}
.won ul {margin:25px 0 0 15px;}
.won li {float:left;}
.won li:last-child {padding:8px 0 0 7px; font-size:18px; font-family:'Nanum Gothic'; font-weight:lighter; color:#deecf1;}
.won:hover {background:#f7941e;}

.won02 {width:25px; height:24px; background:#54a4c4 url('/img/sub/won_arr.png') center no-repeat; border-radius:20px; color:#fff; font-size:18px; font-weight:lighter;font-family:'Nanum Gothic'; text-align:center; float:right; margin:-30px 10px 0 0;}
.won02:hover {background:#f7941e url('/img/sub/won_arr.png') center no-repeat;}

/* 서브비쥬얼 */

#sub_visual {width:100%; height:300px; margin:0 auto; background:url('../img/header-bg.jpg') center top no-repeat; min-width:1200px;}
#sub_visual1 {width:100%; height:300px; margin:0 auto; background:url('../img/rubber.jpg') center top no-repeat; min-width:1200px;}
#sub_visual2 {width:100%; height:300px; margin:0 auto; background:url('../img/s1.jpg') center top no-repeat; min-width:1200px;}
#sub_visual {width:100%; height:300px; margin:0 auto; background:url('../img/header-bg.jpg') center top no-repeat; min-width:1200px;}
#sub_visual {width:100%; height:300px; margin:0 auto; background:url('../img/header-bg.jpg') center top no-repeat; min-width:1200px;}
#sub_visual {width:100%; height:300px; margin:0 auto; background:url('../img/header-bg.jpg') center top no-repeat; min-width:1200px;}
#visual1 {width:100%; height:300px; margin:0 auto; background:url('../img/header-bg.jpg') center top no-repeat; min-width:1200px;}
#sub_section {width: 1200px; margin:0 auto; padding-top:22px;}
#sub_head {width: 1200px; height:180px; margin:0 auto; vertical-align:top;}
#sub_article {width:1140px; margin:0 auto; margin-top:30px;}
.sub_tit {width:700px; height:140px; float:right; text-align:center; }
.sub_tit ul li {border:0px solid #333;}
.sub_tit li {float:left;color:#666; width:448px; text-align:right;}
.sub_tit li:first-child {width:200px;  text-align:center;  font-size:15px; font-weight:300; line-height:48px;}
.sub_tit li h2 {font-size:48px; font-weight:400;}
.sub_tit_s {font-weight:300;}

#sub_head .sub_tit ul li a:hover {}

.sub_2depth {width:145px; height:50px; background:url('/img/sub/sub_m_icon02.gif') left no-repeat; text-align:left; color:#7f7f7f; float:right; padding-left:55px; line-height:24px; margin-top:20px; }
.sub_2depth .txt_s {font-size:13px;  font-weight:300; letter-spacing:0.1em;}
.sub_2depth h3 {font-size:26px; font-weight:400;}
.sub_2depth:hover {color:#f7941e}

.sub_2depth2 {width:145px; height:50px; background:url('/img/sub/sub_m_icon01.gif') left no-repeat; text-align:left; color:#7f7f7f; float:right; padding-left:55px; line-height:24px; margin-top:20px; }
.sub_2depth2 .txt_s {font-size:13px;  font-weight:300; letter-spacing:0.1em;}
.sub_2depth2 h3 {font-size:26px; font-weight:400;}
.sub_2depth2:hover {color:#f7941e}

.sub_position {width:1000px; height:30px; margin:0 auto; clear:both; text-align:center; font-size:15px; color:#7c7c7c; font-weight:300;}


.line_box {border-radius:5px; background:#f7941e; width:200px; height:4px; margin:0 auto; margin-top:11px;}


/* 기본테이블 */
.tbl_wrap {margin:0 0 10px; display:inline-block; vertical-align:top;}

.tbl_wrap table {width:360px;border-collapse:collapse;border-spacing:0;border-right:1px solid #e7e7e7;border-left:1px solid #e7e7e7; margin:0 8px;}
.tbl_wrap caption {padding:15px 0 10px 0;font-weight:bold; font-size:16px; text-align:left; color:#0176a4;}
.tbl_wrap th {width:350px; padding:15px 20px;border-top:1px solid #e7e7e7;border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;background:#ebf2f5;}
.tbl_wrap td {padding:12px 30px;border-top:1px solid #e7e7e7;border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;line-height:1.5em;word-break:break-all;text-align:left;vertical-align:middle}
.tbl_wrap a {color:#383838}

.tbl_wrap .box_w {margin-top:10px;}

/* 하단 */
#f_section {width:1200px;margin:0 auto; font-size:13px; color:#898989;}
#f_section ul  {display:inline-block; }
#f_section li {float:left; margin-top:28px; line-height:25px;}
#f_section li:first-child {margin-top:0px;}
#f_section h2 {margin-right:40px;}
#f_section h3 {color:#f7941e; font-size:15px; font-weight:500; margin-right:15px; text-align:right;}

.f_rink {border-radius:30px; border:1px solid #c2c7cb; width:170px; height:35px; float:right; margin-left:50px; color:#707070; background:url('/img/common/f_arr01.png') 145px 13px no-repeat; font-size:16px; letter-spacing:0.03em;}
.f_rink h4 {margin:5px 0 0 20px; font-weight:300;}
.f_rink2 {position:absolute; clear:both; margin-top:50px;}
.f_rink:hover {background:#f7941e url('/img/common/f_arr02.png') 145px 13px no-repeat; color:#fff; border:1px solid #f7941e;}
.f_copy {margin:20px 0 0 175px; font-size:12px; font-weight:300;}


