@charset "utf-8";
/* SIR 지운아빠 */
#wrap {position:relative; zoom:1; min-width:790px; padding:0 305px;}
#wrap:after {display:block; visibility:hidden; clear:both; content:"";}

/* 상단 레이아웃 */
#hd {position:fixed; width:305px; height:100%; min-height:700px; left:0; top:0; background:#fff;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_qnb {border-bottom:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_qnb div {text-align:center;letter-spacing:-4px}
#hd_qnb a {letter-spacing:0}

#hd_wrapper {position:relative;zoom:1; padding:34px 40px;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {margin:0 0 54px;}

/*메뉴*/
#cd-lateral-nav .cd-navigation {}
#cd-lateral-nav a {
  display: block;
  font:14px/1em Century Gothic, Arial, Helvetica, sans-serif;
  padding:.62em 0;
  text-decoration:none;
}
#cd-lateral-nav a.current, #cd-lateral-nav a:hover, #cd-lateral-nav a:active, #cd-lateral-nav a.submenu-open, #cd-lateral-nav a.active {font-weight:bold; color:#555;}
.no-touch #cd-lateral-nav a:hover {}

/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {
  position: relative;
}

#cd-lateral-nav .sub-menu {padding:0 0 1em;display: none;}
#cd-lateral-nav .sub-menu a {font-size:12px; line-height:1em; padding:.35em 10px; padding-left:21px;}

/* 중간 레이아웃 */
#wrapper {z-index:5;margin:0 auto;width:900px;zoom:1; padding:28px 0;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#wrapper.sub_cont {padding-bottom:40px;}

h3#wrapper_title {font:22px/1em "맑은 고딕", Malgun Gothic, "돋움", "돋움체", serif; color:#4c4c4c; padding:22px 0;}
h2#container_title, #bo_v_table {display:none;}
#bo_v_title {font-size:17px; line-height:1em; color:#565656; padding-top:0; font-weight:normal;}

#s_location {font-family:"맑은 고딕", Malgun Gothic, "돋움", "돋움체", serif; line-height:1em; margin:0 0 10px; text-align:right;}

#container {position:relative;zoom:1;}
#container:after {display:block;visibility:hidden;clear:both;content:""}

/*메인컨텐츠*/
.m_visual {margin:0 0 22px; height:460px;}
.main_cont .col {border:1px solid #c5c5c5; padding:3px; zoon:1;}
.main_cont .col:after {display:block; visibility:hidden; clear:both; content:"";}
.main_cont .col1 {margin:0 0 18px;}

.main_cont .col_tit {position:relative; width:292px; height:140px; text-align:center;}
.main_cont .col_tit a {display:block; height:140px; text-decoration:none; font:17px/1em "맑은 고딕", Malgun Gothic, "돋움", "돋움체", serif; color:#565656; letter-spacing:-0.05em; overflow:hidden;}
.main_cont .col_tit a span {display:inline-block; font-size:14px; line-height:1em; letter-spacing:0; margin:0 0 .8em;}
.main_cont .col_tit p {position:relative; top:50%; margin:-23px 0 0;}
.col_pofo {list-style:none; margin:0; padding:0;}
.col_pofo li {float:left;}

.m_txt {list-style:none; margin:0 0 20px; padding:0; text-align:center; font:13px/1em Century Gothic, Arial, Helvetica, sans-serif;}
.m_txt li {margin:.4em 0 0;}
.m_txt li:first-child {margin:0;}

/* 하단 레이아웃 */
#ft {position:absolute; bottom:28px; left:0; width:305px;}
#ft p {font:10px/1.2em "맑은 고딕", Malgun Gothic, "돋움", "돋움체", serif; margin:0 0 0 40px; word-break:keep-all;}
#ft p.address {margin-bottom:.6em;}
#ft p.copy {font-weight:bold; line-height:1.2em;}

.quick_menu {position:absolute; left:50%; margin-left:35.5%;}
.quick_menu ul {position:fixed; top:50%; margin:-48px 0 0; list-style:none; padding:0; text-align:center; z-index:50; width:55px;}
.quick_menu li:first-child {display:block; margin:0 0 20px;}
.quick_menu li:first-child img {margin:0 0 2px;}
.quick_menu li {display:inline-block; margin:0 3px;}
.quick_menu a {font-family:"맑은 고딕", Malgun Gothic, "돋움", "돋움체", serif; text-decoration:none;}

@media (max-width: 1600px) {
.quick_menu {margin-left:40%;}
}


.col_lt {float:left;}
.col_rt {float:right;}

/*썸네일*/
.thum_ol {display:block; position:relative; color:#fff !important; text-align:center;}
.thum_ol .overlay {position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.6); display:none;}
.thum_ol .text {position:absolute; /*top:50%;*/top:65%; left:50%; font-size:15px; line-height:1.5em; font-weight:bold; transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%); z-index:10; word-break:keep-all;}

@media \0screen\,screen\9 {
.thum_ol .overlay {background:url('../images/thum_bg.png');}
.thum_ol .text {left:0; width:100%; margin:-.5em 0 0;}
}



/*서브컨텐츠*/
.col_compay {zoom:1;}
.col_compay:after {display:block;visibility:hidden;clear:both;content:""}

.col_compay .txt_mdd {font-size:15px; color:#666; margin:0 0 .45em;}
.col_compay ul {list-style:none; margin:0; padding:0; color:#999;}
.col_compay ul li {float:left;}
.col_compay ul li:before {content:"/"; color:#ccc; padding:0 1em;}
.col_compay ul li:first-child:before {content:""; padding:0;}
.col_compay ul li strong {display:inline-block; margin:0 .7em 0 0; font-weight:normal; color:#777;}

.col_map {zoom:1; border:1px solid #e3e3e3; margin:0 0 2.5em;}
.col_map:after {display:block;visibility:hidden;clear:both;content:""}
.col_map iframe {width:100%; height:640px; float:left;}