
/*font*/
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 300;
	src: url('../../fonts/NotoSans-Light.eot');
	src: url('../../fonts/NotoSans-Light.woff2') format('woff2'), url('../../fonts/NotoSans-Light.woff') format('woff'), url('../../fonts/NotoSans-Light.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	src: url('../../fonts/NotoSans-Medium.eot');
	src: url('../../fonts/NotoSans-Regular.eot');
	src: url('../../fonts/NotoSans-Regular.woff2') format('woff2'), url('../../fonts/NotoSans-Regular.woff') format('woff'), url('../../fonts/NotoSans-Regular.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 500;
	src: url('../../fonts/NotoSans-Medium.eot');
	src: url('../../fonts/NotoSans-Medium.woff2') format('woff2'), url('../../fonts/NotoSans-Medium.woff') format('woff'), url('../../fonts/NotoSans-Medium.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	src: url('../../fonts/NotoSans-Bold.eot');
	src: url('../../fonts/NotoSans-Bold.woff2') format('woff2'), url('../../fonts/NotoSans-Bold.woff') format('woff'), url('../../fonts/NotoSans-Bold.otf') format('opentype');
}


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap');




BODY { FONT-SIZE: 12px;  COLOR:#555555; line-height:140%; FONT-FAMILY: "Gulim","Dotum","DotumChe" }
TD { FONT-SIZE: 12px;  COLOR:#555555; line-height:140%; FONT-FAMILY: "Gulim","Dotum","DotumChe" }
DIV { FONT-SIZE: 12px; COLOR: #555555; FONT-FAMILY: "Gulim","Dotum","DotumChe" }
FORM { FONT-SIZE: 12px; COLOR: #555555; FONT-FAMILY: "Gulim","Dotum","DotumChe" }
TEXTAREA { FONT-SIZE: 12px; COLOR: #555555; FONT-FAMILY: "Gulim","Dotum","DotumChe" }
CENTER { FONT-SIZE: 12px; COLOR: #555555; FONT-FAMILY: "Gulim","Dotum","DotumChe" }
OPTION { FONT-SIZE: 12px; COLOR: #555555; FONT-FAMILY: "Gulim","Dotum","DotumChe" }
PRE { FONT-SIZE: 12px; COLOR: #555555; FONT-FAMILY: "Gulim","Dotum","DotumChe" }
SELECT { FONT-SIZE: 12px; COLOR: navy; FONT-FAMILY: "Gulim","Dotum","DotumChe" }
P { FONT-SIZE: 12px; FONT-FAMILY: "Gulim","Dotum","DotumChe" }
BLOCKQUOTE { FONT-SIZE: 12px; FONT-FAMILY: "Gulim","Dotum","DotumChe" }
BR { FONT-SIZE: 12px; FONT-FAMILY: "Gulim","Dotum","DotumChe" }

.cate { FONT-SIZE: 11px;  COLOR:#7D7D7D; line-height:140%; FONT-FAMILY: "Gulim","Dotum","DotumChe" }

A:link { FONT-SIZE: 12px; COLOR:#555555; FONT-FAMILY: "Gulim","Dotum","DotumChe"; TEXT-DECORATION: none }
A:visited {	FONT-SIZE: 12px; COLOR:#555555; FONT-FAMILY: "Gulim","Dotum","DotumChe"; TEXT-DECORATION: none }
A:hover {	FONT-SIZE: 12px; COLOR:#555555; FONT-FAMILY: "Gulim","Dotum","DotumChe"; TEXT-DECORATION: none}
A:active {	FONT-SIZE: 12px; COLOR:#555555; FONT-FAMILY: "Gulim","Dotum","DotumChe"; TEXT-DECORATION: none}

A.mn:link {FONT-FAMILY: "Gulim","Dotum","DotumChe"; COLOR:#000000; TEXT-DECORATION: none }
A.mn:visited {FONT-FAMILY: "Gulim","Dotum","DotumChe"; COLOR:#000000; TEXT-DECORATION: none }
A.mn:hover {FONT-FAMILY: "Gulim","Dotum","DotumChe"; COLOR:#964109; TEXT-DECORATION: none; FONT-WEIGHT:bold;}
A.mn:active	{FONT-FAMILY: "Gulim","Dotum","DotumChe"; COLOR:#964109; TEXT-DECORATION: none}

A.jn:link { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #636563; PADDING-TOP: 3px; FONT-FAMILY: "Gulim","Dotum","DotumChe"; LETTER-SPACING: -0.1em; TEXT-DECORATION: none}
A.jn:visited { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #636563; PADDING-TOP: 3px; FONT-FAMILY: "Gulim","Dotum","DotumChe"; LETTER-SPACING: -0.1em; TEXT-DECORATION: none}
A.jn:hover { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #636563; PADDING-TOP: 3px; FONT-FAMILY: "Gulim","Dotum","DotumChe"; LETTER-SPACING: -0.1em; TEXT-DECORATION: none}
A.jn:active	{ FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #636563; PADDING-TOP: 3px; FONT-FAMILY: "Gulim","Dotum","DotumChe"; LETTER-SPACING: -0.1em; TEXT-DECORATION: none}

A.hn:link { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #636563; PADDING-TOP: 3px; FONT-FAMILY: "Gulim","Dotum","DotumChe"; LETTER-SPACING: 0em; TEXT-DECORATION: none}
A.hn:visited { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #636563; PADDING-TOP: 3px; FONT-FAMILY: "Gulim","Dotum","DotumChe"; LETTER-SPACING: 0em; TEXT-DECORATION: none}
A.hn:hover { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #636563; PADDING-TOP: 3px; FONT-FAMILY: "Gulim","Dotum","DotumChe"; LETTER-SPACING: 0em; TEXT-DECORATION: underline}
A.hn:active	{ FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #636563; PADDING-TOP: 3px; FONT-FAMILY: "Gulim","Dotum","DotumChe"; LETTER-SPACING: 0em; TEXT-DECORATION: none}

A.tn:link { font-size:11px; color:#737173; line-height:130%; font-family:'Dotum","DotumChe","Gulim'; TEXT-DECORATION: none }
A.tn:visited { font-size:11px; color:#737173; line-height:130%; font-family:'Dotum","DotumChe","Gulim'; TEXT-DECORATION: none }
A.tn:hover { font-size:11px; color:#737173; line-height:130%; font-family:'Dotum","DotumChe","Gulim'; TEXT-DECORATION: none }
A.tn:active	{ font-size:11px; color:#737173; line-height:130%; font-family:'Dotum","DotumChe","Gulim'; TEXT-DECORATION: none }

.blank {	FONT-SIZE: 1pt}

.ptxt1 { font-size:12px; color:#555555; line-height:150%; font-family:"Gulim","Dotum","DotumChe"; }
.ptxt2 { font-size:12px; color:#555555; line-height:170%; font-family:"Gulim","Dotum","DotumChe"; }
.ptxt3 { font-size:11px; color:#777777; line-height:130%; font-family:'Tahoma'; height:18px;}
.inputbox { color:black; background-color:#FFFFFF; border-width:1; border-style:solid; border:1 solid #cccccc; font-family:"Gulim","Dotum","DotumChe";; font-size:12px}


.forms{font-family:"Gulim","Dotum","DotumChe";font-size: 12px;border-right: #DBDBDB 1px solid;border-top: #999999 1px solid;border-left: #999999 1px solid;
	     border-bottom: #DBDBDB 1px solid;scrollbar-3dlight-color:C7C7C7;scrollbar-arrow-color:797979;scrollbar-base-color:ffffff;
	     scrollbar-darkshadow-color:C7C7C7;scrollbar-face-color:ffffff;scrollbar-highlight-color:ffffff;scrollbar-shadow-color:E6E6E6;color:#666666}

.box1{border:solid 1 #999999;color:#01507D;background-color:FFFFFF;}
.box2{border:solid 1 #D4D1C8;color:#666666;background-color:FFFBF2;}

.rline{border-style:solid; border-right-width:1; border-right-color:D6E3DE;border-left-width:0;border-top-width:0;border-bottom-width:0;}
.rline1{border-style:solid; border-right-width:1; border-right-color:dfdfdf;border-left-width:0;border-top-width:0;border-bottom-width:0; FONT-WEIGHT:bold;}

.sline{border-style:solid; border-right-width:1; border-right-color:dfdfdf;border-left-width:1; border-left-color:dfdfdf;border-top-width:0;border-bottom-width:0}
.sline1{border-style:solid; border-right-width:1; border-right-color:dfdfdf;border-left-width:1; border-left-color:dfdfdf;border-top-width:0;border-bottom-width:0; FONT-WEIGHT:bold;}
.fline1{border-style:solid; border-left-width:1; border-left-color:E5E5E5;border-right-width:0;border-top-width:0;border-bottom-width:0; FONT-WEIGHT:bold;}
.leftline{border-style:solid; border-left-width:1; border-left-color:E5E5E5;border-right-width:0;border-top-width:0;border-bottom-width:0;}

.text01{color:777777;}
.text02{color:555555; FONT-WEIGHT:bold;}
.text02hand{color:666666;cursor: hand; border: none;}
.hand{cursor: hand; border: none;}
font#link{color:#FFFFFF; text-decoration:none;}
.text03{color:CC3333;font-size:11px}
.text04{color:000000; FONT-WEIGHT:bold;}
.text05{FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #777777; PADDING-TOP: 3px; FONT-FAMILY: "Gulim","Dotum","DotumChe"; LETTER-SPACING: -0.1em}
.text06{FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #777777; PADDING-TOP: 3px; FONT-FAMILY: "Gulim","Dotum","DotumChe"; LETTER-SPACING: 0em;}
.text07{FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #777777; PADDING-TOP: 3px; FONT-FAMILY: "Gulim","Dotum","DotumChe"; LETTER-SPACING: 0em; line-height:100%}


.he-basic { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #666666; PADDING-TOP: 2px; FONT-FAMILY: "Gulim","Dotum","DotumChe"; LETTER-SPACING: 0em;}

.select {FONT-SIZE: 10px; COLOR: #939393;   FONT-FAMILY: "Gulim","Dotum","DotumChe";}
 
.dline{color:#888888;border-style:dotted;}    

.sj01{LINE-HEIGHT: 18px; FONT-FAMILY: "Gulim","Dotum","DotumChe";}



.body{
scrollbar-face-color:#FFFFFF;
scrollbar-shadow-color:#C6C7C6;
scrollbar-arrow-color:#7B797B;
scrollbar-highlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-3dlight-color:#C6C7C6;
}


P {MARGIN-TOP: 1px; MARGIN-BOTTOM: 1px;}


/*메뉴*/
.logo { float:left;}
.main-dropdown-container {/*margin: auto;*/width:95%; height: 68px; /* background:url(../images/top/menu_bg.png) no-repeat; float:right; */ position:relative;}

.dropdown-container-div { display: inline-block; width:25%; text-align:center; float:left;}
.dropdown-container-div:last-child { border-right:0; }

/* .dropdown-button { background: transparent;border: 0;} */
a.dropdown-button { display: block;padding: 10px 0;  font-size: 18px;background-color: transparent;color: #000 !important; font-family:'Noto Sans JP';font-weight: 500; letter-spacing:-0.5px;}
a.dropdown-button:hover {background:#4d9dd2; color:#fff !important; border-radius:5px;}

.dropdown-content {display: none; position: absolute;z-index: 1;background-color: transparent; padding:5px 0; margin:0; top:35px; width:auto; z-index:99}
.smenu02 {margin-left:-150px !important;}
.smenu03 {margin-left:50px !important;}
.dropdown-content ul {width:100%; background: url(../images/top/smenu_bg.png) left center repeat-x; padding:0px; margin:0;}
.dropdown-content ul:hover { background: #797979}
.dropdown-content ul li { display: inline-block;}
.dropdown-content ul li:first-child{background:url(../images/top/smenu_bg_l.png) left center no-repeat; padding-left:15px;}
.dropdown-content ul li:last-child{background:url(../images/top/smenu_bg_r.png) right center no-repeat; padding-right:15px; }

.dropdown-content a{display: block;text-decoration: none;color: #333; padding: 5px 10px; font-size:13px; font-weight:500;  font-family:'Noto Sans JP'; letter-spacing:-0.5px; }
.dropdown-content a:hover{ color:#fff; }

.dropdown-container-div:hover .dropdown-content{display: block; }

.dropdown-container-div:last-child:hover .dropdown-content { display: block; right: 0;}
.dropdown-container-div:hover .dropdown-button {}


.wrap{width:1000px; margin: 0 auto;  position:relative;}

#main_visual{text-align:center;width:627px; height: 406px; overflow:hidden;  position:relative;  background:url("/images/main/main_visual.png") no-repeat center top; }
#main_visual ul {margin:0 auto; padding:0;}
 .bx-wrapper {border:0 !important;}

#main_bn{text-align:center;width:487px; height: 28px; overflow:hidden;  position:relative; }
#main_bn ul {margin:0 auto; padding:0;}

#main_left{text-align:center;width:202px; height: 340px; overflow:hidden;  position:relative; }
#main_left ul {margin:0 auto; padding:0;}
#main_left .bx-wrapper .bx-pager,
#main_left .bx-wrapper .bx-controls-auto {bottom: 0px; right:10px;}
#main_left .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: right; width: 100%;}
#main_left .bx-wrapper .bx-pager.bx-default-pager a {background:#aacaee; width: 25px; height: 25px; line-height: 25px; text-indent: 0px; text-align:center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; color:#fff;}

#main_left .bx-wrapper .bx-pager.bx-default-pager a:hover, #main_left .bx-wrapper .bx-pager.bx-default-pager a.active, #main_left .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#5595dd;}

.result {display:block; width:96%; margin:0 auto 20px; text-align:center; }
.result ul {width:100%; padding:0;}
.result li {display:inline-block; width:18%; border:1px solid #ddd;  padding:5px 0; margin:0 1% 5px 0; float:left;}

.quick {display:block; width:63px; padding:60px 0 0; box-sizing:border-box; margin:0; background: url('../../images/sub/quick.jpg') center top no-repeat; overflow:hidden; position:absolute; visibility:hidden; right:0; top:225px; z-index:9; visibility:visible}
.quick ul { width:100%; padding:0; margin:0; }
.quick li {list-style:none;  text-align:center; margin-bottom:10px;}
.quick li img {display:block; margin:0 auto 5px; border-radius:5px; }
.quick a {color:#fff; font-family:'Noto Sans JP'; font-size:10px; font-weight:300; letter-spacing:-1px;}