/* Main */
body {position:relative; margin:0; background:url("../img/main/bg_top.gif") repeat-x center 0; }
body.main { height:905px; overflow:hidden;}
#wrapper {position:relative; width:1100px; margin:0 auto; }

/* GNB */
#gnb { width:1100px; height:92px; position:relative;}
#gnb .util {  position:absolute; top:12px; right:2px;}
#gnb .util li { float:left; display:inline-block; padding-left:1px; background:url(../img/gnb/util_bar.gif) right 0;}
#gnb .util li:first-child { background:none;}

#gnb h1 { padding:37px 0 0 34px; vertical-align:top;}
#gnb #gnavigation { position:absolute; top:35px; left:420px; width:660px; z-index:2; }
#gnb #gnavigation img { vertical-align:top;}
#gnb #gnavigation li { float:left; margin-right:40px;line-height:0;}
#gnb #gnavigation li ul{ float:left;}
#gnb #gnavigation li ul li{ float:left; font-size:0; padding:0;}
#gnb #gnavigation li.menu01 ul{position:absolute; top:31px; left:-76px; width:264; height:26px;}
#gnb #gnavigation li.menu02 ul{position:absolute; top:31px; left:108px; width:230px; height:26px;}
#gnb #gnavigation li.menu03 ul{position:absolute; top:31px; left:290px; width:220px; height:26px;}
#gnb #gnavigation li.menu04 ul{position:absolute; top:31px; left:425px; width:270px; height:26px;}


/* CONTENT */
#m_contents { width:1100px;}
#m_contents .side_cont { width:309px; float:left; display:inline-block; border-left:1px solid #ebebeb;}
#m_contents .rolling_img { width:790px; float:left; display:inline-block; height:727px; position:relative;}

.rolling_img ul{ float:left; padding:0; margin:0;}
.rolling_img ul li{ float:left; display:inline; padding:0; margin:0;}

.m_notice { width:285px; height:237px; border-bottom:1px solid #ebebeb; padding:34px 0 0 29px; position:relative;}
.m_notice h2 { padding-bottom:23px; }
.m_notice ul li { background:url(../img/main/ico_dot.png) no-repeat 0 10px; padding-left:11px; line-height:22px;}
.m_notice .btn_more { position:absolute; top:212px; left:159px;}

.m_call { padding:35px 0 0 29px; height:146px; position:relative; }
.m_call h2 { padding-bottom:24px;}
.m_call .qr { position:absolute; top:81px; left:197px;}

#footer { width:100%; height:80px; border-top:1px solid #ededed; display:inline-block;}
#footer ul { width:1100px; padding:17px 0 0 35px; margin:0 auto;}
#footer ul li { padding-bottom:7px;}

/* SUB */
#sub_layout { width:1098px; border:1px solid #ebebeb; border-width:0 1px; height:100%; display:inline-block;}
#sub_layout2 { width:1098px; border:1px solid #ebebeb; border-width:0 1px; display:inline-block;}

#snb { float:left; display:inline-block; width:194px;}
#snb .depth2 { padding-bottom:118px;}
#snb .depth2 li { font-size:16px; color:#676767; line-height:49px; border-bottom:1px solid #d7d7d7; padding-left:18px; font-family:'나눔고딕',NanumGothic,'돋움',dotum,Verdana !important;}
#snb .depth2 li a { text-decoration:none; display:inline-block; width:176px; height:49px;}
#snb .depth2 li a.on { color:#01374d; font-weight:bold;}

#contents { float:left; display:inline-block; width:783px; height:100%; border-left:1px solid #ebebeb; padding:0 60px 0 60px; min-height:500px; }
#contents #location { height:100px; padding-bottom:54px; }
#contents #location h3 { padding:61px 17px 0 0; display:inline-block;}
#contents #location p { display:inline-block; vertical-align:bottom; color:#9e9e9e; font-size:11px; line-height:11px; padding:28px 3px 6px 0;}
#contents #location p span.position { color:#515151;}
#contents #location p span.arr { font-size:10px; padding:0 7px; display:inline-block; font-family: dotum, gulim,'돋움','굴림';}
#contents #location:after { content:""; display:block; clear:both;}
#contents #location { *zoom:1;}
#contents > div { padding-bottom:80px;}

#contents2 { float:left; display:inline-block; width:783px; border-left:1px solid #ebebeb; padding:0 60px 0 60px; }
#contents2 #location { padding-bottom:54px; }
#contents2 #location h3 { padding:61px 17px 0 0; display:inline-block;}
#contents2 #location p { display:inline-block; vertical-align:bottom; color:#9e9e9e; font-size:11px; line-height:11px; padding:28px 3px 6px 0;}
#contents2 #location p span.position { color:#515151;}
#contents2 #location p span.arr { font-size:10px; padding:0 7px; display:inline-block; font-family: dotum, gulim,'돋움','굴림';}
#contents2 #location:after { content:""; display:block; clear:both;}
#contents2 #location { *zoom:1;}
#contents2 > div { padding-bottom:80px;}

.greeting { background:url(../img/contents/bg_company.jpg) no-repeat 387px 2px;}
.greeting .sign { padding-left:616px;}

.map { position:relative;}
.map .btn_map { position:absolute; top:245px; right:55px; z-index:100;}
.map .btn_map dt { padding-bottom:5px; width:89px;}




#pager {text-align:center;}
#pager a {display:inline; line-height:0;}
#pager a img {vertical-align:middle; font-size:0;margin-bottom:3px;}
#pager ul {display:inline; padding:0 5px;}
#pager ul li {display:inline;font-family:tahoma;color:#888;padding:3px 0;border:1px solid #e2e2e2;}
#pager ul li a.on {font-weight:bold;color:#ee6900 !important;}
#pager ul li a:link {color:#888;padding:0 7px;}
#pager ul li a:hover {color:#ee6900;}
#pager ul li a:visited {color:#888;}
#pager ul li a:active {color:#888;}

#paging { text-align:center; padding:10px 0 25px 0;}
#paging a { display:inline; line-height:0;}
#paging span img { vertical-align:middle; font-size:0; margin-bottom:3px;padding-left:2px;}
#paging ol { display:inline-block; padding:0 5px;}
#paging ol li { display:inline; font-family:tahoma; color:#888; padding:5px 5px 5px 5px;}
#paging ol li.on { font-weight:bold; color:#465bbb !important;}
#paging ol li a:link { color:#888;}

.port_list3 {display:inline-block;}
.port_list3 ul { float:left; display:inline-block;width:180px; height:150px;padding-bottom:10px;margin-right:10px; padding:10px 5px; border:1px solid #ddd;margin-bottom:30px; background:#f7f7f7;}
.port_list3 ul li { position:relative; width:200px; font-size:11px; line-height:14px; padding-bottom:5px; }
.port_list3 ul li.pic { position:relative;}
.port_list3 ul li.pic .select { position:absolute; top:0px; left:0px;}
.port_list3 ul li dl { vertical-align:top; padding:0 0 0 63px; margin-top:-1px;}
.port_list3 ul li dl dt { float:left;}
.port_list3 ul li.where { width:180px;clear:both; text-align:center; padding-top:8px; font-size:11px;}
.port_list3 ul.on { background:url(/2014/img/contents/select.png) no-repeat 10px 2px; z-index:100; zoom:*; content:' '; width:205px; height:133px;}

.port_list3 ul.right{margin-right:0;width:181px;}