@charset "utf-8";

/* Layout css 
**************************************************************************************/

#wrap { width:1000px; min-width:1000px; margin:0 auto; }

/* header */ 
#header {}
.logobox { position:relative; width:100%; height:38px; padding:26px 0 20px 0; text-align:center; }
.logobox h1 {}
.logobox h1 a { display:inline-block; }
.logobox .topmenu { position:absolute; top:36px; right:0; display:table; font-size:0; }
.logobox .topmenu li { display:inline-block; margin-left:16px; }
.logobox .topmenu li:first-child { margin-left:0; }
* html .logobox .topmenu li { display:inline; }
*+html .logobox .topmenu li { display:inline; }
.logobox .topmenu li a { display:block; }

/* Navigation */
/*
#nav { position:relative; width:100%; height:51px; background:#eee; z-index:11; }
#gnbMenu { position:absolute; top:0px; left:0; }
#nav.on .inner {border-bottom:2px solid #516bb3; background: url("./image/common/bg_nav_on.png") repeat-y; }
#nav.on #gnb .sub {}
#gnb { display:table; font-size:0; }
#gnb li {display:inline-block; vertical-align:top; }
* html #gnb li { display:inline; }
*+html #gnb li { display:inline; }

#gnb .sub {height:166px; padding:20px 0 0 20px; }
#gnb li li { display:block; font-size:14px; margin:9px 0 0 0; }
#gnb li li:first-child { margin:0; }

#gnb li.on li a,
#gnb li li a { }
#gnb li li.on1 a,
#gnb li li a:hover,
#gnb li li a:focus { color:#333; font-weight:bold; text-decoration:none; }
*/

#nav{position:relative;height:51px;background:#eee;z-index:11;}
#gnbMenu{overflow:hidden;position:absolute;right:0;top:0;width:100%;height:100%;}
#gnbMenu .outer{background:#fff;}
#gnbMenu .inner{margin:45px 0 0;border-bottom:2px solid #516bb3;background:url('./image/line_gnb.png') repeat-y;}
#gnbMenu .inner:after{content:'';display:block;clear:both;}
#gnb{display:table;width:1000px;margin:-45px auto 0;padding:0 0 40px;background:url('./image/bg_sub.jpg') no-repeat 0 100%;font-size:0;text-align:right;}
#gnb>li{display:inline-block;vertical-align:top;}
*+html #gnb>li{display:inline;}
#gnb>li>a{display:block;text-align:left;}
#gnb .sub{padding:20px 0 0 20px;text-align:left;}
#gnb .sub li{margin:9px 0 0;}
#gnb .sub li a{font-size:14px;text-transform:capitalize;}
#gnb .sub li a:hover,
#gnb .sub li a:focus,
#gnb .sub li.on1 a{color:#0057a8;}

/* mainpage */
#container {  z-index:10; }
#mcontents {}
.main_cont { position:relative; overflow:hidden; }
.main_cont .cont { float:left; width:327px; }

/* visual */
.visual { overflow:hidden; position:relative; font-size:13px;}
.visual .gallery_wrap{ position:relative; width:100%; }
.visual .gallery_wrap .inner{ position:relative; height:354px; }
.visual .gallery_wrap ul.gallery{}
.visual .gallery_wrap ul.gallery li{ position:absolute; left:0; top:0; width:100%; }
.visual .gallery_wrap ul.gallery li a{ display:block; }
/*
.visual .btn{ position:absolute; top:50%; margin:-18px 0 0; }
.visual .links_prev{left:0;}
.visual .links_next{right:0;}
*/
.visual .control { position:absolute; left:40px; top:90px; width:191px; }
.visual .control li { width:182px; background:#fff; margin:1px 0 0 0; }
.visual .control li:first-child { margin:0; }
.visual .control li a { display:block; padding:10px 15px; font-size:15px; }
.visual .control li a span { font-weight:bold; }
.visual .control li.on { width:191px; background:url("./image/main/bg_control_on.png") no-repeat right center;  }
.visual .control li.on a { color:#fff; }

#qna { position:relative; width:286px; height:205px; padding:30px; font-size:13px; }
#qna ul { margin:25px 0 0 0; }
#qna ul li { overflow:hidden; padding:9px 0 9px 10px; border-top:1px dotted #e1e1e1; vertical-align:top; background:url("./image/bl_mbbs.png") no-repeat 0 center;}
#qna ul li:first-child { border-top:none; }
#qna ul li.none{background-image:none;}
#qna ul li a { float:left; max-width:76%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
#qna ul li .date { float:right; }
#qna span.new{margin:0 0 0 5px;vertical-align:bottom;}
/* #qna .more { position:absolute; top:30px; right:3px; } */
#qna .more { position:absolute; top:-43px; right:3px; }
#cs_center p a { display:inline-block; }
#quicklink { width:346px; display:table; font-size:0; background:red }
#quicklink li { float:left;}
#quicklink li a { display:block; }


/* photo_slide */
#photo_slide { width:327px; height:232px; position:relative; overflow:hidden; background:url("./image/main/bg_consulting.png") no-repeat 0 0; }
#photo_slide h3 { height:30px; padding:27px 0 0 0; text-align:center; }
#photo_slide .gallery_wrap {  position:relative; overflow:hidden; width:540px; height:157px; margin:0 0 0 -107px;}
#photo_slide .inner { position:relative; width:100%; height:157px; }
#photo_slide .gallery { position:absolute; left:0; top:0; width:9999px; }
#photo_slide .gallery li { position:relative; float:left; width:150px; padding:10px; margin:0 5px; background:#fff; text-align:center; }
#photo_slide .gallery li a { display:block; overflow:hidden;width:148px;height:97px;border:1px solid #e2e2e2; vertical-align:top;}
#photo_slide .gallery li img { display:block; width:100%; max-width:100%; }
#photo_slide .gallery li .dim{ width:100%; height:100%; display:block; background-color:#000; filter:alpha(opacity=70); opacity:.7;  position:absolute; left:0; top:0;}
#photo_slide .gallery li.on { display:block; }
#photo_slide .gallery li.on .dim { display:none; }
#photo_slide .gallery li strong { font-size:15px; font-weight:bold; color:#333; }
#photo_slide .gallery li em { font-size:12px; }
#photo_slide .gobox .links_prev,
#photo_slide .gobox .links_next { position:absolute; top:55px;  }
#photo_slide .gobox .links_prev { left:115px; }
#photo_slide .gobox .links_next { right:115px; }

/* subpage */
#container.subpage { position:relative; overflow:hidden; padding:50px 0 50px 0; }
#aside { float:left; width:180px; }
.sub_title { margin:0 0 20px 0; font-size:0; }
#snb { }
#snb > ul { border-top:2px solid #516bb3; }
#snb > ul > li {}
#snb > ul > li:first-child { border-top:none; }
#snb > ul > li > a { display:block; padding:9px 15px; color:#516bb3; font-size:14px; font-weight:bold; border-bottom:1px solid #e1e1e1; }
#snb > ul > li.has > a { background:url("./image/bl_snb_1.png") no-repeat 158px 0; }
#snb > ul > li.has.on > a { background:#eff2f8 url("./image/bl_snb_1.png") no-repeat 158px -40px; }
#snb > ul > li > a:hover,
#snb > ul > li > a:focus { text-decoration:underline; }
#snb > ul > li.on .sub { display:block; }
#snb ul li .sub { display:none; }
#snb ul li ul li {}
#snb ul li ul li a { padding:11px 15px 10px 15px; display:block; background:url("./image/bl_snb_1_2.png") no-repeat 158px 0;  border-bottom:1px solid #e1e1e1;  }
#snb ul li ul li.on1 a,
#snb ul li ul li a:hover,
#snb ul li ul li a:focus { color:#333; font-weight:bold; background:url("./image/bl_snb_1_2.png") no-repeat 158px -40px; }
.side_banner { margin:20px 0 0 0; font-size:0; }

#contents { float:right; width:780px; }
.page_top { height:56px; margin:0 0 25px 0; }
.page_title { float:left; }
.location { float:right; margin:10px 0 0 0; }
.location a { color:#555; font-size:13px; }
.location a:last-child,
.location a.current { font-weight:bold; color:#516bb3; }
.sub_cont { }

/* footer */
#footer { position:relative; overflow:hidden; width:100%; padding:30px 0 36px 0;  border-top:1px solid #eee; color:#555; }
.ft_logo { float:left; width:205px; }
.ft_info { float:left; width:770px; margin:0 0 0 25px; }
.botmenu { display:table; font-size:0; margin:0 0 10px 0; }
.botmenu li { display:inline-block; height:11px; line-height:11px; border-left:1px solid #ddd; }
* html .botmenu li { display:inline; }
*+html .botmenu li { display:inline; }
.botmenu li a { font-weight:bold; margin:0 12px; font-size:12px; color:#555; }
.botmenu li:first-child { border-left:none; }
.botmenu li:first-child a { margin:0 12px 0 0; }
.copyright { margin:3px 0 0 0; color:#767676; }
.familysite { position:absolute; top:30px; right:0; }

/**************************************************************************************/