/*기본 css임포트*/
@import url("reset.css");

/*텍스트 링크 색상및 꾸밈*/
@import url("font.css");
@import url("font-awesome.min.css");

/********** 기본레이아웃 **********/
body, html { height:100% }
#header { border-bottom:3px solid #0287c4; height:92px }
#contents { margin:0 0 50px 0; }
	#contents:after { clear:both; content:""; display:block }
#footer { height:135px; border-top:1px solid #ddd }
#leftArea { width:210px; float:left; }
#rightArea { float:right; width:730px; }
.wrap { width:1000px; margin:0 auto; position:relative; }
.pc_no { display:none !important }
.mobile_only { display:none !important }
	
/***** header *****/
#header h1 { position:absolute; top:26px; left:3px }

#header .gnb { position:absolute; top:40px; left:240px; z-index:10000 }
	#header .gnb li { position: relative; float: left; height:50px }
	#header .gnb li a { display: block; padding: 0 40px; border-left: 1px solid #ddd; color: #444; font:500 17px/20px noto sans kr; letter-spacing:-0.5px; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
	#header .gnb li:first-child a { border-left: none; }
	#header .gnb li:hover > a { color: #2c76ca; }
	#header .gnb ul { position: absolute; top: 55px; padding:8px 0 14px 0; left: 0; opacity: 0; filter:alpha(opacity=0); background: #1f2024; -webkit-transition: opacity .25s ease .1s; -moz-transition: opacity .25s ease .1s; -o-transition: opacity .25s ease .1s; -ms-transition: opacity .25s ease .1s; transition: opacity .25s ease .1s; }
	#header .gnb li:hover > ul { opacity: 1; filter:alpha(opacity=100) }
	#header .gnb ul li { width:130px; height: 0; overflow: hidden; padding: 0 -webkit-transition: height .25s ease .1s; -moz-transition: height .25s ease .1s; -o-transition: height .25s ease .1s; -ms-transition: height .25s ease .1s; transition: height .25s ease .1s; }
	#header .gnb li:hover > ul li { height: 24px; overflow: visible; padding: 0 }
	#header .gnb ul li a { padding: 4px 20px; font-family:nanumB; border:none; font-size:12px; color:#bbb;-webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
	#header .gnb ul li:hover a { color: #fff; }
	#header .gnb ul li:last-child a { border: none; }
	
#header fieldset { position:absolute; right:0; top:34px; display:none }
	#header fieldset  input { height:30px; border:1px solid #ddd; font:normal 11px/30px 'Dotum'; letter-spacing:-1px; color:#888; padding:0 10px; width:180px; }
	#header fieldset button { display:inline-block; background:#0287c4; border:none; height:32px; color:#fff; font:bold 13px/32px 'nanum'; padding:0 14px; vertical-align:top }
	
/***** footer *****/
#footer h1 { position:absolute; left:3px; top:30px }
#footer .copyright { font-size:11px; color:#999; position:absolute; top:30px; left:215px }
#footer address { position:absolute; left:215px; top:55px;  }
	#footer address dt { display:inline-block; font-size:11px; padding:0 3px 0 0; color:#999; }
	#footer address dd { display:inline-block; font-size:11px; padding:0 12px 0 0; color:#999 }
	#footer address dd a { color:#999 }
	#footer address .address { padding:10px 0 2px 0 }
	#footer address .franchise dt { font-family:nanumB; color:#777 }
	
/***** main *****/
#mainVisual { background:url(/img/main/main_visual_bg.jpg) no-repeat center top; background-size:cover; height:470px; margin-bottom:35px }
#mainVisual .txt { position:absolute; top:80px; left:0 }
#mainVisual .animation > div { position:absolute; left:290px; top:20px; opacity: 0}

	
.main_sec01 > div { float:left; border:1px solid #ddd; padding:20px; width:209px; margin-left:-1px; height:190px; position:relative }
	.main_sec01 > div:first-child { width:208px; margin-left:0 }
	.main_sec01 h3 { font-size:20px; font-family:noto sans kr; font-weight:700; line-height:1; letter-spacing:-1px; color:#222; padding-bottom:10px }
	.main_sec01 a { position:absolute; bottom:20px; left:20px }
	.main_sec01 p { padding-bottom:20px; display:none }
	.main_sec01 .article01 { background:url(/img/main/prd_img01.png) no-repeat 45px 60px }
	.main_sec01 .article02 { background:url(/img/main/prd_img02.png) no-repeat 40px 80px }
	.main_sec01 .article03 { background:url(/img/main/prd_img03.png) no-repeat 70px 75px }
	.main_sec01 .article04 { background:url(/img/main/prd_img04.png) no-repeat 60px 65px }
	.main_sec01:after { clear:both; content:""; display:block }
	
.main_gallery { margin-top:30px; position:relative; width:688px; float:left }
	.main_gallery h2 { font-size:17px; font-family:noto sans kr; font-weight:700; color:#222; letter-spacing:-0.5px; padding-bottom:15px; line-height:20px }
	.main_gallery .desc { position:absolute; top:5px; left:80px; color:#999 }
	.main_gallery .more { position:absolute; right:8px; top:3px }
	.main_gallery .big { width:231px; border:1px solid #ccc; padding:4px; height:195px; float:left; margin-right:9px }
	.main_gallery .big img { width:231px; height:159px }
	.main_gallery .big p { text-align:center; font-size:14.5px; font-family:noto sans kr; font-weight:500; line-height:15px; letter-spacing:-0.5px; padding:12px 0 0 0 }
	.main_gallery .big p a { color:#444 }
	.main_gallery .thumb li { display:inline-block; margin-right:8px; margin-bottom:7px; overflow:hidden }	
	.main_gallery .thumb li.hover { border:5px solid #007ec7; }
	.main_gallery .thumb img { width:138px; height:99px; overflow:hidden }	
	.main_gallery .thumb li.hover img { margin:-5px }
	
.main_custom { float:right; width:234px; height:192px; margin-top:33px; background:#edf0f2; border:1px solid #dce1e4; padding:22px }
	.main_custom h2 { font-size:20px; font-family:noto sans kr; font-weight:700; color:#222; letter-spacing:-0.5px; padding-bottom:15px; line-height:20px }
	.main_custom dt { float:left; font:normal 11px/22px 'Dotum'; color:#666; letter-spacing:-1px; padding-left:17px; height:22px; width:40px }
	.main_custom dd {  height:22px; font-size:15px; line-height:20px; font-family:nanumB }
	.main_custom dd.mail {  height:22px; font-size:14px; line-height:20px; font-family:nanumB }
	.main_custom dt.fax { background:url(/img/main/icon_fax.png) no-repeat 1px 3px }
	.main_custom dt.tel { background:url(/img/common/icon_tel.png) no-repeat 1px 3px }
	.main_custom dt.mail { background:url(/img/main/icon_mail.png) no-repeat 0 6px }	
	.main_custom dt.mobile { background:url(/img/main/icon_mobile_l.png) no-repeat 0 0; text-indent:-9000px; padding:0; width:30px; height:25px }
	.main_custom dd.mobile {letter-spacing:-1px; color:#0381bc; font:normal 27px/25px 'nanumB'; padding-bottom:14px }
	.main_custom dt.bank { float:none; padding:10px 0 0 0; width:auto }
	.main_custom dt.bank strong { color:#d08447 }
	.main_custom dd.bank { font-size:18px }
	.main_custom dd.bank img { margin:4px 7px 0 0 }
	
/***** sub 공통 *****/
#subVisual { height:150px; background-position:center; background-repeat:no-repeat; background-size:cover }
#subVisual.sub1 { background-image:url(/img/sub01/visual.jpg) }
#subVisual.sub2 { background-image:url(/img/sub02/visual.jpg) }
#subVisual.sub3 { background-image:url(/img/sub03/visual.jpg) }
#subVisual.sub4 { background-image:url(/img/sub04/visual.jpg) }

.root_daum_roughmap { width:100% !important }
.root_daum_roughmap .wrap_map { height:300px !important }
	
	
#leftArea .slogun { background:#0263a7; color:#accce2; font:normal 11px/27px 'Dotum'; height:27px; text-align:center; letter-spacing:-1px }
#leftArea .slogun strong { color:#deecf5 }
#leftArea h2 { font-size:18px; font-family:noto sans kr; font-weight:500; line-height:45px; height:47px; background:#0287c4; color:#fff; text-align:center; letter-spacing:-1px }	

#leftArea .snb li a { background:url(/img/common/bullet_snb.gif) no-repeat 183px 16px; border-bottom:1px solid #ddd; padding:0 0 0 10px; line-height:37px; height:37px; font-size:14px; font-family:'nanumB'; font-family:nanumB; letter-spacing:0; display:block }
	#leftArea .snb li a:hover, #leftArea .snb li a.hover { background-image:url(/img/common/bullet_snb_o.gif); color:#0287c4 }
	
.sub_custom { margin-top:50px }
	.sub_custom dt { float:left; font:normal 11px/22px 'Dotum'; color:#666; letter-spacing:-1px; padding-left:20px; height:22px; width:43px }
	.sub_custom dd {  height:22px; font-size:15px; line-height:20px; font-family:nanumB }
	.sub_custom dd.mail { font-size:11px; line-height:20px; }
	.sub_custom dt.fax { background:url(/img/main/icon_fax.png) no-repeat 4px 3px }
	.sub_custom dt.mobile { background:url(/img/main/icon_mobile.png) no-repeat 4px 3px }
	.sub_custom dt.mail { background:url(/img/main/icon_mail.png) no-repeat 3px 6px }
	.sub_custom dt.tel { background:url(/img/common/icon_tel.png) no-repeat 4px 5px }
	.sub_custom dt.bank { float:none; padding:10px 0 0 0; width:auto }
	.sub_custom dt.bank strong { color:#d08447 }
	.sub_custom dd.bank { font-size:15px }
	.sub_custom dd.bank img { margin:4px 7px 0 0 }
	.sub_custom dd strong { color:#0287c4 }
	.sub_custom hr { margin:10px 0 }
	
#rightArea > .title { border-bottom:1px solid #ddd; position:relative }
	#rightArea > .title h2 { font-size:31px; font-family:'nanumB'; line-height:74px; padding-left:0px; letter-spacing:-1px; color:#444; }
	#rightArea > .title p { font-size:11px; position:absolute; right:5px; top:40px; color:#999 }
	#rightArea > .title p img { margin:0 4px 0 0 }
	#rightArea > .title p strong { font-weight:normal; color:#555 }
	
.real_contents { padding:40px 5px 0 5px }

.pagenum { text-align:center }
	.pagenum span { display:inline-block; border-left:1px solid #ddd; padding:0 15px; font:normal 11px/25px 'Dotum'; color:#999 }
	.pagenum span a { color:#999; }
	.pagenum span:first-child { border:none }
	.pagenum span.current { font-family:nanumB; color:#666 }

/***** sub *****/
.sub01_01 { position:relative }
	.sub01_01 img { position:absolute; top:0; right:0 }
	.sub01_01 h2 { font-size:21px; font-family:nanumB; letter-spacing:-1px; color:#f4ad02; padding:0 0 30px 0; line-height:30px }
	.sub01_01 p { font-size:13px; line-height:18px }

.sub01_02 {}
	.sub01_02 .addr { background:url(/img/sub01/icon_addr.gif) no-repeat 0 0; font-size:15px; line-height:17px; color:#444; font-family:'nanumB'; padding:0 0 20px 20px }
	.sub01_02 iframe { border:5px solid #eee; padding:1px; }
	.sub01_02 dl { margin-bottom:30px }
	.sub01_02 dt {  font-size:15px; line-height:17px; font-family:'nanumB'; color:#444; padding:20px 0 10px 0 }
	.sub01_02 dd, .sub01_03 li { font-size:13px }
	.sub01_02 dd { padding:0 0 8px 0 }
	.sub01_02 dd strong { color:#b26011 }
	.sub01_02 li { padding:0 20px 5px 0; display:inline-block }
	.sub01_02 li span { display:inline-block; letter-spacing:-1px; line-height:15px; color:#fff; padding:0 3px; margin:0 5px 0 3px }
	.sub01_02 li .bbus { background:#2c61b9 }
	.sub01_02 li .gbus { background:#64b92c }

	
.sub02 { margin-top:30px}
	.sub02 .main { overflow:hidden; margin-top:30px; border-top:1px solid #ddd; padding-top:30px }
	.sub02 .main:first-child { border:none; padding-top:0 }
	.sub02 .main img { width:300px; border:1px solid #ddd; padding:20px; float:left; }
	.sub02 .main table { float:right; width:360px; border-top:2px solid #359ccb; border-collapse:collapse; }
	.sub02 .main th { font-family:nanumB; padding:10px; background:#eee; border-bottom:1px solid #ddd }
	.sub02 .main td { padding:10px; border-bottom:1px solid #ddd }
	.sub02 .main td li { background:url(/img/common/bullet02.gif) no-repeat 0 7px; padding:2px 0 2px 10px }
	.sub02 .sub_title { background:url(/img/common/bullet_title.gif) no-repeat 0 1px; font-size:15px; font-family:nanumB; color:#444; padding:0 0 20px 19px }
	.sub02 .img li { float:left; margin:0 5px 15px 5px }

.sub04 {}
	.sub04 .result { background:url(/img/common/bullet01.gif) no-repeat 0 4px; padding:0 0 15px 10px; }
	.sub04 .result strong { color:#e0744e }
	.sub04 .align { position:absolute; right:0; top:117px }
	.sub04 .align li { display:inline-block; padding:0 10px; border-left:1px solid #ddd; font-size:11px; line-height:11px; color:#888; cursor:pointer }
	.sub04 .align li strong { color:#666 }
	.sub04 .align li:first-child { border:none }
	.sub04 td { font-family:nanumB }
	.sub04 td .img { float:left; border:1px solid #ddd; width:116px; height:86px }
	.sub04 td .subject { font-size:13px; font-family:'nanumB'; margin:5px 0 0 130px; }
	.sub04 td .subject .accent { color:#2f9be0 }
	.sub04 td .size { font-size:12px; font-weight:normal; font-family:'nanum'; display:block; padding:9px 0 0 0; line-height:16px }
	.sub04 td .icon { display:block; font-size:11px; font-family:'Dotum'; line-height:0; color:#fff; background:#444; padding:9px 1px 8px 0; width:30px; text-align:center; margin-bottom:3px }
	.sub04 td .price1 { font-size:14px; font-family:'nanumB'; color:#e0693f }
	.sub04 td .price2 { font-size:14px; font-family:'nanumB'; }




.table_h01 { margin-bottom:20px }
	.table_h01 table { width:100%; }
	.table_h01 th { text-align:center; font-family:nanumB; color:#444; border-bottom:1px solid #ddd; border-top:2px solid #309dcf; padding:10px }
	.table_h01 td { border-bottom:1px solid #ddd; padding:10px; }

/*마지막*/
.center { text-align:center }
.right { text-align:right }
.left { text-align:left }
span.eng { letter-spacing:0 }