td, tr, table
{ font-family:µ¸¿ò; font-size: 14px; letter-spacing:0px; color: #ffffff; px;font-weight: bold;  }

img
{ border:0px; }

.br
{ line-height:15px; }

.input
{ font-family:"dotum",돋움;font-size:18px ; color:#666666; border:1px solid #a0a0a0; height:38px ; margin:0px 0 }

textarea
{ font-family:"dotum",돋움;font-size: 18px; color:#666666; border:1px solid #a0a0a0;height:38px ;margin:0px 0 }

select
{ font-family:"dotum",돋움;font-size:18px; color:#000000; border:1px solid #a0a0a0;height:38px; margin:0px 0 }

.chk_input
{ font-family:"dotum",돋움;font-size: 18px; color:#666666; border:1px solid #a0a0a0;}

ul, li {list-style:none; margin:0 ; padding:0}

html {
    overflow: scroll;
    overflow-x: visible;
}

/* 링크 */
a:link {text-decoration: none ; color: #666666;}
a:visited {text-decoration: none ; color: #666666;}
a:active {text-decoration: none ; color: #299ad3;}
a:hover {text-decoration: none ; color: #299ad3;}

a.link_file:link {text-decoration:none ; color:#666666; font-weight:bold;}
a.link_file:visited {text-decoration: none ; color:#666666; font-weight:bold;}
a.link_file:active {text-decoration: none ; color:#ee5f01; font-weight:bold;}
a.link_file:hover {text-decoration:underline ; color:#ee5f01; font-weight:bold;}



body {font-family: "Arial",µ¸¿ò; font-size: letter-spacing: 12px; color: #555555; line-height:14px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color:#101113 }
body {scrollbar-face-color: #DCDCDC; scrollbar-shadow-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color: #BBBBBB;scrollbar-darkshadow-color: #BBBBBB; scrollbar-track-color: #EFEFEF; scrollbar-arrow-color: #626262; 
}


.wrap {width:1220px; margin:0 auto; border-left:solid 0px #CCC;  border-right:solid 0px #CCC; margin-bottom:100px;}




.text1	{font-family:"µ¸¿ò"; font-size: 14px; letter-spacing:0px; color: #000000; line-height:17px; font-weight:bold;}
.text1 a:link  {text-decoration: none ; color: #000000; font-weight:bold;}
.text1 a:visited  {text-decoration: none ; color: #000000; font-weight:bold;}
.text1 a:active  {text-decoration: none ; color: #000000; font-weight:bold;}
.text1 a:hover  {text-decoration: none ; color: #000000; font-weight:bold;}

.text2	{font-family:"µ¸¿ò"; font-size: 12px; letter-spacing:0px; color: #3e3e3e;}

.text3	{font-family:"µ¸¿ò"; font-size: 11px;}
.text4	{font-family:"±¼¸²"; font-size: 12px; letter-spacing:0px; color: #999999;}
.text5  {font-family:±¼¸²;font-size:12px; border:1px solid #b3b3b3; background-color:#d8f2ff;}

.form01{border:solid #cccccc 1px; font-size:12px; height:18; background-color:#f3f3f3;}



.footer  {width:1220px; text-align:center;position:fixed; bottom:-2px; z-index: 15}

.onlinebox  {background:url(../images/02_bg.jpg) no-repeat ; width:1220px; height:781px; position:relative; }
.onlinebox .form {width:480px; margin-left:70px}
.onlinebox .txline{ width:201px; padding-left:80px; padding-top:5px; padding-bottom:10px}
.onlinebox .tx2{ width:201px; padding-left:150px; padding-top:2px}
.onlinebox .tx3{width:260px; padding-left:190px; padding-top:10px}
.onlinebox .btn_go {width:316px; padding-left:160px; padding-top:15px}



.realtime {
	position: absolute;
	width: 464px;
	height: 300px;
	z-index: 12;
	left: 665px;
	top: 350px;
}



#sec3 {position:relative; top:0; left:0; }
#sec3 .bx-controls { position:absolute; top:305px; left:0; width:1220px; z-index:1000;}
#sec3 .bx-controls .bx-prev { position:absolute; top:0; left:40px; width:73px; height:73px; margin-right:4px; background:url(../images/07_priv.png) no-repeat top left; text-indent:-5000px; display:inline-block; }
#sec3 .bx-controls .bx-next { position:absolute; top:0; right:40px; width:73px; height:73px; background:url(../images/07_next.png) no-repeat top left; text-indent:-5000px; display:inline-block; }
.m_logo {
	position: absolute;
	z-index: 1;
	right: 50px;
	top: 30px;
}

.m_tx1 {
	position: absolute;
	width: 800px;
	height: 115px;
	z-index: 1;
	left:500px;
}

.m_10 {
	position: absolute;
	width: 405px;
	height: 49px;
	z-index: 2;
	left: 700px;
	top: 627px;
}
.wrap .formArea { width:100%; margin:0 auto; overflow: hidden; }
.wrap .formGroup { text-align:center; }
.wrap .inner { width:460px; padding:20px; }

.wrap .form_table { width:100%; border-collapse:collapse; font-size:1em; }
.wrap .form_table tbody th, .wrap .form_table tbody td { padding:10px 5px; vertical-align:middle; color:#333; text-align:left; line-height:40px; font-size:16px; font-weight:600; letter-spacing:-2px; }
.wrap .form_table tbody th {color:#333; font-size:17px; font-weight:600; text-align:left; }

.wrap .input_style:focus, .sel_style:focus, textarea_style:focus { border-color:#333; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff;}
.wrap .textarea_style:focus { }

.wrap label.tit { height:35px;  color:#f4f5f9; font-weight:600; line-height:35px; text-align:center; display:block; }
.wrap .input_style { width:100%; padding-left:10px; height:40px; border:1px solid #999; font-size:15px; }
.wrap .sel_style { width:100%; padding-left:10px; height:40px; border:1px solid #999; font-size:15px; vertical-align:middle;}
.wrap .textarea_style { width:100%; padding:10px; height:110px; border:1px solid #999; font-size:15px; }

.wrap .term_box {font-size:15px;font-weight:600;text-align:center;padding:30px 0;margin-top:10px;letter-spacing:-1px;border-top:1px solid #999;}
.wrap .term_box input {width:16px; height:16px; vertical-align:middle;}
.wrap .submit_box {text-align:center; background:none; }
.wrap .submit_box button {cursor:pointer; border:none; background:none; padding:none;}


/* MOBILE
------------------------------------------------------------------------------------------------------------*/

.m_wrap { width:100%; max-width:720px; margin:0 auto; overflow:hidden; }
.m_wrap .contents { width:100%; }
.m_wrap .contents img { width:100%; }
.m_wrap .top { position:relative; width:100%; height:50px; background:#111; font-weight:600; z-index:1000; }
.m_wrap .top .left { position:absolute; top:13px; left:20px; width:100px; line-height:120%; font-size:1.2em; color:#fff; }
.m_wrap .top .left img { width:100%; }
.m_wrap .top .right { position:absolute; top:10px; right:20px; }
.m_wrap .top .right a { padding:8px 15px; background:#222; border:1px solid #fff; border-radius:8px; font-size:0.8em; color:#fff; font-weight:600; text-align:center; display:inline-block; }
.m_wrap .top.fix { position:fixed; }

/*form */
.m_wrap .formArea { width:90%; max-width:720px; margin:0 auto; overflow: hidden; }
.m_wrap .formGroup { margin-bottom:12px; text-align:center; }
.m_wrap .form_table { padding-bottom:15px; }
.m_wrap .form_table tbody th {color:#000; text-align:center;font-size:15px; font-weight:600; width:100%;height:100%;display:table; }
.m_wrap .form_table tbody th > .th01 {color:#000; padding:10px 5px; height:26px; text-align:center; background-color:#eee; border-radius:5px;font-weight:600; display: table-cell;  vertical-align: middle;}
.m_wrap .form_table tbody th > .th02 {color:#000; padding:10px 5px; height:80px; text-align:center; background-color:#eee; border-radius:5px;font-weight:600;  display: table-cell;  vertical-align: middle;}
.m_wrap .form_table tbody td { color:#000; margin:2px 5px;}

.m_wrap .input_style:focus, .m_wrap .sel_style:focus, .m_wrap textarea_style:focus { border-color:#999; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #999; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #999; }

.m_wrap label.tit { height:50px; background:#222; border-radius:5px; font-size:0.8em; color:#fff; font-weight:600; line-height:40px; text-align:center; display:block; }
.m_wrap .input_style { width:100%; padding-left:10px; height:38px; border:1px solid #ccc; border-radius:5px; font-size:14px; vertical-align:middle;}
.m_wrap .sel_style { width:100%; height:48px; background:#fff; border:1px solid #ccc; border-radius:5px; font-size:14px; vertical-align:middle;}
.m_wrap .textarea_style { width:100%; padding:10px; height:80px; border:1px solid #ccc; border-radius:5px; font-size:14px; vertical-align:middle;}

.m_wrap .term_box {font-size:13px;text-align:center; padding:20px 0;letter-spacing:-1px;border-top:1px solid #000;}
.m_wrap .term_box input {width:14px; height:16px;border:solid #000 1px; vertical-align:middle;}
.m_wrap .submit_box {text-align:center; background:none; padding-bottom:20px;}
.m_wrap .submit_box button {padding:0 30px; cursor:pointer; border:none; background:none; padding:none;}

.m_wrap .video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;} 
.m_wrap .video-container iframe, .m_wrap .video-container object, .m_wrap .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;} 

/*header*/
#int-global-customer {display:block;width:100%;position:fixed;top:7%;left:0%;z-index:2;}
#int-global-customer .int-wrap-320px {position:relative;}
#int-global-customer .int-wrap-320px .int-customer-call {display:block;position:absolute;top:0px;right:0px;width:20%;z-index:3;}
.int-wrap-320px {display:block;;min-width:320px;max-width:100%;margin:0 auto;}

#int-bt {display:block;width:100%;position:fixed;bottom:0%;left:0%;z-index:999;}
#int-bt .int-wrap-320px {position:relative;}
#int-bt .int-wrap-320px img {display:block;}

#int-top {display:block;width:100%;position:fixed; top:0%; max-width:720px; margin:0 auto; z-index:999; text-align:center}
#int-top .int-wrap-320px {position:relative;}
#int-top .int-wrap-320px img {display:block;}