@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
img {border:0px;}
*{font-family: 'Pretendard-Regular' !important;}
body {background-color:#231815; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; font-family:Nanum Gothic, sans-serif; font-size: 11px;}


.topbg {
        /*background-position: center top;
	background-image: url(../images/topbg.gif);
	background-repeat: repeat-x;*/
}


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

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


.copy {
	background-color:#333;
	height:80px;
}
.copyaddress {
	color:#dfdfdf;
	font-size:11px;
}
.copyaddress2 {
	color:#505050;
	font-size:11px;
}

.titlenavi {
	color:#939393;
	font-size:10px;
	font-family: Nanum Gothic, dotum, sans-serif;
}

.titlenavi2 {
	color:#939393;
	font-size:11px;
	font-family: Nanum Gothic, dotum, sans-serif;
	letter-spacing:-1px;
	padding-left:10px;
}

#tonavi{color:#fff; font-size:10px; text-decoration:none; padding-right:10px;}
#tonavi a{color:#fff; font-size:10px; text-decoration:none; padding-right:10px;}

.title { font-size:20px; color:#333333; text-align:left; font-family: Nanum Gothic, dotum, sans-serif; letter-spacing:-2px;text-decoration:none; font-weight:bold;}
.title2 { font-size:20px; color:#333333; text-align:left; font-family: batang, sans-serif; letter-spacing:-2px; line-height:40px; font-weight:bold;text-decoration:none;}
.bigtitle {font-family: Nanum Gothic, dotum, sans-serif; font-size:20px; color:#ffffff; letter-spacing:-1px; text-decoration:none; font-weight:bold; }


#topmenu{font-size:12px; text-decoration:none; color:#dedede; font-weight:bold;}
#dog a{font-size:12px; text-decoration:none; color:#ffffff; line-height:18px;}
#dog a:hover{font-size:12px;  color:#000; line-height:18px;}


#micon{width:55px; height:53; filter:none; opacity:none; -moz-opacity:none;}
#micon:hover{width:55px; height:53; filter:alpha(opacity=10); opacity:0.1; -moz-opacity:0.1;}

.mtext{font-family:'Nanum Square';}
.mtext h2{color:#d49a2f; font-size:24px; letter-spacing:10px;}
.mtext h2 span{display:block; color:#565656; font-size:20px; font-weight:normal; letter-spacing: 2;}
.mtext h3{font-size:28px; font-weight:normal; color:#fff; margin:30px 0px;}
.mtext h3 span{display:block; text-align:right; padding-right:28px; color:#ffc000; font-size:28px; margin-top:10px; font-weight:500; line-height: 140%;}


/* submenu���� */
#menu_sub a{
	padding:0px 0px 2px 0px; /* ����� padding�� �������� top right bottom left */
	color:#ffffff; /* ���ڻ� */
	font-family:Nanum Gothic, sans-serif; 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:Nanum Gothic, sans-serif; font-size: 11px;
	color:#000; /* ��Ʈ ���� */
	width:176px;
	padding:0px 0px 2px 0px;
	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{
	background-image:url(../images/leftmenubg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	font-family:Nanum Gothic, sans-serif; font-size: 11px;
	color:#000; /* ��Ʈ ���� */
	width:176px;
	padding:0px 0px 2px 0px;
	line-height:27px;
	font-weight:800;
	float:left;
}

/* submenu�� */

/* 공통 */
.normal *{margin:0; padding:0; list-style:none; text-decoration:none;}
.normal{font-size:15px; line-height:150%; color:#555; word-spacing:-1px;}
.s_text01 {
    font-family: 'Nanum Square';
    font-size: 23px;
    color: #333;
    font-weight: normal;
    letter-spacing: 0;
    text-align: left;
}
.s_text02{font-weight:normal; font-size:16px; color:#333; margin:10px 0px 40px 0px;}
.sp20{height:20px;}

/* sub0101 */
.sub0101{padding:10px 0px 10px 320px; text-align:justify; background:url(../images/sub0101.jpg) left center no-repeat;}
.sub0101 h4{font-weight:normal; color:#333; margin-top:30px; font-size:19px;}
.sub0101 h4 b{display:block; margin-top:5px;}
.sub0101 > b {
    color: #000;
    font-weight: normal;
}

/* sub0102 */
.sub0102 li{background:#f8f8f8; margin-top:10px;}
.sub0102 li span{display:inline-block; background:#1c293a; color:#fff; padding:10px 30px; margin-right:30px;}


/* sub0103 */
.sub0103{background:url(../images/sub0103.jpg) right top -50px no-repeat;}
.sub0103 h4{font-size:25px; color:#333; font-family:'Nanum Square'; text-transform:uppercase;}
.sub0103 ul{margin-bottom:20px;}
.sub0103 li{margin-top:10px;}
.sub0103 li b{display:inline-block; margin-right:15px; color:#333;}
.sub0103 center{height:350px; background:#333;}

/* sub0201 */
.sub0201{padding-left:222px; background:url(../images/sub0201.jpg) left top no-repeat; padding-bottom: 20px;}
.sub0201_1{padding-left: 0;}
.sub0201_1 ul{padding-left: 0;}
.sub0201 h3{margin-bottom:30px; font-size:19px; color:#333; padding-top:10px;}
.sub0201 h3 b{display:block; font-size:50px; color:#cfa22b; margin-bottom:20px;}
.sub0201 h4{font-size:19px; margin-bottom:15px; color:#cfa22b;}
.sub0201 h5{color:#333; font-size:16px; font-weight: normal;}
.sub0201 ul{margin-bottom:50px;}
.sub0201 li {
    margin-bottom: 10px;
    background: url(../images/sub_dot01.jpg) left top 6px no-repeat;
    padding-left: 12px;
    text-align: justify;
    list-style: none;
    font-size: 15px;
}

/* sub0301 */
.sub0301 center{border:1px solid #dfdfdf; margin-bottom:20px; padding:30px 0px; border-radius:3px;}
.sub0301 h4{background:#cfa22b; color:#fff; padding:10px 15px; font-size:19px; border-radius:3px; margin-bottom:5px;}
.sub0301 ul{margin-bottom:70px; background:#f8f8f8; border-radius:3px; padding:15px 15px 5px 15px;}
.sub0301 li{margin-bottom:10px; background:url(../images/sub_dot01.jpg) left top 9px no-repeat; padding-left:12px; text-align:justify;}

/* sub0401 */
.sub0401 center{margin-bottom:30px;}
.sub0401 figure{margin-bottom:60px;}
.sub0401 h3{float:left; border-top:2px solid #cfa22b; width:200px; font-size:19px; color:#cfa22b; padding-top:5px;}
.sub0401 div{margin-left:210px; border-top:2px solid #dfdfdf; padding-top:10px; text-align:justify;}
.sub0401 ul{margin-left:210px; border-top:2px solid #dfdfdf; padding-top:10px;}
.sub0401 li{text-align:center; float:left; width:32%;}
.sub0401 li:nth-child(2){margin:0px 2%;}
.sub0401 li a{display:block; margin-bottom:5px;}