@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* { margin: 0; padding: 0; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea { margin: 0; padding: 0; }

img, fieldset, frameset, iframe, frameborder, frame { border: 0; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

hr { border-bottom: 1px solid #e2e2e2; }

strong { color: #000; }

p, ul, ol, li, dl, dt, dd, form { list-style: none; border: none; }

a, img, input, select, label { vertical-align: middle; }

a { text-decoration: none; color: #666; }

a:hover { color: #000; }

legend, figcaption { display: none; }

textarea { padding: 2px; resize: none; }

input[type=text], input[type=password], input[type=date], input[type=tel], input[type=number], input[type=email], input[type=url], input[type=file], textarea { padding: 3px; border: 1px solid #ccc; }

label input { margin: -2px 4px 0 0; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: 12px; }

td { overflow: hidden; }

caption { visibility: hidden; width: 0; height: 0; overflow: hidden; font-size: 0; }

body { font-family: 'Nanum Gothic', 'Malgun Gothic', 'dodum','AppleGothic', serif; }

.content { padding: 30px; border: 1px solid #ccc; margin: 15px; position: relative; z-index: 0; }
.content:after { display: block; content: ""; clear: both; }

.line { border-top: 1px solid #ccc; margin: 20px 0; }

body { font-size: 12px; background: url("../img/bg_navigation.jpg") 0 0 repeat-x; min-width: 999px; }

.section-header { position: relative; z-index: 1; width: 999px; height: 109px; margin: 0 auto; }
.section-header .logo { position: absolute; top: 0; left: 50%; margin-left: -618px; background: url("../img/logo.png") 0 0 no-repeat; width: 350px; height: 160px; text-indent: -999px; overflow: hidden; z-index: 999; }
.section-header .top-sub-navi { position: absolute; z-index: 1000; width: 999px; top: 10px; right: 0; }
.section-header .top-sub-navi ul { float: right; }
.section-header .top-sub-navi ul li { float: left; font-size: 10px; padding: 0 0 0 6px; margin-right: 8px; background: url("../img/icon_01.jpg") left center no-repeat; }
.section-header .navigation { width: 999px; padding: 50px 0 0 0; position: relative; z-index: 1000; }
.section-header .navigation .depth-01 { float: right; }
.section-header .navigation .depth-01 li { position: relative; float: left; padding: 0 35px; font-size: 18px; background: url("../img/bar_01.jpg") 100% center no-repeat; }
.section-header .navigation .depth-01 li.last { background: none; }
.section-header .navigation .depth-01 li a { color: #010101; letter-spacing: 1px;}
.section-header .navigation .depth-01 li a:hover { color: #2175b0;font-weight: bold;letter-spacing: -0.5px;  }
.section-header .navigation .depth-01 li .on { color: #2175b0;font-weight: bold;letter-spacing: -0.5px;  }
.section-header .navigation .depth-01 li.menu-01 .depth-02 { left: 35px; width: 100px; }
.section-header .navigation .depth-01 li.menu-02 .depth-02 { left: 0px; width: 400px; }
.section-header .navigation .depth-01 li.menu-03 .depth-02 { left: 5px; width: 300px; }
.section-header .navigation .depth-01 li.menu-04 .depth-02 { left: -30px; width: 300px; }
.section-header .navigation .depth-01 li.menu-05 .depth-02 { left: -50px; width: 200px; }
.section-header .navigation .depth-01 li .depth-02 { display: none; text-align: left; position: absolute; top: 0; padding: 36px 0 0 0; }
.section-header .navigation .depth-01 li .depth-02 li { padding: 0 0 0 15px; margin-right: 23px; font-size: 13px; font-weight: bold; background: url("../img/icon_02.png") center left no-repeat; }
.section-header .navigation .depth-01 li .depth-02 li a { color: #fff;letter-spacing: -1px;  }

.section-header .navigation .depth-01 li .depth-02 li a:hover { color: #ffff33; letter-spacing: -1px;  }

.section-header .navigation .depth-01 li.on .depth-02 { display: block; }

.section-visual { height: 363px; background: url("../img/bg_visual.jpg") top center no-repeat; }
.section-visual .wrap { width: 999px; margin: 0 auto; height: 363px; overflow: hidden; position: relative; z-index: 0; }
.section-visual .wrap .visual-list { z-index: 0; }
.section-visual .wrap .visual-list li { position: absolute; z-index: 0; display: none; }
.section-visual .wrap .btn-prev { position: absolute; left: 0; top: 50%; margin-top: -40px; width: 42px; height: 80px; background: url("../img/btn_prev.png") 0 0 no-repeat; border: 0; text-indent: -999px; overflow: hidden; cursor: pointer; z-index: 1; }
.section-visual .wrap .btn-next { position: absolute; right: 0; top: 50%; margin-top: -40px; width: 42px; height: 80px; background: url("../img/btn_next.png") 0 0 no-repeat; border: 0; text-indent: -999px; overflow: hidden; cursor: pointer; z-index: 1; }

.section-contents { width: 999px; margin: 30px auto 0 auto; overflow: hidden; }
.section-contents .consultation { position: relative; float: left; width: 337px; height: 231px; padding: 10px 34px 0 22px; border-right: 1px solid #d7d7d7; }
.section-contents .consultation .tit { text-transform: uppercase; font-size: 18px; }
.section-contents .consultation .tit strong { color: #1b67c8; }
.section-contents .consultation .consultation-list { line-height: 1; padding-top: 11px; }
.section-contents .consultation .consultation-list li { color: #555; position: relative; font-family: 'dotum', 'AppleGothic', serif; padding-left: 9px; margin-top: 7px; background: url("../img/icon_03.jpg") left center no-repeat; }
.section-contents .consultation .consultation-list li span { display: inline-block; vertical-align: middle; }
.section-contents .consultation .consultation-list li .icon-finish { font-size: 0; padding-right:3px; height:19px }
.section-contents .consultation .consultation-list li .date { position: absolute; right: 0; top: 1px; }
.section-contents .consultation .view-more { position: absolute; top: 13px; right: 36px; }
.section-contents .notice { position: relative; float: left; width: 269px; height: 231px; padding: 10px 32px 0 31px; border-right: 1px solid #d7d7d7; }
.section-contents .notice .tit { text-transform: uppercase; font-size: 18px; }
.section-contents .notice .tit strong { color: #1b67c8; }
.section-contents .notice .notice-list { line-height: 1; padding-top: 9px; }
.section-contents .notice .notice-list li { color: #555; font-family: 'dotum', 'AppleGothic', serif; padding-left: 9px; margin-top: 10px; background: url("../img/icon_03.jpg") left center no-repeat; }
.section-contents .notice .notice-list li span { display: inline-block; vertical-align: middle; }
.section-contents .notice .notice-list li .icon-new { vertical-align: 5px; font-size: 0; }
.section-contents .notice .notice-list li .date { float: right; }
.section-contents .notice .view-more { position: absolute; top: 13px; right: 32px; }
.section-contents .contact { line-height: 1; float: left; width: 272px; height: 174px; padding-top: 67px; text-align: center; background: url("../img/bg_contact.jpg") 115px 5px no-repeat; }
.section-contents .contact .tit { font-size: 15px; }
.section-contents .contact .tel { font-weight: bold; letter-spacing: -1px; margin: 15px 0 11px 0; font-size: 26px; color: #2a6fc5; }
.section-contents .contact .tel img { vertical-align: -2px; }
.section-contents .contact li { margin-top: 5px; color: #333; }
.section-contents .contact .sunday { color: #cc0000; font-weight: bold; }
.section-contents .contact .btn-link-request { display: inline-block; margin-top: 10px; }

.section-banner { width: 999px; margin: 15px auto 0 auto; overflow: hidden;position: relative; }
.section-banner ul li { float: left; }

.section-footer { position: relative; width: 857px; height: 75px; margin: 20px auto 0 auto; padding: 20px 0 0 142px; background: url("../img/bg_footer.jpg") 0 0 no-repeat; font-size: 12px; }
.section-footer p { margin-top: 4px; letter-spacing: -1px; }
.section-footer p strong { margin-left: 5px; }
.section-footer p strong.no-gab { margin: 0; }
.section-footer .copyright { margin-top: 10px; }
.section-footer .icon-qr { position: absolute; top: 15px; right: 50px; }

/*# sourceMappingURL=main.css.map */





/* 서브컨텐츠 */
#container {width:1004px;left:50%;margin-left:-502px; position:relative;margin-top:0px ;
	overflow: hidden;
	background-color: #fff;
}
#contents{margin:0;position:relative; }
.con_box{ padding:20px 0;  position:relative;width:1004px;left:50%;margin-left:-502px; }


/* contents area */
.con_box_txt{ 
	width: 714px;
	float: left; 
	
}
.con_box_txt .tit{width: 714px;
	font-size: 24px;
	height: 51px;
	color: #203d51;
	padding: 42px 0px 0px 0px; margin-bottom:20px;
	/*background: url(../img/title_icon.gif)  no-repeat;*/
	border-bottom:1px solid #ccc; }
	
.con_box_txt .tit02{width: 714px;
	font-size: 24px;
	height: 51px;
	color: #203d51;
	padding: 42px 0px 0px 0px; margin-bottom:0px;
	/*background: url(../img/title_icon.gif)  no-repeat;*/
	border-bottom:1px solid #ccc; }

/* menu */
.sub_left {width:281px;float:left; }
.menu { width:243px; margin-right:38px; }
.menu .tit{ color:#333333; font-size:24px; padding-left:0px; text-align:center;  background:url(../img/left_butitle.gif) 0 0  no-repeat; height: 51px; 
padding: 40px 0px 0px 0px; background:url(../img/left_title.gif);border-bottom:1px solid #ccc; }
.menu ul{ padding:7px 0;  border-bottom:1px solid #ccc;background:url(../img/left_bubg.gif); }
.menu ul li{background:url(../img/left_buline.gif) 1px  39px  no-repeat;}
.menu ul li a{font-size:15px; height:30px; color:#333333; display:block;  font-weight:bold; padding:11px 0px 0px 44px; }
.menu ul li a:hover{ background:url(../img/left_button.gif) 21px 15px  no-repeat; color:#336699;}
.menu ul > li.on{background:url(../img/left_button.gif) 21px 15px  no-repeat; }
.menu ul > li.on > a{color:#336699;}
.menu ul > li.menu_line {background:url(../img/left_buline.gif) 1px  no-repeat; }

/* contact */
 .contact_sub { line-height: 1;margin-top:50px; float: left; width: 243px;text-align: center; background: url("../img/bg_contact02.jpg") 20px 0px no-repeat; }
 .contact_sub .tit { font-size: 18px; line-height:120%; padding:10px 0px 0px 35px }
 .contact_sub .tel { font-weight: bold; letter-spacing: -1px; margin: 6px 0 8px 0; font-size: 22px; color: #2a6fc5; }
 .contact_sub .tel img { vertical-align: -2px; }
 .contact_sub li { margin-top: 5px; color: #333;}
 .contact_sub .sunday { color: #cc0000; font-weight: bold; }
 .contact_sub .btn-link-request { display: inline-block; margin-top: 10px; }
 
.section-sub_banner { width: 702px; margin: 15px auto 0 auto; overflow: hidden; }
.section-sub_banner ul li { float: left; }
 
 
.section-sub-visual { height: 250px; background: url("../img/bg_sub_visual.jpg") top center no-repeat; }
.section-sub-visual .wrap { width: 999px; margin: 0 auto; height: 250px; overflow: hidden; position: relative; z-index: 0; }
.section-sub-visual .wrap .visual-list { z-index: 0; }
.section-sub-visual .wrap .visual-list li { position: absolute; z-index: 0; display: none; }
.section-sub-visual .wrap .btn-prev { position: absolute; left: 0; top: 50%; margin-top: -40px; width: 42px; height: 80px; background: url("../img/btn_prev.png") 0 0 no-repeat; border: 0; text-indent: -999px; overflow: hidden; cursor: pointer; z-index: 1; }
.section-sub-visual .wrap .btn-next { position: absolute; right: 0; top: 50%; margin-top: -40px; width: 42px; height: 80px; background: url("../img/btn_next.png") 0 0 no-repeat; border: 0; text-indent: -999px; overflow: hidden; cursor: pointer; z-index: 1; }

.txt_box { font-size:14px; color:#323232;line-height:1.6em; border:none; padding:10px; margin:0 0 20px 0;}
 .s_title {font-size:11px; color:#666666; text-align:right; float:right;position: absolute; top: 60px; right: 20px; }
 
.point_tt01 { font-size:22px; color:#c45050;font-weight:bold; }
.point_tt02 { color:#cf0000;font-weight:bold; }

.con_box_txt .txt_box h4{padding-left:16px; font-size:20px; color:#c6710d; background:url(../img/bullet_h4.gif) no-repeat left center;}
.con_box_txt .txt_box li {margin-top:10px; font-size:14px; line-height:24px;}

.con_box_txt .txt_box .feature li {padding-left:12px;  background:url(../img/bullet_feature.gif) no-repeat 0 12px;}
.text_bg01 { color:#000 ;  background:#f2c8c8}
.board_position {width: 700px; margin: 0 auto; /*height: 250px; */overflow: hidden; position: relative; z-index: 0;}
.text{line-height:18px;}
 
/* 마진패등 */
.pading_t10{ padding-top:10px;}
.pading_t20{ padding-top:20px;}
.pading_t30{ padding-top:30px;}
.pading_t40{ padding-top:40px;}
.pading_t50{ padding-top:50px;}

.pading_b10{ padding-bottom:10px;}
.pading_b20{ padding-bottom:20px;}
.pading_b30{ padding-bottom:30px;}
.pading_b40{ padding-bottom:40px;}
.pading_b50{ padding-bottom:50px;}

.pading_l10{ padding-left:10px;}
.pading_l20{ padding-left:20px;}
.pading_l30{ padding-left:30px;}
.pading_l40{ padding-left:40px;}
.pading_l50{ padding-left:50px;}


.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.ml50{ margin-bottom:50px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml40{ margin-left:40px;}
.ml50{ margin-left:50px;}
.ml80{ margin-left:80px;}