@charset "utf-8";
/* ----------
css
---------- */


/* common */
.alert-ie { margin:0; padding:1em; font-size:12px; letter-spacing:-1px; color:#ebebeb; background:#808080; }
.alert-ie a { color:#ffd6c2; }
.alert-ie a:hover { color:#ffd6c2; }
.alert-ie a:focus { color:#ffd6c2; }
.alert-ie a:active { color:#ffd6c2; }

.accessibility a { position:absolute; text-align:center; width:200px; display:block; background:#c52227; color:#fff; left:-9999px; }
.accessibility a:hover { z-index:999999; margin-left:-100px; left:50%; }
.accessibility a:focus { z-index:999999; margin-left:-100px; left:50%; }
.accessibility a:active { z-index:999999; margin-left:-100px; left:50%; }


/* layout */
header {padding:20px 0; text-align:center;}
header img {width:70%; max-width:362px;}

header .hd-search {background:#5093c6; border-radius:10px; padding:3px 0; width:92%; margin:0 auto;}
header .hd-search legend {display:none;}
header .hd-search .hd-search-int {border:solid 1px #5093c6; background:#5093c6; font-weight:bold; font-size:11px; color:#fff;}

#container {position:relative; background:url(/m/images/main/bg-visual.gif); padding:30px 0; border-top:solid 6px #004a8f;}
#container .m-gnb1 {padding-left:10px;}
#container .m-gnb1 li {display:inline-block; width:32%;}
#container .m-gnb1 li img {width:100%;}
#container .m-gnb2 {padding-left:10px;}
#container .m-gnb2 li {display:inline-block; width:32%;}
#container .m-gnb2 li img {width:100%;}
#container .m-gnb2 .m-gnb2-1 {display:inline-block; width:64.5%;}
#container .m-gnb2 .m-gnb2-1 img {width:100%;}

footer .fot-menu {width:100%; background:#898989; padding:3px 0;}
footer .fot-menu a:link, footer .fot-menu a:visited {color:#fff;}
footer .fot-menu a:hover {color:#fff;}

footer .fot-partner dl {width:100%; background:url(../images/inc/dot01.gif) repeat-x left bottom; padding:4px 0;}
footer .fot-partner dl dt, footer .fot-partner dl dd {display:inline-block;}
footer .fot-partner dl dt {width:30%; text-align:center;}
footer .fot-partner dl dd {width:65%; font-size:11px; color:#707070;}
footer address {font-size:11px; color:#707070; text-align:center; padding-top:5px;}
footer address b {color:#363636;}
footer .copyright {font-size:9px; font-family:Tahoma, Geneva, sans-serif; color:#b7b7b7; text-align:center;}

#gnb ul li {display:inline-block; width:25%;}
#gnb ul li img {width:100%;}

#container-sub {position:relative; width:96%; margin:0 auto;}
#container-sub h1 {font-size:18px; color:#000; padding:7px 0 10px;font-family:'Nanum Gothic ExtraBold';}

.contants {padding:8px 0 10px;}

.product-logo ul {border-top:solid 1px #d7d7d7; border-left:solid 1px #d7d7d7;}
.product-logo ul li {display:inline-block; width:49%; border-right:solid 1px #d7d7d7; border-bottom:solid 1px #d7d7d7;}
.product-logo ul li a img {width:100%;}

.about-map h3 {padding:6% 0 3%;}

.product-list ul {*zoom:1;}
.product-list ul:after {content:"";clear:both;display:block;}
.product-list ul li {width:45%; margin-right:5%; float:left;}
.product-list>ul>li>a {border:solid 1px #d7d7d7; width:98%;}
.product-list ul li p {text-align:center; padding:5px 0 15px 0;}

.product-view ul .pv-img {border:solid 1px #d7d7d7;}
.product-view ul .pv-title {padding:10px 0 20px 0; font-size:16px; font-weight:bold; color:#000; text-align:center;}
.product-view dl {*zoom:1;}
.product-view dl:after {content:"";clear:both;display:block;}
.product-view dl dt, .product-view dl dd {float:left; padding:3px 0;}
.product-view dl dt {width:20%; font-weight:bold; color:#707070;}
.product-view dl dd {width:80%;}
.product-view .pv-btn {text-align:center; padding:20px 0 0 0;}
.product-view .product-view-cont h4 {font-size:14px; background:url(/images/inc/bar-view.gif) repeat-x left bottom; padding:25px 0 11px;}
.product-view .product-view-cont>div {padding:10px 0 20px 0;}