@charset "utf-8";

body {line-height:0;}
body * {line-height:1;}

/* subpage iframe */
#top {
    width:100%;
    height:290px;
    border:0 !important;
    margin:0;
}
#bottom {
    width:100%;
    height:374px;
    border:0 !important;
    margin:0;
}

.mtop5 {margin-top:5px;}
.mtop10 {margin-top:10px}
.mtop15 {margin-top:15px}
.mtop60 {margin-top:60px;}

.mleft20 {margin-left:20px;}

/* sub visual 서브 비주얼 */
.sub_visual {
    width:100%;
    height:200px;
    background-image:url(../images/main_visual01.jpg);
    background-repeat:no-repeat;
    background-position:center 0;
}

.sub_visual .visual_text {
    width:620px;
    height:105px;
}
.sub_visual .visual_text .txt {
    font-size:20px;color:#fff;padding-top:70px;line-height:180%;
}
.sub_visual .visual_text .txt > span {
    display:block;
    font-size:33px;color:#042d71;font-weight:bold;
}

.sub_visual .visual_text .txt > span.tc1 {color:#006ac6;}

/* 서브비주얼 구분 */
.sub_visual.visual01 {
    background-image:url(../images/sub_visual01.jpg);
}
.sub_visual.visual02 {
    background-image:url(../images/sub_visual02.jpg);
}
.sub_visual.visual03 {
    background-image:url(../images/sub_visual03.jpg);
}
.sub_visual.visual04 {
    background-image:url(../images/sub_visual04.jpg);
}



/* 사이드메뉴 sidemenu */
.sidemenu {
    float: none;
    overflow: hidden;
    display: block;
    clear: none;
    text-align:center;
    
    float:left;
    width:250px;
}
.sidemenu > dl {
    padding-right:50px;
}
.sidemenu dt {
    display:table;
    width:100%;
    height:100px;
    background-color:#1d428a;
    text-transform:uppercase;
}
.sidemenu dt > span {
    display:table-cell;
    vertical-align:middle;
    color:#fff;
    font-size:28px;
    line-height:1.2;
	font-weight:bold;
	letter-spacing:-0.5px;
}
.sidemenu dd > a {
    display:block;
    color:#6d6e71;
    font-size:14px;
    line-height:45px;
    height:45px;
    background-color:#f6f6f6;
    border:1px solid #dcddde;
    position:relative;
    margin-top:-1px;
	text-align:left;padding-left:10px;
	letter-spacing:-0.02em;
}
.sidemenu dd > a:hover,
.sidemenu dd > a.on {
    color:#fff;
    font-weight:300;
    background-color:#535d71;
}

.inner_contents {
    width: 950px;
    float: right;
    display: inline;
    z-index: 1;
    position: relative;
    
    padding-top:40px;
    padding-bottom:40px;
    
    width:auto;
    float:none;
    overflow: hidden;
    display: block;
    clear: none;

	min-height:430px;
}

.catalog {width:200px;text-align:center;margin-top:20px;padding-bottom:20px;}
.catalog p {font-weight:bold;line-height:1.2em;height:35px;padding-top:5px;}
.catalog ul li {display:inline-block;}
.catalog a {border:1px solid #dedede;padding:5px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.catalog a:hover {color:#fff;background:#1d428a;}



/* 빵조각 */
.breadcrumbs_wrap {
    margin-bottom:15px;
}
.breadcrumbs {
    text-align:left;
}
.breadcrumbs > li {
    display:inline-block;
    font-size:13px;
    color:#999999;
    padding-top:1px;
}
.breadcrumbs > li.on {color:#ff4e00;font-weight:400;}
.breadcrumbs > li:after {
    display:inline-block;
    content:" > ";
    margin:0 5px;
}
.breadcrumbs > li:last-child:after {
    display:none;
}
.breadcrumbs > li.home {
    padding-left:20px;
    background-image:url(../images/icon_home.png);
    background-repeat:no-repeat;
    background-position:0 0;
}


/* 페이지타이틀 */
.page_title {
    font-size:33px;
    line-height:1.2;
    color:#414042;
    font-weight:bold;
    margin-bottom:45px;
	letter-spacing:-0.8px;
}



/* 본문 컨텐츠 contenet */
.wrap {
    margin-bottom:35px;
}
.wrap p {
    line-height:22px;
}
.wrap > .imgWrap,
.wrap > .innerWrap {
    padding-bottom:25px;
}



/* ============================ COMAPNY */
/* Greeting */
.greeting {width:921px;margin:0 auto;}
.greeting_txt {margin-top:20px;
    font-size:15px; 
    color:#333;
    line-height:160%;
}
.greeting_name {font-size:18px;text-align:right;margin-bottom:20px;margin-top:20px;}
.greeting_name span {font-weight:bold;}



/* history */
.history {background:url(../images/history_line.png) repeat-y center;overflow:hidden;}
.history_list {}
.history_list > li {
    position:relative;
    margin-bottom:20px;
}
.history_list > li:nth-child(odd) {width:455px;float:left;text-align:right;background:url(../images/history_won.png) no-repeat right top;padding-right:30px;}
.history_list > li:nth-child(even) {width:455px;float:right;background:url(../images/history_won.png) no-repeat left top;padding-left:30px;}
.history_list > li:last-child {margin-bottom:0;}
.history_list > li dl dt {color:#1654cb; font-size:24px;font-weight:bold;margin-top:-3px;padding-bottom:5px;}
.history_list > li dl dd {font-size:16px;font-weight:400;line-height:150%;padding-top:10px;}
.history_list > li dl dd ul {margin-top:7px;}
.history_list > li dl dd ul li {font-weight:300;color:#555;padding: 5px 5px;font-size:14px;}

/*map*/
.map_txt {margin-top:15px;width:920px;font-size:15px;}
.map_txt li {background:url(../images/ico1.png) no-repeat left 14px;padding: 13px 5px 13px 18px;border-bottom:1px dotted #dedede;}
.map_txt li a:hover {color:#006ac6;}
.map_txt li span {font-weight:bold;}
.map_txt li dl {margin-top:15px;}
.map_txt li dl dt {font-weight:bold;color:#006ac6;}
.map_txt li dl dd {margin-top:10px;line-height:150%;font-size:14px;}

/* ============================ Contact Us */
/* Contact */
.contact_info {
    float:left;
    width:435px;
    padding-right:40px;
}

.contact_map {
    float:right;
    width:475px;
}

.contact_list {
    padding-left:18px;
}
.contact_list > li {
    position:relative;
    margin-bottom:15px;
}
.contact_list > li > .tit {
    display:block;
    position:absolute;
    top:0;
    left:0;
    font-size:16px;
    color:#137bcd;
}
.contact_list > li > .txt {
    padding-left:80px;
}

/* ============================ product */

.product p {line-height:180%;}
.pro_list {overflow:hidden;width:100%;}
.pro_list li {float:left;
    width:224px;
    margin-right:13px;
	margin-bottom:45px;
	position:relative;}
.pro_list li > li:nth-child(4) { margin-right:0;}
.pro_list li div {margin-top:-2px;padding:10px 20px 13px 10px;background:#535d71 url(../images/pro_list_na.png) no-repeat right;min-height:136px; }
.pro_list li div p {font-size:18px;color:#fff;padding-bottom:4px;font-weight:400;}
.pro_list li div span {font-size:14px;color:#e0e0e0;}

.pro_list li a {}
.pro_list li a:hover div {background:#141e33 url(../images/pro_list_na.png) no-repeat right;}
.pro_list li a:hover img {opacity:0.8;}

.pro_pic_list {overflow:hidden;width:100%;}
.pro_pic_list li {float:left;width:291px;margin-right:35px;margin-bottom:20px;margin-top:10px;}
.pro_pic_list li:nth-child(3), .pro_pic_list li:nth-child(6) {margin-right:0;}

.pro_sm {overflow:hidden;margin-top:70px;}
.pro_sm li {width:46%;float:left;margin-right:8%;}
.pro_sm li:nth-child(2) {margin-right:0;}
.pro_sm li dl {margin-bottom:40px;}
.pro_sm li dl dt {background:url(../images/st_ico.jpg) no-repeat left top;font-size:16pt;color:#;font-weight:bold;padding-left:18px;padding-bottom:20px;padding-top:1px;letter-spacing:-0.8px;color:#333;}
.pro_sm li dl dd {padding:0 0 5px 10px;line-height:150%;}
.pro_sm li dl.list dd {padding:0 0 5px 20px;line-height:150%;background:url(../images/list_ico.jpg) no-repeat 10px 10px;}
.pro_sm .s_txt {font-size:13px;color:#4f5b71;padding: 5px 0 0 0;}
.pro_sm .pro_cp {border:3px solid #dbe2e9;padding: 20px 15px;text-align:center;}





/*technology*/
.technology {}
.technology div {line-height:140%;}
.technology .st {background:url(../images/st_ico.jpg) no-repeat left top;font-size:16pt;color:#;font-weight:500;padding-left:18px;letter-spacing:-0.8px;color:#333;}
.technology .sst {background:url(../images/ico2.png) no-repeat left 3px;font-size:14pt;color:#;font-weight:400;padding-left:18px;letter-spacing:-0.8px;color:#1d428a;margin: 20px 0 0 15px;}
.guide {overflow:hidden;}
.guide dd {padding: 20px 0 0 18px;line-height:180%;}
.guide dd.w50 {float:left;width:48%;}
.guide dd ul li {background:url(../images/ico1.png) no-repeat left 13px;padding: 10px 0 10px 18px;font-weight:500;}
.guide dd ul li ul {margin-top:10px;}
.guide dd ul li ul li {background:url(../images/ico1_1.png) no-repeat left 9px;padding: 5px 0 5px 10px;font-size:14px;color:#666;font-weight:300;line-height:140%;}

.procedure {overflow:hidden;margin:15px 0 45px 20px;}
.procedure li {display:inline-block;background:url(../images/procedure_02.png) no-repeat left top;font-size:16px;color:#fff;text-align:center;vertical-align:middle;width:168px;font-weight:400;margin:0 5px;}
.procedure li:first-child {background:url(../images/procedure_01.png) no-repeat left top;}
.procedure .line2 {padding:23px 0;}
.procedure .line {padding:32px 0;}

.guide2 {margin:15px 0 30px 25px;}
.guide2 dt {font-weight:bold;}
.guide2 dd {padding: 10px 0 0 15px;line-height:140%;}

.effect {overflow:hidden;width:100%;margin:20px 0 50px 0;}
.effect li {float:left;width:20%;text-align:center;}
.effect li p {font-weight:bold;margin-top:7px;}
.effect li p span {color:#666;font-weight:normal;display:block;}

.technology .box {background:#efefef;border:solid  0px #000000;padding: 25px;margin: 10px 0 0 18px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.technology .box ul {overflow:hidden;}
.technology .box ul li {float:left;width:23%;margin-right:2%;}
.technology .box ul li ul li {clear:both;width:100%;padding:5px 0;background:url(../images/ico1_1.png) no-repeat left 12px;padding: 8px 0 8px 10px;}

/* outboard propellers */
.wrap > span.tit {
    display:block;
    padding-top:8px;
    background-image:url(../images/red_bar.jpg);
    background-repeat:no-repeat;
    background-position:0 0;
    color:#0c4570;
    font-size:18px;
    font-weight:600;
    line-height:1.2;
    margin-bottom:15px;
}


/*product_Inquiry*/
.p_Inquiry {overflow:hidden;}
.p_Inquiry .box1 {float:left;width:430px;background:#f2f2f2;margin-right:10px;margin-bottom:10px;padding:25px 20px;}
.p_Inquiry .box2 {float:left;width:430px;background:#a8b9ca;margin-bottom:10px;padding:25px 20px;}
.p_Inquiry .box3 {float:left;width:430px;background:#a8b9ca;margin-right:10px;padding:25px 20px;}
.p_Inquiry .box4 {float:left;width:430px;background:#f2f2f2 url(../images/p_Inquiry_img.jpg) no-repeat right bottom;padding:25px 20px;}

.p_Inquiry .box1 dl dt {background:url(../images/p_Inquiry_ico1.png) no-repeat left top;font-size:19px;font-weight:bold;letter-spacing:-0.05em;padding: 13px 0 12px 55px;}
.p_Inquiry .box2 dl dt {background:url(../images/p_Inquiry_ico2.png) no-repeat left top;font-size:19px;font-weight:bold;letter-spacing:-0.05em;padding: 13px 0 12px 55px;}
.p_Inquiry .box3 dl dt {background:url(../images/p_Inquiry_ico3.png) no-repeat left top;font-size:19px;font-weight:bold;letter-spacing:-0.05em;padding: 13px 0 12px 55px;}
.p_Inquiry .box4 dl dt {background:url(../images/p_Inquiry_ico4.png) no-repeat left top;font-size:19px;font-weight:bold;letter-spacing:-0.05em;padding: 13px 0 12px 55px;}

.p_Inquiry .box1 dl dd {padding: 0 0 0 55px;line-height:1.2em;color:#666;}
.p_Inquiry .box2 dl dd {padding: 0 0 0 55px;line-height:1.2em;color:#444;}
.p_Inquiry .box3 dl dd {padding: 0 0 0 55px;line-height:1.2em;color:#444;}
.p_Inquiry .box4 dl dd {padding: 0 0 0 35px;line-height:1.4em;color:#222;font-size:18px;margin-top:25px;min-height:252px;}
.p_Inquiry .box4 dl dd span {font-weight:bold;}

.p_Inquiry .box1 .box {border:solid  4px #006ac6;background:#fff;padding:22px;margin-top:20px;line-height:1.5em;font-size:17px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.p_Inquiry .box2 .box {border:solid  0px #006ac6;background:#fff;padding:24px 30px;margin-top:38px;line-height:1.4em;font-size:20px;color:#ff4e00;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.p_Inquiry .box3 .box {border:solid  0px #006ac6;background:#fff;padding:18px 30px;margin-top:20px;line-height:1.4em;font-size:15px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.p_Inquiry .box3 .box ul li {line-height:1.4em;}
.p_Inquiry .box1 .box span {font-weight:bold;}
.p_Inquiry .box2 .box span {font-weight:bold;color:#333;}



.table {
    width:100%;
}
.table thead th {
    border-top:2px solid #137bcd;
    background-color:#f0f6fb;
    font-size:14px;
    font-weight:600;
    color:#181f26;
    text-align:center;
}
.table th, .table td {
    border:1px solid #d2d4d9;
    height:40px;
    vertical-align:middle;
}
.table tr th:first-child,
.table tr td:first-child {
    border-left-width:0;
}
.table tr th:last-child,
.table tr td:last-child {
    border-right-width:0;
}
.table.center td {
    text-align:center;
}

.table tbody + tbody tr:first-child th,
.table tbody + tbody tr:first-child td {
    border-top:1px solid #137bcd;
}

.table + .table tbody tr:first-child td {
	border-top:1px solid #137bcd;
}



/* tab */
.tab_list {
    position:relative;
    min-height: 594px;
}
.tab_list > li {
    float:left;
}
.tab_list.ea6 > li {
    width:16.66666%;
}
.tab_list > li > a {
    display:block;
    background-color:#cad2da;
    color:#fff;
    font-size:16px;
    line-height:1.2;
    border:1px solid #fff;
    position:relative;
    left:-1px;
    margin-left:1px;
    padding-top:14px;
    padding-bottom:14px;
    text-align:center;
}
.tab_list > li > a.active {
    background-color:#137bcd;
}
.tab_list > li > .tabCont {
    display:none;
    position:absolute;
    top:65px;
    left:0;
}



span.tit02 {
    display:block;
    font-size:16px;
    color:#137bcd;
    margin-bottom:15px;
}
span.center {
    display:block;
    text-align:center;
}



.propeller_list {}
.propeller_list > li {
    float:left;
    width:300px;
    margin-right:25px;
    margin-bottom:20px;
}
.propeller_list > li:nth-child(3n) {
    margin-right:0;
}


/* 사이트맵 */
.sitemap {
    margin-bottom:50px;
    *zoom:1;
}
.sitemap:after {
    display:block; content:" "; clear:both;
}
.sitemap > li {
    float:left;
    width:25%;
}
.sitemap dl > dt {}
.sitemap dl > dt > a {
    display:block;
    padding-top:20px;
    padding-bottom:18px;
    background-image:url(../images/bar03.png);
    background-repeat:no-repeat;
    background-position:bottom left;
    font-size:16px;
    line-height:1.2;
    color:#137bcd;
    padding-left:20px;
}
.sitemap dl > dd > a {
    display:block;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:20px;
}


/* ============================ common */


.point {color:#01aeed;}
.bold {font-weight:bold;}

.board table tr td {font-size:15px;font-family:'Noto Sans KR',sans-serif;}
.board table tr td a:link {font-size:1em;font-family:'Noto Sans KR',sans-serif;}