@charset "euc-kr";
@import url("sub.css");


/* -----------------------------------------------------񃧯 ------------------------------------------------------- */

	body {margin-top : 0px; margin-left: 0px; margin-right:0px; margin-bottom:0px; font-size: 12px; color: #404040; font-family: ±¼¸²; }
	
	td { font-size: 12px; color: #404040; font-family: ±¼¸²; line-height:16pt;}


	/* ±âº» Ŭ·¡½º */
	img {border:0;}
	form { margin-top:0px; margin-bottom:0px;}
	input { font-family:±¼¸²; font-size:12px; color:#000000;}
	textarea { font-family:±¼¸²; font-size:12px; color:#000000;}
	select {font-family:tahoma; font-size:12px; color:#0F377F; }


	.input_border { font-family:tahoma,±¼¸²; font-size:12px; height:18px; color:#000000; border-right: #C7C7C7 1px solid; border-top: #C7C7C7 1px solid;border-left: #C7C7C7 1px solid; border-bottom: #C7C7C7 1px solid;}



	/* ±âº» ¸µÅ© */
	A:active { color: #3e60a4; font-family: ±¼¸²; text-decoration: none; }
	A:link {color: #3e60a4; font-family:±¼¸²; text-decoration: none; }
	A:visited { color: #3e60a4; font-family: ±¼¸²; text-decoration: none; }
	A:hover { color: #666666; font-family: ±¼¸²; text-decoration: underline; }
	



.b {
font-weight:bold;
}

/* form */
.input {
border:1px solid #CCCCCC;
}

/* font */

.green {
	color: #49993C;
	font-weight: bold;
}

.p11{
font-family:µ¸¿ò;
font-size:11px;
color:#666666;
line-height:13pt;
}


.18pt{
line-height:18pt;
}

.white{
font-family:µ¸¿ò;
font-size:11px;
color:#ffffff;
line-height:13pt;
}

.style1 {
	color: #82563C;
	font-weight: bold;
}


.top {color:#e2e2e2;}
.top a {color:#e2e2e2;}
.top a:visited {color:#e2e2e2;}
.top a:hover {color:#fff;}
.top a.select {color:#e2e2e2;}


/* Åõ¸ípng */
.png24 {tmp:expression(setPng24(this));}



/*Å×À̺í*/
table.type_01 {width:95%; border-top:2px solid #1975c3; border-bottom:1px solid #bfdcea; table-layout:fixed;  margin:10px auto;border-collapse:collapse;}
table.type_01 tr th {padding:5px 10px 5px 5px; border:1px solid #c8c8c8; border-top:none; background:#eef6f8; color:#4c88bb; font-weight:normal; text-align:center; vertical-align:middle;font-weight:bold; }
table.type_01 tr td {padding:5px 6px 4px 6px; border:1px solid #c8c8c8; border-top:none;  background:#FFF; color:#454545; text-align:center; vertical-align:middle;  }
table.type_01 tr th.l {border-left:1px solid #c8c8c8 !important;}
table.type_01 tr th.r {border-right:1px solid #c8c8c8 !important;}
table.type_01 tr th.a {border-left:1px solid #c8c8c8 !important; border-right:1px solid #c8c8c8 !important;}
table.type_01 tr td.none_02 {border-right:none;!important;} /*¿À¸¥ÂÊ ¼± ¾ø¾Ö±â*/
table.type_01 tr td.left {text-align:left; !important; padding:2px 0 2px 10px !important;} /*°¡¿îµ¥Á¤·Ä*/




.bold {
	font-weight: bold;
	font-size:13px;
color:#1975c3;
}


.area_01 {margin:0px 17px 0px 0px;padding:15px; *zoom:1; border:1px solid #98BECD; background:#F3F8FA;}
.area_01:after {content:""; clear:both; display:block; } 


/*ÅǸ޴º ½ºÅ¸ÀÏ2*/
#tab2 {clear: both; width: 720px; margin-bottom:15px; font-weight: bold; background: url('/img/sub//tab2_bg.gif'); letter-spacing: -1px; *zoom:1;}
#tab2:after{content: ""; clear: both; display: block; height: 0; visibility: hidden;}
#tab2 ul li {float:left; display:inline; line-height: 14px;margin-left:0px;}
#tab2 ul li span {display:block; padding: 12px 20px 5px 10px;}
#tab2 ul li.on {background: url('/img/sub/tab2_right_on.gif') right no-repeat;margin-left:0px;}
#tab2 ul li.on span {padding: 12px 20px 4px 25px; background: url('/img/sub/tab2_left_on.gif') left no-repeat;}
#tab2 ul li a {color: #666;}
#tab2 ul li.on a {color: #fff;}

/*¸ÞÀιè³Ê*/
.change_link {
	display: block;
	width: 20px;
	height: 20px;
	font-size: 12pt;
	background-color: #eee;
	float: left;
	margin-right: 4px;
	text-align: center;
	margin-top: 10px;
	border: 1px solid #bbb;
	text-decoration: none;
	
}
.slideshow{position:absolute; top:168px; left:60px; width:310px; height:243px; background:url('/img/bg.png') left no-repeat;}
.slideshow ul {list-style:none; }
.slideshow ul li{margin-left:10px;}
.slide_btn{position:absolute; top:360px; left:75px;}
.blinds_container{margin-left:12px !important;}
/* ¼ýÀÚ¹öÆ° */
.slide_btn a{color:#fff; background-color:#cecece; font-weight:bold; font-size:12px; line-height:25px; }
.slide_btn a:hover{background-color:#1d8cd3; text-decoration:none;}

/* ¸ÞÀÎ */
.box{position:absolute; top:168px; left:65px; width:300px; height:243px; background:url('/img/bg.png') 4px no-repeat;}
.banner-slide{position:absolute; }
.bjqs-prev{display:none;}
.bjqs-next{display:none;}
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none; width:265px; height:185px;}
li.bjqs-slide{position:absolute; display:none; top:15px;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}

ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%; margin-top:3px;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
#container{
	max-width:265px;
	margin:0 auto;
	padding-bottom:80px;
}

#banner-fade,
#banner-slide{
	margin-bottom: 60px;
}

ul.bjqs-controls.v-centered li a{
	display:block;
	font-family:¸¼Àº °íµñ;
	color:#000;
	text-decoration: none;
	text-indent:-9999px;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#1d8cd3;
	color:#fff;
}

ol.bjqs-markers li a{
	padding:3px 7.3px;
	background:#cecece;
	color:#fff;
	margin:5px 2px;
	text-decoration: none; font-family:¸¼Àº °íµñ; font-weight:bold;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #1d8cd3; font-family:¸¼Àº °íµñ;
}

p.bjqs-caption{
	background: rgba(255,255,255,0.5);
}















/*¹è³Ê*/
.n_wrap{width:100%; height:433px; border:solid 0px red;}
.top111{ width:1084px; margin:0 auto; position:relative;}
.fl_wrap{ width:980px; height:433px; background-image:url(/flash/image2/main_img1.png);}
.ba_wrap{ width:104px; position:absolute; top:0px; left:980px; }



.top_logo_area{position:relative;  margin:0 auto; width:1100px;height:285px;  padding:0; z-index:1; border:solid 0px red;}


        #vtab {
            margin: auto;
            width: 800px;
            height: 100%;
        }
        #vtab > ul > li {
            width: 110px;
            height: 110px;
            background-color: #fff !important;
            list-style-type: none;
            display: block;
            text-align: center;
            margin: auto;
            padding-bottom: 10px;
            border: 1px solid #fff;
            position: relative;
            border-right: none;
            opacity: .3;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
        }
        #vtab > ul > li.home {
            background: url('/data/201112/IJ13238352759816/home.png') no-repeat center center;
        }
        #vtab > ul > li.login {
            background: url('/data/201112/IJ13238352759816/login.png') no-repeat center center;
        }
        #vtab > ul > li.support {
            background: url('/data/201112/IJ13238352759816/support.png') no-repeat center center;
        }
        #vtab > ul > li.selected {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            border: 1px solid #ddd;
            border-right: none;
            z-index: 10;
            background-color: #fafafa !important;
            position: relative;
        }
        #vtab > ul {
            float: left;
            width: 110px;
            text-align: left;
            display: block;
            margin: auto 0;
            padding: 0;
            position: relative;
            top: 30px;
        }
        #vtab > div {
            background-color: #fafafa;
            margin-left: 110px;
            border: 1px solid #ddd;
            min-height: 500px;
            padding: 12px;
            position: relative;
            z-index: 9;
            -moz-border-radius: 20px;
        }
        #vtab > div > h4 {
            color: #800;
            font-size: 1.2em;
            border-bottom: 1px dotted #800;
            padding-top: 5px;
            margin-top: 0;
        }
        #loginForm label {
            float: left;
            width: 100px;
            text-align: right;
            clear: left;
            margin-right: 15px;
        }
        #loginForm fieldset {
            border: none;
        }
        #loginForm fieldset > div {
            padding-top: 3px;
            padding-bottom: 3px;
        }
        #loginForm #login {
            margin-left: 115px;
        }

/* ¢¬manu */
	.gnb { position:relative; display: inline-block; margin: 0 0 0 0px; width: 730px; z-index:1; float: right; padding-top: 9px;}

	#nav { position:relative; margin: 0; padding: 0 0 0 0px; height: 38px; list-style:none;border-radius: 15px;background: linear-gradient(180deg, #28a1ef, #134b93);}
	#nav:after { display: block; visibility: hidden; clear: both; content: "";}
	#nav .menu_li { float: left; line-height: 0.7;}
	#nav .menu_li > a { position: relative;display:inline-block; padding: 14px 31px 14px 32px; width: auto; height: 55px; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; font-weight: 600; font-size: 14px; color: #fff; text-align: center; letter-spacing: -0.05em;}
	#nav .menu_li > a:after {display: block;clear: both;content: "";position: absolute;top: 13px;left: -3px;width:1px;height: 12px;border-right: 1px solid rgba(255,255,255,1);transform: rotate(0deg);}
	#nav .menu_li:first-child > a:after { display: none;}
	#nav .menu_li > a.on,
	#nav .menu_li > a.hov,
	#nav .menu_li > a:hover { color: #a2f3ff; text-decoration: none;}

	#nav .sub_ul { position: absolute; display: none; top: 44px; padding:5px 13px; list-style: none; z-index:2; border-radius: 100px;background: linear-gradient(180deg, #d9f3ff, #effaff);}
	#nav .sub_ul.sub1 { left: 0px;}
	#nav .sub_ul.sub2 { left: 5px;}
	#nav .sub_ul.sub3 { left: 65px;}
	#nav .sub_ul.sub4 { left: 310px;}
	#nav .sub_ul.sub5 { right: 140px;}
	#nav .sub_ul.sub6 { right: 0;}
	#nav .sub_ul li { display: inline-block; position: relative; }
	#nav .sub_ul li a { display: inline-block; padding: 4px 7px 4px 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 600; font-size:12px; color: #195fb6; letter-spacing: -0.05em;}
	#nav .sub_ul li:last-child a { padding-right: 0;}
	#nav .sub_ul li a.on,
	#nav .sub_ul li a.hov,
	#nav .sub_ul li a:hover { text-decoration: none; color: #0a3c79;}