/* basic css */



html{overflow-x:hidden; margin: 0px; padding: 0px; -webkit-text-size-adjust: none;}

body {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none; 
}
p {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none;
}
h1 {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none;
}
h2 {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none;
}
h3 {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none;
}
h4 {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none;
}
h5 {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none;
}
h6 {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none;
}
ul {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none; line-height:180%;
}
ol {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none;
}
li {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none; line-height:180%;
}
dl {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none;
}
dt {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none;
}
dd {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none;
}
table {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none;
}
th {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none;
}
td {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none;
}
form {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none;
}
fieldset {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none;
}
legend {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none;
}
input {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none;
}
textarea {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none;
}
button {
	margin: 0px; padding: 0px; -webkit-text-size-adjust: none;
}
body {
	 font-family: "³ª´®°íµñ",NanumGothic,"±¼¸²",Gulim,Helvetica,AppleGothic,Sans-serif;
}
input {
	 font-family: "³ª´®°íµñ",NanumGothic,"±¼¸²",Gulim,Helvetica,AppleGothic,Sans-serif;
}
textarea {
	 font-family: "³ª´®°íµñ",NanumGothic,"±¼¸²",Gulim,Helvetica,AppleGothic,Sans-serif;
}
select {
	 font-family: "³ª´®°íµñ",NanumGothic,"±¼¸²",Gulim,Helvetica,AppleGothic,Sans-serif;
}
table {
	font-family: "³ª´®°íµñ",NanumGothic,"±¼¸²",Gulim,Helvetica,AppleGothic,Sans-serif;
}
button {
	 font-family: "³ª´®°íµñ",NanumGothic,"±¼¸²",Gulim,Helvetica,AppleGothic,Sans-serif; 
}
body {
	color: rgb(85, 85, 85); position: relative; -ms-word-break: break-all; -ms-word-wrap: break-word;
}
table {
	border-collapse: collapse;
}
img {
	border: 0px currentColor;
}
fieldset {
	border: 0px currentColor;
}
ul {
	list-style: none;
}
ol {
	list-style: none;
}
a {
	color: rgb(0, 0, 0); text-decoration: none; cursor: pointer;
}
em {
	font-style: normal;
}
address {
	font-style: normal;
}
hr {
	display: none !important;
}


/* font */

@media only screen and (min-width : 321px){
		body{width:800px;height:100%;font-size:100%}
	}
	/* °¶·°½Ã S2 ¼¼·Îº¸±â */
	@media only screen and (min-width : 320px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1.5){
		body{width:100%;height:100%;font-size:75%;}
	}
	 /* iPhone 4 ¼¼·Îº¸±â */
	@media only screen and (min-width : 320px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2){
		body{width:100%;height:100%;font-size:75%}
	} 
		 /* ¾ÆÀÌÆÐµå ¼¼·Îº¸±â */
	@media only screen and (min-width : 768px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2){
		body{width:100%;height:100%;font-size:140%}
	} 
	/* °¶·°½Ã S2 °¡·Îº¸±â */
	@media only screen and (min-width : 533px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1.5){
		body{width:100%;height:100%;font-size:125%}
	} 
	/* iPhone 4 °¡·Îº¸±â */
	@media only screen and (min-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2){
		body{width:100%;height:100%;font-size:112.5%}
	}
	/* ¾ÆÀÌÆÐµå °¡·Îº¸±â */
	@media only screen and (min-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2){
		body{width:100%;height:100%;font-size:160%}
	}
	/* Desktops and laptops ----------- */
	@media only screen and (min-width : 1224px) {
        body{width:100%;height:100%;font-size:250%;}
    }
	
	/* Large screens ----------- */
	@media only screen and (min-width : 1824px) {
         body{width:100%; height:100%; font-size:350%; }
	}


/*ž¸Þ´º*/

#m_top {width:98%; margin:2%; 2%; }
#m_top ul.m_logo{width:50%; float:left; width:45%;}
#m_top ul.m_icon{float:right; padding-bottom:7%; width:30%; }
#m_top ul.m_icon li  {float:left; padding-left:1%; width:31%;}


/*¸ÞÀÎ*/

.content_wrap{ width:100%; }
.main {width:100%;}
/* ¸ÞÀθ޴º */
ul.m_btn {position:relative; }
ul.m_btn li {float:left; list-style:none; display:inline; width:100%;}
ul.m_btn li a img{ float:left; margin:0; padding:0; }







/*¸Þ´º text*/
.m_text{width:100%; text-align:center; color:#3d72d9; font-weight:bold; font-size:80%; margin-top:0.1%; margin-bottom:0.1%;  }


/*»ó´Ü ·Î°í ¹× ·Î±×ÀÎ ºÎºÐ*/
.top_a_area {clear:both; margin:0 auto; float:left;  z-index:1000; width:100%; background:#17675f repeat-x 0 0; background-size:cover;}
.top_a_area:after { content:""; clear:both; display:inline;}
.top_a_area .top_menu_area{float:left; display:inline;  width:100%; }

    #topMenu { z-index:100; position:relative; display:inline; width:100%;  }

    #topMenu li {float:left;  padding:0; margin:0; }
	#topMenu li img{float:left;  padding:0; margin:0;  }


/* copy */
.copy{clear:both; background:#efefef;  background-size:cover; padding:1.5% 0 1% 0;text-align:center; font-size:90%; color:#000;  overflow:hidden;}
.copy li{display:inline; margin:2%; float:center; }
.copy a{color:#000; font-family:¸¼Àº °íµñ; }

/* ǪÅÍ ¿µ¿ª */
footer{float:left; width:100%; background-color:#e6e8e8; font-family:¸¼Àº °íµñ;}
address{font-size:90%;  line-height:150%; color:#363636; padding-top:4%; text-align:center;}
address b {color:#000;}
address span {font-weight:bold; color:#363636;}




/*¼­ºê¸Þ´º*/


ul.sub_mn {clear:both; padding:0; margin:0; padding:2% 0 3% 3%; font-family:¸¼Àº °íµñ;}
ul.sub_mn li {display:inline; padding:3% 0 0% 2%; font-size:90%;  }
ul.sub_mn li a {display:inline; padding:2% 0 1% 0%; margin:0; text-decoration:none; font-weight:bold; }
ul.sub_mn li a:link { color:#555555 !important;}
ul.sub_mn li a:visited {color:#555555 !important;}
ul.sub_mn li a:hover {color:#0c2747 !important; text-decoration:none;}
ul.sub_mn li a.select {color:#0c2747 !important; text-decoration:none;  font-size:110%;}

ul.sub_mn li ul {padding:0 !important;  !important; margin:0 0 0 10px !important; width:185px;}
ul.sub_mn li ul li {min-height:7px;_height:7px !important; font-size:100%; }
ul.sub_mn li ul li a { padding:2px 0 0px 25px !important; margin:0 min-height:5px !important;_height:5px !important; color:#858585 !important; 
							font-weight:normal !important; letter-spacing:-0.1em !imporant; background:none !important;}
ul.sub_mn li ul li a:hover { min-height:normal !important; font-weight:bold !important; background:none !important; color:#748f0f !important;}
ul.sub_mn li ul li a.select { background:none !important; font-weight:bold !important; color:#748f0f !important;}

/*¼­ºê ³»¿ë*/
.title {margin-left:2%; margin-top:4%; font-size:160%; font-family:¸¼Àº °íµñ;}
.title1{color:#004fc6; font-weight:bold; font-size:100%; margin-left:5%; line-height:150%; margin-top:3%;}
.title2{color:#004fc6; font-weight:bold; font-size:100%; line-height:150%; margin-top:3%;}
.title1_01{ font-weight:bold; font-size:100%; margin-left:5%; line-height:150%; margin-top:3%;}
.text1{margin-top:3%; margin-left:5%; margin-right:5%;line-height:130%; font-size:90%; }
.text2{margin-top:3%; margin-left:4.5%; margin-right:5%;line-height:130%; font-size:90%; }
.text3{margin:0; line-height:130%; font-size:110%; font-weight:bold; }


/* ȸ»ç°³¿ä */
.m_title img { clear:both; width:35%; margin-left:2%;}
table.m_tb01 {width:98%; border:1px solid #000; margin:0px auto; border-collapse:collapse; font-size:100%; font-family:¸¼Àº °íµñ;}
table.m_tb01 tr th {background:#f2f2f2; border:1px solid #000; color:#000; font-weight:bold; text-align:center; }
table.m_tb01 tr td { border:1px solid #000;font-size:100%; vertical-align:middle; padding:1% 0 1% 2%; }

table.m_tb02 {width:100%; margin:0px auto; }

table.m_tb02 tr td {width:33%; padding:0 0 2% 2%;}


.in_box {float:left; margin-left:2%;}

/* ½ÇÀûÇöȲ */
.history {width:88%; margin-left:5%; font-family:¸¼Àº °íµñ;}
.history h4 {color:#e34f4f; font-weight:bold; font-size:130%; text-decoration:underline;}
.history p{color:#686868; line-height:140%; margin-top:1.5%;}