/*

*/

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height: 1;}
ol, ul {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
li img {vertical-align:top;}



/* CSS Document */

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {

content: ".";              /* the period is placed on the page as the last thing before the div closes */

display: block;          /* inline elements don't respond to the clear property */ 

height: 0;                  /* ensure the period is not visible */

clear: both;               /* make the container clear the period */

visibility: hidden;      /* further ensures the period is not visible */

}


/* a.clearfix {display: inline-block;}    fix for IE Mac */

 

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */



/* default style line-height:140%;  font-family:¸¼Àº°íµñ, Dotum, Arial, Verdana, sans-serif;

body { background:#f2eeeb; margin:0; padding:0; color:#636363; font-size:15px; line-height:120%; letter-spacing: -0.02em; font-weight:normal;
font-family: 'Nanum Barun Gothic', 'NanumBarunGothic', '³ª´®¹Ù¸¥°íµñ','³ª´®°íµñ','Nanum Gothic','µ¸¿ò','±¼¸²',Dotum, Helvetica, AppleGothic, Arial, Verdana, sans-serif,'Nanum Myeongjo','NanumMyeongjo','³ª´®¸íÁ¶','nanumbrushscript','Nanum Brush Script','³ª´®ºê·¯½¬';}

 */
html { overflow:scroll; overflow-x:auto; height:100%; margin:0; padding:0;}
body { background:#f2eeeb; margin:0; padding:0; color:#636363; font-size:14px; line-height:120%; letter-spacing: -0.02em; font-weight:normal;
font-family: 'µ¸¿ò','±¼¸²',Dotum, Helvetica, AppleGothic, Arial, Verdana, sans-serif,'Nanum Myeongjo','NanumMyeongjo','³ª´®¸íÁ¶','nanumbrushscript','Nanum Brush Script','³ª´®ºê·¯½¬';}
td { margin:0; padding:0; border-collapse: collapse; border-spacing:0;  }
p{margin:0; padding:0;}
ol, ul, li{margin:0; padding:0; list-style:none;}
dl, dt, dd{margin:0; padding:0;}
a:link, a:visited{color:#555; text-decoration:none;}
a:hover, a:active, a:focus{color:#000; text-decoration:none; background:none;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight: normal; line-height:100%;}

/* table {border-collapse:collapse; border-spacing:0; border:0; line-height:1.8em;}
textarea{padding:10px; font-size:100%;}
.input_text {font-family:µ¸¿ò; font-size:9pt; color:#5E5E5E; margin-top:0; margin-bottom:0;  border: 1px solid #D0D0D0; padding-left:3; line-height:125%; height:20px;}
*/

fieldset{margin:0; padding:0; border:0;}
img{border:0; }
hr, legend{display:none;}

caption { visibility:hidden; text-align:left; height:0;}
.skip{position:absolute; top:0; left:-9000px; width:0; height:0; font-size:0; line-height:0;}
.blind {position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1; visibility:hidden;} 


/*.skip a{width:1px; height:1px; margin:-1px 0 0 -1px; line-height:0; font-size:0;}
.skip a:hover,
.skip a:active,
.skip a:focus{width:200px; height:50px; margin:0; line-height:1.2em; font-size:75%;}*/

.left { float:left;}
.right { float:right;}
.clear { clear:both;} 

.font_nanum {font-family: 'NanumGothicBold','³ª´®°íµñ';}
.font_dotum {font-family: 'DotumChe','µ¸¿ò';}
.font_brush { font-family:Nanum Brush Script; font-size:20px; color:#3d3c3c; letter-spacing:-1px; padding-bottom:7px;}
.fontfm_brush { font-size:26px; color:#000; text-align:center; letter-spacing:-1px; padding-bottom:7px;}
/*input, textarea { border:1px solid #d8d8d8;}*/

.color0 { color:#000; }
.color1 { color: #bd2542; }
.color2 { color: #dc445d; }
.color3 { color: #03862f; }
.color4 { color: #676fb4; }

.center_text { text-align:center;}
.left_text { text-align:left;}
.right_text { text-align:right;}

.fs_13 { font-size:13px;}


/* ------------------------°øÅë¸Þ´º-------------------------- */

#wrap { width:100%; min-width:320px; }

/* CONTENT STYLE
------------------------------------------------------------------------*/
.sub_category{ position:relative}
.sub_category a{color:#fff;}
/*a.sub_category_all{width: 27px;height: 27px;display:block;position:absolute;top:12px;left:194px;}*/
a.sub_category_all{width: 27px;height: 27px;display:block;position:absolute;top:12px;left:204px;}
.device {width:100%; position:relative; overflow:hidden;}
.deviceCont {position:relative;}


header { width:100%; background:#fff; }
header .inbutton_{background: #323232;background:-moz-linear-gradient(top, #323232 0%, #242424 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(100%,#242424));background: -webkit-linear-gradient(top, #323232 0%,#242424 100%); background: -o-linear-gradient(top, #323232 0%,#242424 100%); background: -ms-linear-gradient(top, #323232 0%,#242424 100%);/background: linear-gradient(to bottom, #323232 0%,#242424 100%);position:relative;-webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:0;-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:8px 8px 0 0;box-shadow: inset 0px 1px 0px #515151;border:#000 2px solid;}

header .inbutton h1 { width:120px; padding:5px 4px 5px 5px;}
header .inbutton h1 img{ width:100%; vertical-align:top;}

header .btn_home { display:none; position:absolute; top:20px; right:7px; }
header .btn_home img {width:40px;}


nav { border-top:5px solid #000; }
nav .menu {overflow:hidden; width:100%; position:relative; padding:4px 0 2px 0; text-align:center; }
nav .menu li { width:35%; display:inline-block; text-align:center; background:url("../img/gnb/gnb_top_line.gif") left center no-repeat;background-size:1px 8px; }
nav .menu li:last-child {width:27%;}
nav .menu li a { display:block; padding:7px 2px; color:#000; font-size:1.3em; font-weight:bold;}


/*-----------------------------   »çÀÌÆ®¸Ê Àüü¸Þ´º ------------------------------*/

header .all_menu_area{position:absolute; top:0.8em; right:5px; width:30px; } /* overflow:hidden; top:22px; left:15px; width:45px; height:34px*/
header .all_menu_area_:hover {width:360px; height:350px;}


.allm_btn {}
.allm_btn ul { overflow:hidden;}
.allm_btn ul li { float:right; display:block; height:49px; text-align:center; border-left:1px solid #d1d1d1; background:#fff; }

.allm_btn ul li:first-child { width:14%; background:#ccc; border:none;}
.allm_btn ul li .allm_close { padding-top:0.8em;} 
.allm_btn ul li a { display:block; padding-top:20px; padding-bottom:10px;} 

.allm_btn ul li img { height:22px;}



#pop_sitemap {}  /*css ¾È¸ÔÈû Á÷Á¢ ÀζóÀοä¼Ò·Î Áà¾ßÇÔ */
.allmenu_wrap { border-bottom:1px solid #cbcdcd; z-index:999999; }
ul.allmenu { width:100%; margin-bottom:0; background:#fff;}
ul.allmenu li { border-top:1px solid #cbcdcd; min-height:20px; }

ul.allmenu li .allm {background:url('../images/common/arr_off.png') no-repeat 92% 48%; background-size:18px; position:relative; display:block; padding:13px 0 12px 8%; font-size:18px; font-weight:bold; color:#000; }
ul.allmenu li .allm.on { color:#fff; background:url('../images/common/arr_on.png') no-repeat 90% 48% #BC1B3A; background-size:18px;}

ul.allmenu li .answer { display:none; padding:10px 4% 12px 9%; background:#f4f4f4;}
ul.allmenu li .answer ul li { border:none;}
ul.allmenu li .answer ul li > a { display:block; padding:4px 0 4px 14px; font-size:16px; background:url('../images/common/bl_one2.png') no-repeat 0 46%; background-size:8px; font-weight:900;}

ul.allmenu li .answer .ssm_nav { padding:6px 10px 12px 10px; }
ul.allmenu li .answer .ssm_nav a { font-size:14px; display:block; padding: 0 0 0 10px; background:url('../images/common/bl_arr03.gif') no-repeat 0 49%;}
.s_lnb_tit { font-weight:600; font-size:96%;}


.ellipsis{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}

.btn_top_area{display:block;
background: #323232;
background:-moz-linear-gradient(top, #323232 0%, #242424 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(100%,#242424));
background:-webkit-linear-gradient(top, #323232 0%,#242424 100%); 
background:-o-linear-gradient(top, #323232 0%,#242424 100%); 
background:-ms-linear-gradient(top, #323232 0%,#242424 100%);
/*background: linear-gradient(to bottom, #323232 0%,#242424 100%);*/
text-align:center;padding:10px 0}

.btn_top{width:49px;display:block;margin:0 auto}


.sidemenu{position:absolute;top:0;left:-202px; width:202px; height:100%; background:#1d1d1d; box-shadow:inset -5px 0px 15px #030303;}
.sidemenu > ul{width:174px;margin:0 auto;padding-bottom:15px;}
.sidemenu > ul > li{width:100%}
.side_depth01 > button{font-size:1.2em;color:#9ea6b0;background:url("../img/icon/icon_arrow_up.png") 150px 8px no-repeat;background-size:13px 7px;width:100%;text-align:left;font-weight:bold;border-bottom:#3a3f44 3px solid;padding:0 0 14px 5px;margin-top:30px}
.side_depth01.on > button{color:#f0f7ff;border-bottom:#2d62a8 3px solid;background:url("../img/icon/icon_arrow_down.png") 150px 8px no-repeat;background-size:13px 7px;}
.side_depth02{display:none;}
.side_depth02 li{background:url("../img/icon/icon_white_arrow_right.png") 155px 5px no-repeat;background-size:6px 9px;width:100%;height:100%;text-align:left;border-bottom:#292929 1px solid;padding:0 0 12px 5px;margin-top:12px;}
.side_depth02 li a{color:#517dba;}


/* header */

hgroup { text-align:center; background: url(../images/common/bg_head.jpg) repeat-x center 0; padding-right:60px;}
aside a{ color:#fff;}



.btn_top_home{ position:absolute; left:10px; top:5px; z-index:9000;}
.btn_top_sitemap { position:absolute; right:6px; top:8px; z-index:9000;}


/* footer */
.footer_side_area { padding:0 0 0 0;}
.call { position:relative; margin:17px auto 32px auto; max-width:770px; }
.call div { width:48%; text-align:center; line-height:100%; 
-webkit-border-top-left-radius:5px; 
-webkit-border-bottom-left-radius: 5px; 
-webkit-border-top-right-radius: 5px; 
-webkit-border-bottom-right-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px; 

overflow:hidden;}

.call div a { display:block; font-size:1.2em; font-weight:800; letter-spacing:-0.04em;}
.call .btn_tel { margin-left:1%; background: url('../images/common/bl_call.png') no-repeat 9% 46% #9b8243; background-size:20%; box-shadow:1px 1px 1px #7c6836;}
.call .btn_tel a { color:#fff; padding:25px 4px 25px 30px;}

.call .btn_sns {
	position:absolute;
	right:15px;
	top:0;
	background: url('../images/common/bl_talk.png') no-repeat 9% 46% #ffd568;
	background-size:20%;
	box-shadow:1px 1px 1px #ccaa53;
}
.call .btn_sns a {color:#3d3035; padding:25px 4px 25px 34px;}


/* footer { width:100%; height:125px; position:fixed; bottom:0; background: #a48d53; border-top:1px solid #563a89;} */
footer { width:100%; min-height:125px; background:#4d4d4d;}
footer a:link, footer a:visited { color:#bbb;}
#footer { clear:both; width:100%; text-align:center; padding:6px 0; }
.copy { color:#bbb; font-size:12px; padding:5px 5px 12px 5px; line-height:124%;}
#footer .f_menu { overflow:hidden;}
#footer .f_menu li { display:inline-block; width:22%; margin-left:1%; }
#footer .f_menu a {
					display:block;
					width:100%;
					height:33px;
					margin-bottom:7px;
					text-align:center;
					box-shadow:1px 1px 2px #342353;
					-webkit-border-radius:8px; /*¤Ð*/
					/*IE9+,FF4+,chrome,Safari5,+opera*/
					border-radius:4px;
					background:url('../images/common/bg_btn_gray.gif') repeat-x 0 0 #f0f0f2;																		
					}				
#footer .f_menu span { display:block; color:#5d5d5f; font-size:14px; padding-top:9px; font-weight:bold;}
#footer .f_menu .btn_top span { padding-right:14px; background:url('../images/common/top_arr.gif') no-repeat 90% 5px; }



/* pop_sitemap ¿Ã¸Þ´º */
#pop_sitemap_ { z-index:9999; position:absolute; width:100%; top:0; background-color:#666; padding:10px 0; text-align:center;}
#pop_sitemap .sitemap_list h2 { font-size:15px; font-weight:bold; border-bottom:1px dashed #ccc;}
#pop_sitemap .sitemap_list h2 a { display:block; padding:8px 12px 7px 13px; background:#fbf5ff; color:#7b53c4; text-align:center; box-shadow:inset 0 3px 5px #fff;}
#pop_sitemap .sitemap_list ul { padding:10px 0 8px 0; background:#666; box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.3);}
#pop_sitemap .sitemap_list ul li { border-top:1px solid #575757;}
#pop_sitemap .sitemap_list ul li:first-child { border:none;}
#pop_sitemap .sitemap_list ul li a {font-size:13px; display:block; padding:7px 0 5px 2px; color:#cdcdcd; }
#pop_sitemap .sitemap_list ul li a:hover { color:#eee; }

.btn_close a {cursor:pointer; text-align:center; display:block; width:60px; padding:7px 0 4px 0; font-size:13px; font-weight:bold; color:#eee;}




/* Talbet & Desktop */ 
@media all and (max-width:320px) { 
nav .menu li a { display:block; padding:6px 2px 6px 2px; color:#000; font-size:1.1em; font-weight:bold;}
}

/* Tablet */ 
@media all and (min-width:360px) and (max-width:1024px) { 
.section01 ul.section_ul li { width:23%;}
.article { max-width:800px; margin:0 auto; padding:50px 0; }

}
@media all and (min-width:768px) and (max-width:1024px) { }
/* Desktop */ 
@media all and (max-width:1025px) { 

}