@charset "euc-kr";
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');

/* CSS Document */

img {border:0px;}
body {background-color:#FFFFFF; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; font-family: 'NotoSansKR'; font-size: 11px;}

.mainbg {
        background-position: center top;
	background-image: url(../images/mainbg.jpg);
	background-repeat: no-repeat;
}


.subbg {
        background-position: center top;
	background-image: url(../images/subbg.jpg);
	background-repeat: no-repeat;
}


/* ����  filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; */
.copy {
	background-color:#232323;
	height:80px;
}
.copyaddress {
	color:#cccccc;
	font-size:11px;
}
.line {

	height:1px;
}

/* ���� */
.line01 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #898989;
}
.line02 {
	background-color:#666666;
	height:1px;
}
.line03 {
	background-color:#666666;
	height:2px;
}
.subtitle {
	color:#939393;
	font-size:11px;
	letter-spacing:-1px;
	padding-top:10px;
	padding-bottom:10px;
	font-family: 'NotoSansKR';
}
#tonavi {
	color:#939393;
	font-size:11px;
	padding-left:10px;
	font-family: 'NotoSansKR';
	text-decoration:none;
}

#tonavi a{
	color:#939393;
	font-size:11px;
	padding-left:10px;
	font-family: malgun gothic, dotum, sans-serif;
	text-decoration:none;
}
#topmenus{background-color:#ffffff; color:#232323; font-size:14px; font-weight:bold; padding-left:10px; font-family: 'NotoSansKR'; text-decoration:none; line-height:33px; vertical-align:middle;}
#topmenus a{background-color:#ffffff; color:#232323; font-size:14px; font-weight:bold; padding-left:10px; font-family: 'NotoSansKR'; text-decoration:none; line-height:33px; vertical-align:middle;}
#topmenus a:hover{background-color:#ffffff; color:#ebebeb; font-size:14px; font-weight:bold; padding-left:10px; font-family: 'NotoSansKR'; text-decoration:none; line-height:33px; vertical-align:middle;}
.titlenavi {
	color:#939393;
	font-size:11px;
	font-family: 'NotoSansKR';
}

.titlenavi2 {
	color:#939393;
	font-size:11px;
	font-family: 'NotoSansKR';
	letter-spacing:-1px;
	padding-left:10px;
}

.bannertitle { font-size:15px; color:#333333; text-align:left; font-family: malgun gothic, dotum, sans-serif; letter-spacing:-1px;text-decoration:none; font-weight:bold;}

.title { font-size:20px; color:#ffffff; text-align:left; font-family: 'NotoSansKR'; letter-spacing:-2px;text-decoration:none;}
.title2 { font-size:20px; color:#333333; text-align:left; font-family: 'NotoSansKR'; letter-spacing:-2px; line-height:40px; font-weight:bold;text-decoration:none;}
.bigtitle {font-family: 'NotoSansKR'; font-size:20px; color:#ffffff; text-align:left; letter-spacing:-1px; text-decoration:none;}


/*topmenu*/
#t_menu {color:#a7a7a7; font-size:15px; font-family: 'NotoSansKR'; text-decoration:none; line-height:25px; font-weight:600;}
#t_menu a {color:#a7a7a7; font-size:15px; font-family: 'NotoSansKR'; text-decoration:none; line-height:25px; font-weight:600;}
#t_menu a:hover {color:#f4f4f4; font-size:15px; font-family: 'NotoSansKR'; text-decoration:none; line-height:25px; font-weight:600;}

/*topmenu end*/


/* submenu���� */
#menu_sub a{
	background-image:url(../images/leftmenubg_off.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0px 0px 2px 20px; /* ����� padding�� �������� top right bottom left */
	color:#000000; /* ���ڻ� */
	font-family: 'NotoSansKR'; font-size: 11px;
	text-decoration:none;
	line-height:27px;
	width:176px;
	font-weight:800;
	float:left;
}

#menu_sub a:hover{
	background-image:url(../images/leftmenubg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	font-family: 'NotoSansKR'; font-size: 11px;
	color:#ffffff; /* ��Ʈ ���� */
	width:176px;
	padding:0px 0px 2px 20px;
	line-height:27px;
	font-weight:800;
	float:left;
}


#page0101 #menu_sub a.menu1, #page0102 #menu_sub a.menu1_2, #page0103 #menu_sub a.menu1_3, #page0104 #menu_sub a.menu1_4, #page0105 #menu_sub a.menu1_5,
#page0201 #menu_sub a.menu2, #page0202 #menu_sub a.menu2_2, #page0203 #menu_sub a.menu2_3, #page0204 #menu_sub a.menu2_4, #page0205 #menu_sub a.menu2_5,
#page0301 #menu_sub a.menu3, #page0302 #menu_sub a.menu3_2, #page0303 #menu_sub a.menu3_3, #page0304 #menu_sub a.menu3_4, #page0305 #menu_sub a.menu3_5,
#page0401 #menu_sub a.menu4, #page0402 #menu_sub a.menu4_2, #page0403 #menu_sub a.menu4_3, #page0404 #menu_sub a.menu4_4, #page0405 #menu_sub a.menu4_5,
#page0501 #menu_sub a.menu5, #page0502 #menu_sub a.menu5_2, #page0503 #menu_sub a.menu5_3, #page0504 #menu_sub a.menu5_4, #page0505 #menu_sub a.menu5_5,
#page0601 #menu_sub a.menu6, #page0602 #menu_sub a.menu6_2, #page0603 #menu_sub a.menu6_3, #page0604 #menu_sub a.menu6_4, #page0605 #menu_sub a.menu6_5{
	background-image:url(../images/leftmenubg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	font-family: 'NotoSansKR'; font-size: 11px;
	color:#ffffff; /* ��Ʈ ���� */
	width:176px;
	padding:0px 0px 2px 20px;
	line-height:27px;
	font-weight:800;
	float:left;
}

/* submenu�� */

/*copymenu*/
#copymenu a{
	padding:0px 0px 0px 0px; /* ����� padding�� �������� top right bottom left */
	color:#ffffff; /* ���ڻ� */
	font-family: 'NotoSansKR'; font-size: 11px;
	text-decoration:none;
	line-height:18px;
	font-weight:800;
	float:left;
}

/* copymenu�� */

/*main*/
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,blockquote,button{margin:0;padding:0;-webkit-text-size-adjust:none}

table {border-collapse:collapse; border-spacing:0;}
img,fieldset {border:0;}
img,input,select,textarea{vertical-align:top;}

.section-title {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 14px;
    box-sizing: border-box;
}


/* 번호 */
.title-number {
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #999;
    margin-right: 17px;
    padding-top: 3px;
}


/* 제목 */
.title-text {
    flex-shrink: 0;
}

.title-text span {
    display: block;
    margin-bottom: 3px;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #999;
}

.title-text h2 {
    margin: 0;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: -0.8px;
    line-height: 1.2;
    color: #232323;
}


/* 제목 오른쪽 선 */
.title-line {
    height: 1px;
    flex: 1;
    margin-left: 25px;
    background: #dedede;
}



/*
#visual {width:100%; position:relative; border-bottom:1px solid #333; margin:-0px auto 30px auto;}
#slider li {position:absolute; top:0;}
#slider li img {width:100%; height:auto; min-width:960px;}
#visual .bx-wrapper .bx-pager {width:80%; position:absolute; z-index:1; bottom:0;}


#visual .bx-wrapper .bx-prev {left:50%; margin-left:-280px; background: url('../images/controls.png') no-repeat 0 -32px;}
#visual .bx-wrapper .bx-next {right:50%; margin-right:-280px; background: url('../images/controls.png') no-repeat -43px -32px;}
#visual .bx-wrapper .bx-prev:hover {background-position: 0 0;}
#visual .bx-wrapper .bx-next:hover {background-position: -43px 0;}
#visual .bx-controls-direction a {position:absolute; outline:0; bottom:62px; width:32px; height:32px; text-indent:-9999px; z-index:101;}
#visual .bx-wrapper .bx-controls-direction a.disabled {display: none;}
#visual ul#slider-pager {width:100%; display:inline-block; position:absolute; bottom:50px; padding:0; text-align:center; zoom:1; *display:inline; z-index:100;}
#visual ul#slider-pager li {display:inline-block; width:86px; height:46px; overflow:hidden; margin:0; zoom:1; *display:inline; margin:0 2px;}
#visual ul#slider-pager li img {width:80px;height:40px!important; border:3px solid #000; opacity:.3; -ms-filter:"alpha(opacity=30)"; filter:alpha(opacity=30);}
#visual ul#slider-pager a.active img,
#visual ul#slider-pager li img:hover {border-color:#fff; cursor:pointer; opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100);}

	.visual-main {_height:451px;}
	.visual-main #slider li img {_height:451px;}
	.visual-sub {_height:350px;}
	.visual-sub #slider li img {_height:350px;}
 */





/*main*/
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,blockquote,button{margin:0;padding:0;-webkit-text-size-adjust:none}

table {border-collapse:collapse; border-spacing:0;}
img,fieldset {border:0;}
img,input,select,textarea{vertical-align:top;}



/* Visual */
#visual {width:100%; position:relative; margin:-0px auto 30px auto;}
#slider li {position:absolute; top:0;}
#slider li img {width:100%; height:280px; min-width:1000px;}
#visual .bx-wrapper .bx-pager {width:80%; position:absolute; z-index:1; bottom:0;}

/* DIRECTION CONTROLS (NEXT / PREV) */

#visual .bx-controls-direction a {position:relative; outline:0; bottom:62px; width:32px; height:32px; text-indent:-9999px; z-index:1;}
#visual .bx-wrapper .bx-controls-direction a.disabled {display: none;}
#visual ul#slider-pager {width:100%; display:inline-block; position:absolute; bottom:10px; padding:0; text-align:center; zoom:1; *display:inline; z-index:100;}
#visual ul#slider-pager li {display:inline-block; width:86px; height:46px; overflow:hidden; margin:0; zoom:1; *display:inline; margin:0 2px;}
#visual ul#slider-pager li img {width:80px;height:40px!important; border:3px solid #000; opacity:.3; -ms-filter:"alpha(opacity=30)"; filter:alpha(opacity=30);}
#visual ul#slider-pager a.active img,
#visual ul#slider-pager li img:hover {border-color:#fff; cursor:pointer; opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100);}

.bn-title{font-size:22px; font-weight: 500; letter-spacing: -0.5px; color:#232323; margin-bottom:15px; text-align:center;}

.interior-title {
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 260px;
    height: 48px;
    padding: 0 35px;
    background: rgba(35, 35, 35, 0.94);
    color: #fff;

    box-sizing: border-box;
}


/* ------------------- visual-ie6 ------------------- */
	.visual-main {_height:10px;}

/* ------------------- visual-ie6 ------------------- */

/**/
.normal *{margin:0; padding:0; list-style:none; text-decoration:none;}
.normal{font-size:16px; line-height:150%; color:#555; word-spacing:-1px;}

/* sub0101 */
.sub0101 h2{font-size:20px; font-weight: 400; color: #777; letter-spacing: -0.3px; margin-bottom:60px;}
.sub0101 h2 b{display:block; font-size: 48px; font-weight: 700; letter-spacing: -2px; line-height: 1.1; color:#232323; margin-bottom:10px;}
.sub0101 h3{color:#232323; margin-bottom:25px;}
.sub0101 h3 b{font-size: 13px; font-weight: 600; letter-spacing: 1px; float:left; display:block; padding-top:7px;}
.sub0101 h3 span{font-size: 28px; font-weight: 600; letter-spacing: -1px; display:block; margin-left:30px; line-height:130%;}
.sub0101 figure{font-size: 16px; font-weight: 400; color: #444; line-height: 2; letter-spacing: -0.5px; word-break: keep-all; padding-left:30px; margin-bottom: 75px; padding-bottom: 55px; border-bottom: 1px solid #232323;}
.sub0101 figure p{height:1px; background:#dfdfdf; margin:40px 0px;}
.sub0101 figure div{font-size: 15px; color: #777;}
.sub0101 .address-box{display: flex; align-items: center; justify-content: space-between; padding: 28px 30px; background: #f7f7f7; box-sizing: border-box; margin-bottom:10px;}
.sub0101 .address-text {margin: 0; font-size: 16px; line-height: 1.7; color: #333; letter-spacing: -0.4px; word-break: keep-all;}
.sub0101 .address-icon {flex-shrink: 0; width: 42px; height: 42px; margin-left: 20px; border: 1px solid #232323; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: Arial, sans-serif; font-size: 17px; color: #232323;}