@charset "utf-8";
/* sub CSS Document */

.company_name {font-size: 18px; color: #999; letter-spacing: 0;}
/* h3,h4,h5 */
h2 {font-size: 48px; text-align: center; font-weight: 500;color: #fff;display: inline-block;}

h3 { display:block;font-size: 24px;font-weight: 500;color: #343434; }
h3 span{font-weight: 300 !important;}
h4 {position: relative;margin-top:50px;font-size: 23px;display: block; font-weight:500; clear:both;}
h5 {margin-top: 50px;font-size: 19px;display: block; font-weight:400;}
h6 { clear:both; margin-top:16px;font-size:17px;color:#000;background:url("/layout/images/www/common/ico_h6.png") no-repeat left 6px;padding:0 0 0 16px;}

#container{ margin:0 auto; min-height:500px; width:1060px;position:relative; clear:both; overflow:hidden;background: url("/layout/images/www/sub/bg_sub_left.gif") repeat-y 0 0;}
#content {width: 100%;padding-top:20px;color: #444444;float: left;min-height: 500px;}


div.section { width:100%;position: relative; top:25px;}
ul.section li{float:left; width: 33.333%;text-align:center; color:#000; border:1px solid #cccccc; box-sizing:border-box;}
ul.section li a{display:block;height:44px;line-height:47px; font-size:16px;}
/*ul.section li a:hover{color:#fff; background:#b4b9c2 url("/layout/images/www/common/navi_bg2.png") no-repeat 190px center;}*/
ul.section li.on a { color:#333333; background:#eaeaea;}

/* 3메뉴 */
#wrap_menu4 {margin: 0 auto;max-width: 1060px;padding: 76px 0 0;text-align: center;}
#wrap_menu4 div.section { width:100%;position: relative; top: -44px;}
#wrap_menu4 ul.section li{float:none;display: inline-block; width:16.666%;text-align:center; border:1px solid #ccc;}
#wrap_menu4 ul.section li a{display:block;height:44px;line-height:47px;color:#efefef;}
#wrap_menu4 ul.section li.on a { color:#425a65; background:#fff url("/layout/images/www/common/navi_bg1.png") no-repeat 190px center;}

/* 4메뉴
.snbC { background:#ccc; padding-bottom:10px;}
.snbC li a {font-size: 14px;color: #f00 !important;padding:3px 0 3px 15px;}
.snbC li.on a{background-color: #888 !important;color: #fff !important;}
 */
/* 서브 이미지 */
.sub_visual{ position:relative; width:100%; height:250px;text-align: center; background:#333 url("/layout/images/www/sub/sub_bg2.jpg") no-repeat 50% 50%;}
.sub_visual #page_title{ margin-top:135px; font-size:37px;opacity: 0.7; }
.sub_visual .top_desc{ font-size:12px; color:#fff; line-height:19px;opacity: 0.7;}
.spot_779 {width:100%; margin:0; padding:0;background: url("/layout/images/www/sub/sub_bg1.jpg") no-repeat center ;}/**/
.spot_783 {width:100%; margin:0; padding:0;background: url("/layout/images/www/sub/sub_bg2.jpg") no-repeat center ;}/**/
.spot_786 {width:100%; margin:0; padding:0;background: url("/layout/images/www/sub/sub_bg3.jpg") no-repeat center top;}/**/
.spot_789 {width:100%; margin:0; padding:0;background: url("/layout/images/www/sub/sub_bg4.jpg") no-repeat center ;}/**/
.spot_468 {width:100%; margin:0; padding:0;background: url("/layout/images/www/sub/sub_bg5.jpg") no-repeat center top;}/**/


#content_box .section ul li:nth-child(4), #content_box .section ul li:nth-child(5), #content_box .section ul li:nth-child(6), #content_box .section ul li:nth-child(7){ border-top: none;}
#content_box .section ul li:nth-child(2), #content_box .section ul li:nth-child(3), #content_box .section ul li:nth-child(5), #content_box .section ul li:nth-child(6){ border-left: none;}


.sub_tit{ width:759px; margin:0 auto; position:relative;}
.sub_tit h2{ position:absolute; top:70px; left:7px; color:#999; font-size:40px; font-weight:600; letter-spacing:-3px; line-height:60px; width:530px; word-break:break-all;}

.sub_tit .sub_txt { position:absolute; font-size:20px; font-weight:600; color:#000; top:140px; left:10px; line-height:25px;}
.sub_tit .sub_txt span { color:#0552a9;}
.depth4_bottom {display:none;}
/* 페이징 */
.path {padding-bottom: 23px; font-size:0;}/*li벌어짐없애기*/
.path p a:first-child { background: url("/layout/images/www/sub/ico_navi.png") no-repeat center; display: inline-block; text-indent: -5000px; width: 20px; height: 20px; margin: 0; padding: 0;line-height: 20px;}
.path p {font-size:13px; margin-top:-30px; color:#fff;opacity: 0.7;}
.path p a {padding-left:10px; padding-right:10px; color:#fff;}
.path p a:last-child {padding-right:0px;}



#right #contents { clear:both; margin:0 0 20px 0; width:100%; margin-top:0; padding-top:10px; padding-bottom:10px; font-size:14px; line-height:24px; display: inline-block; }

/*서브메뉴*/

#SubMenu_Div{ position:relative; float:left;width:200px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;  box-sizing:border-box; }
#SubMenu_Div .sub_title_box {border-bottom:1px solid #ccc;height: 100px;}
#SubMenu_Div h2{padding:27px 0 0 15px;display:block; font-size:23px; color:#333333; letter-spacing:-1px;  text-align:left; font-weight:600;}
#SubMenu_Div .title_desc{ display:block; font-size:13px; padding:0 0 0 15px; color:#999; font-weight:400; line-height:7px;}


.snb {list-style-type: none; width:100%;}
.snb li > a:hover { text-decoration:underline;}

.snb li.low {background:url("/layout/images/www/main/main_sprite.png") no-repeat -375px -255px; }
.snb .snbA > a {
    position: relative;
    display: block;
    padding: 12px;
    font-size: 15px;
    color: #323232;
    background-color: #fff;
    transition: ease-in-out 0.3s;
    border-bottom: 1px solid #cacaca;
	line-height:1.2;
	letter-spacing:-1px;
	font-weight:600;
}
.snb .snbA > a:hover, .snb .snbA.on > a {color:#cc6633}
.snb .snbA .snbB {border-bottom: 1px solid #cacaca;}
.snb .snbA .snbB > li > a {
	background:#f4f4f4 url("/layout/images/www/sub/sub_sp.png") 0 -122px no-repeat;
    position: relative;
    display: block;
    color: #505050;
    padding: 6px 15px 6px 27px;
    font-size: 14px;
	line-height:1.4;
	letter-spacing: -1px;
    font-weight: 700;
}
.snb .snbA .snbB > li.on > a {	background:#f4f4f4 url("/layout/images/www/sub/sub_sp.png") 0 -226px no-repeat;}

.snb .snbA .snbB > li.on > a, .snb .snbA .snbB > li.on > a:hover { background-color:#7e7e7e; color:#fff;}
.snb .snbA .snbB .snbC { background-color:#e3e5e0; padding:5px 0;}
.snb .snbA .snbB .snbC > li > a {
    position: relative;
    display: block;
    color: #505050;
    padding: 4px 10px 4px 24px;
    font-size: 14px;
	line-height:1.4;
}
.snb .snbA .snbB .snbC > li > a:before {
    content: '';
    position: absolute;
    top: 13px;
    left: 15px;
    width: 3px;
    height: 3px;
    background-color: #555;
    transition: ease-in-out 0.3s;
}
.snb .snbA .snbB .snbC > li.on > a:before {
    background-color: #cc6633;
}
.snb .snbA .snbB .snbC > li.on > a, .snb .snbA .snbB .snbC > li > a:hover {color:#cc6633}
.snb li.accordion  {background: url("/layout/images/www/sub/arrow_m_plus.gif") no-repeat scroll 0 0 transparent !important;}
.snb li.accordion.on {background: url("/layout/images/www/sub/arrow_m_plus1.gif") no-repeat scroll 0 0 transparent !important;}
.snb li.accordion a.accordionExpanded { background-position: 100% -15px;}
.snb li.accordion li.accordion li a { background-image: none;  padding-right: 0px;}

.snb a {text-decoration: none; display:block;letter-spacing: -1px;}

.menu_all {margin:0; padding:0;}
.menu_all img {border:0;}
		
		
.snb .depth4{list-style-type: none; margin:10px 0 0 0; padding-left: 0; width:190px;}
.snb .depth4 li{margin:0; padding-left:6px; line-height:100%; background: url("/layout/images/www/sub/depth4_off.gif") no-repeat scroll 0 10px transparent;}
.snb .depth4 li.on {font-weight:bold; background: url("/layout/images/www/sub/depth4_on.gif") no-repeat scroll 0 10px transparent !important;}
		
.bt1 { margin:0 0 0 0; padding:0; float:left;}
.bt2 { margin:0 0 0 0; padding:0; float:left;}	




/* 111 */
	#right {float: left;display: inline;padding: 18px 0px 60px 20px;width:840px;margin-bottom: 80px;}

		#path { float:right; margin-top:20px;z-index:200;}
		#path p {background: url("/layout/images/www/sub/path_ico.gif") no-repeat scroll left 3px transparent; float: left; ; font-size: 12px; text-align: left; padding: 0 0 0 21px; color:#555;}
		#path p a:link, #path p a:visited { color: #676767; margin: 0; text-decoration:none;}
		#path p > a:first-child {background: url("/layout/images/www/common/ico_home.png") no-repeat 0 0; margin-right:3px; text-indent:-9999px; vertical-align:middle; display:inline-block; width:11px; height:15px;}
		
		#content_top{float: left;margin:20px 0 0;padding:0 0 15px;width: 100%;border-bottom: 1px solid #e5e5e5; position: relative;}
		#content_top #page_title { display: inline-block;font-size:30px; color:#000;text-align:left;}
		.day{font-size: 11px; text-align: left; color:#333; margin:15px 0 0 0; padding:0; float:left;}

		#content_util {padding: 0; text-align: center; margin: 25px 0 0 0; position:absolute; right:0; top:30px;}
			#content_util li {position: relative; margin:0; padding:0; display: inline; float:left;}
			#content_util li > a{display: inline; background: url("/layout/images/www/sub/util_list.gif") no-repeat scroll 0 0; height: 17px; line-height: 1; overflow: hidden; text-indent: -5000px; float:left; margin: 0px; padding-right:0;}
			#content_util li.icon_fontplus a {width:20px;background-position:0 0;}
			#content_util li.icon_fontminus a {width:19px;background-position:-20px 0; margin-right:5px;}
			#content_util li.icon_printer a {width:28px;background-position:-45px 0; margin-right:3px;}
			#content_util li.icon_jpg a {width:14px;background-position:-64px 0; margin-right:4px;}	
			#content_util li.icon_pdf a {width:15px;background-position:-82px 0; margin-right:4px;}	
			#content_util li.icon_rss a {width:15px;background-position:-101px 0; margin-right:4px;}
			#content_util li.icon_qr > a {width:17px;background-position: -120px 0;}
			

/* 111 */


	
	.panel {padding-top:20px; width:98%;}
	
	
	/*로그인신규*/
	.login_wrap{ background:url(/layout/images/www/sub/bg_login.gif) left top no-repeat; width:741px; height:350px; position:relative;}
	.login_body{ position:absolute; top:50px; left:285px;}
	.login_body .txt1{ font-size:17px; color:#543727; line-height:24px; letter-spacing:-0.5px;}
	.login_body .txt1 span{ color:#e8370d}
	.login_body .txt2{ margin-top:34px; letter-spacing:-1px; color:#676666; }
	.login_body label{ color:#543726; font-size:14px; font-weight:600; padding-right:10px;}
	.login_body input[type=checkbox]{}
	

#content_util {
    margin: 50px 0 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}
#content_util li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}
#content_util li > a {
    background: rgba(0, 0, 0, 0) url("/layout/images/www/sub/util_list.gif") no-repeat scroll 0 0;
    display: inline;
    float: left;
    height: 17px;
    line-height: 1;
    margin: 0;
    overflow: hidden;
    padding-right: 0;
    text-indent: -5000px;
	/*border:1px solid #CCCCCC ;*/
}
#content_util li.icon_fontplus a {
    background-position: 0 0;
    width: 20px;
}
#content_util li.icon_fontminus a {
    background-position: -20px 0;
    margin-right: 5px;
    width: 19px;
}
#content_util li.icon_printer a {
    background-position: -45px 0;
    margin-right: 3px;
    width: 28px;
}

/* path를 메뉴로 변경함 */
.path_box { position:relative; width:1280px; height:60px; bottom:-20px;margin: 0 auto;}
.path_box .inner { position:relative; max-width: 1280px; margin: 0 auto;}
/*.path_box .snb_wrap { position:absolute; bottom:0; left:0;}*/

.path > li {position: relative; display:inline-block; width:19%; height:60px; border-right:1px solid rgba(255,255,255,0.2); line-height:59px;font-size: 18px;background-color: rgba(0,51,153,0.8);}
.path > li > a {position: relative; display:block;height: 60px; color:#fff; padding:0 9px;transition:all 0.3s ease 0s;}
.path > li.on2 > a, .path > li.on > a, .path > li:hover > a { background-color:#fff; color:#039;}
.path > li:last-child {border-right:none }
.path > li.snb > a > span.icon {position: absolute; top: 50%; right: 30px; width:11px; height:7px; background: url("/layout/images/common/sub_sprite.png") repeat scroll; text-indent:-99999px; margin-top: -4px;}
.path > li.snb > a > span.open { background-position:-183px -33px;}
.path > li.snb > a > span.close { background-position:-204px -33px;}

.path li.snb ul { display:none; background-color:#475268; position:absolute; top: 59px; left: 0; width: 100%; z-index:10;}
.path li.snb:last-child ul{/*display: block;*/}
.path li.snb ul li { height:45px; line-height:45px; } 
.path li.snb ul a { display:block; color:#fff; padding:0 20px; border-top:1px solid #3a465f; transition:all 0.3s ease 0s; }
.path li.snb ul li:first-child a { border-top:none;}
.path li.snb ul li.on a { background-color:#3c5da2;}
.path li.snb ul li a:hover { background-color:#3c5da2;}


/*====contents_tools=====*/

.contents_tools {top:0; right:0; margin: 0; padding: 0; position: absolute; text-align:left;}
.contents_tools > ul > li { float:left; display:block; padding: 0; border-right:1px solid rgba(255,255,255,.2); width:59px; height:59px }
.contents_tools > ul > li:first-child { border-left:1px solid rgba(255,255,255,.2);}
.contents_tools > ul > li:nth-child(2n) {border-right:0;}

.contents_tools > ul > li > a { display:block; width:59px; height:59px; text-indent: -5000px; background: url("/layout/images/common/sub_sprite.png") no-repeat scroll;  transition:all 0.3s ease 0s;}
.contents_tools > ul > li:hover > a { background: rgba(0,0,0,0.6) url("/layout/images/common/sub_sprite.png") no-repeat scroll;}

.contents_tools .tools_box {width:201px; position:absolute; z-index:2; right:0; top:60px; padding:25px 20px 30px; font-size:13px; background-color: #fff; border:1px solid #e4e4e4; margin:0; display: none;}
.contents_tools .qr_area { padding-bottom:0; width:211px;}
.contents_tools > ul > li.icon_view_option > a { background-position:-5px -104px;}
.contents_tools > ul > li.share > a {background-position:-179px -104px;}
.contents_tools > ul > li.download > a {background-position:-62px -105px;}
.contents_tools > ul > li.icon_qr > a {background-position:-120px -104px;}

/*닫기버튼*/
.contents_tools li div .opt_cl, .contents_tools > ul > li > ul > li.close
{ cursor: pointer; width:29px; height:29px; position:absolute; top:10px; right:10px; padding:0; margin:0; background-color:#4264a3;; border-radius:23px;}
.contents_tools > ul > li > ul > li.close a, .contents_tools li div .opt_cl .opt_close
{ display:block; text-indent:-9999px; width:29px; height:29px; background: url("/layout/images/common/sub_sprite.png") no-repeat scroll -1056px -458px;}

/*폰트사이즈,줄간격 공통*/
.contents_tools .opt_line2 { margin-top:15px;}
.contents_tools .opt_box .opt_sl .opt_btn.select { padding:5px 2px;  border: 2px solid #3a3a3a;}
.contents_tools .opt_btn > a { background: url("/layout/images/common/sub_sprite.png") no-repeat scroll;  text-indent: -99999px; }
.contents_tools .opt_font_normal a { background-position: -1065px -116px;}
.contents_tools .opt_font_big a { background-position: -1065px -93px;}

.contents_tools .opt_font_normal.select a { background-position: -1066px -116px;}
.contents_tools .opt_font_big.select a { background-position: -1066px -93px;}

.contents_tools .opt_lineh_small a { background-position:-1058px -54px  }
.contents_tools .opt_lineh_normal a { background-position:-1058px -32px }
.contents_tools .opt_lineh_wide a { background-position:-1058px -12px }

.contents_tools .opt_lineh_small.select a { background-position:-1059px -54px  }
.contents_tools .opt_lineh_normal.select a { background-position:-1059px -32px }
.contents_tools .opt_lineh_wide.select a { background-position:-1059px -12px }

.contents_tools .opt_box .opt_lb { margin: 8px 0; font-size: 15px; }
.contents_tools .opt_box .opt_sl { display: inline-block; list-style: outside none none; padding: 0; position: relative; text-decoration: none; vertical-align: middle; }
.contents_tools .opt_box .opt_sl .opt_btn { border: 1px solid #d2d2d2; box-sizing: border-box; display: inline-block; float: left; margin-right: 4px; padding: 6px 2px; position: relative; width: 43px; }
.contents_tools .opt_box .opt_sl .opt_btn a { color: #444; cursor: pointer; display: block; font-size: 12px; font-weight: 600; height: 20px; text-align: center; text-transform: uppercase; vertical-align: middle; width: 39px; line-height:20px; }

/*공유*/
.contents_tools .share ul li { float: none; padding: 5px 0 3px; }
.contents_tools .share li.sns a { background: url("/layout/images/common/sub_sprite.png") no-repeat scroll 0 0; display: block; height:24px; line-height:24px; margin: 0; overflow: hidden; padding-left: 30px; }
.contents_tools .share li.fa a { background-position: -1063px -192px; }
.contents_tools .share li.tw a { background-position: -1063px -219px; }
.contents_tools .share li.bd a { background-position: -1063px -246px; }
.contents_tools .share li.ks a { background-position: -1063px -273px; }

/*다운로드*/
.contents_tools .download ul li { float: none; padding: 4px 0 2px; }
.contents_tools .download li a { background: url("/layout/images/common/sub_sprite.png") no-repeat scroll 0 0; display: block; height: 25px; line-height:25px; margin: 0; overflow: hidden; padding-left: 30px; font-size: 15px;}
.contents_tools .download li.icon_printer a { background-position: -1063px -311px;}
.contents_tools .download li.icon_jpg a { background-position: -1063px -339px;}
.contents_tools .download li.icon_pdf a { background-position: -1063px -367px; }
.contents_tools .download li.icon_rss a { background-position: -1063px -394px; }
.contents_tools .download li.icon_rss.atom a { background-position: -1063px -422px; }
.contents_tools .download ul li.close a {padding-left:0}

/*qr*/
.contents_tools .qr_area { z-index: 100; }
.contents_tools .st_qr p.tit { left: 10px; margin: 0; padding: 0; position: absolute; top: 5px; }
.contents_tools .st_qr .ly_thumb { float: left; margin: 37px 0 0; padding: 0; }
.contents_tools .st_qr .ly_p_dsc { color: #000; left: 42px; line-height: 149%; overflow: hidden; position: absolute; text-align: left; top: 32px; width: 181px; font-size: 14px;}
.contents_tools .st_qr img { text-align:center; margin:55px 0 0 -15px; width:262px;}


/*서브 주문*/
.order_quick { margin-left:7px; margin-top:7px; height: 84px;}
.order_quick li{width:45%;border:1px solid #d2d2d2;float:left; text-align:center; border-radius:5px; margin-right:7px;}
.order_quick li:nth-child(2){ margin-right:0px;}
.order_quick li span{ display:block; width:100%; height:50px;}
.order_quick li .quick01{ background: url("/layout/images/www/sub/order_off.png") 19px 6px no-repeat;}
.order_quick li .quick02{ background: url("/layout/images/www/sub/order_off.png") 19px -149px no-repeat;}
.order_quick li a{ display:block; padding-bottom:7px;}
.order_quick li a:hover{ background-color:#cc6633;color:#fff; transition-duration:0.2s;  border-radius:5px; }
.order_quick li a:hover .quick01{ background: url("/layout/images/www/sub/order_on.png") 19px 6px no-repeat !important;}
.order_quick li a:hover .quick02{ background: url("/layout/images/www/sub/order_on.png") 19px -149px no-repeat !important;}

/*서브 문의*/
.qna {margin-left:7px;margin-top:7px;display:block;}
.qna a{border:1px solid #737373;background: #afaeae;text-align:center;border-radius:5px;margin-right:7px;color:#fff; display: block; padding: 10px 0;}

.rd{color:#da1515;}