@charset "utf-8";

/* ³ª´®ÆùÆ® Àû¿ë */
@font-face {
	font-family:'nanum';
	src:url('/fonts/NanumGothic.eot');
	src:url('/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
		url('/fonts/NanumGothic.woff') format('woff');
}
@font-face {
	font-family:'nanumB';
	src:url('/fonts/NanumGothicBold.eot');
	src:url('/fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
  		url('/fonts/NanumGothicBold.woff') format('woff');
}
@font-face {
	font-family:'nanumE';
	src:url('/fonts/NanumGothicExtraBold.eot');
	src:url('/fonts/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/NanumGothicExtraBold.woff') format('woff');
}
@font-face {
    font-family: 'nanum-square-r';
    src: url('/fonts/nanumsquarer.eot');
    src: url('/fonts/nanumsquarer.eot?#iefix') format('embedded-opentype'),
         url('/fonts/nanumsquarer.woff2') format('woff2'),
         url('/fonts/nanumsquarer.woff') format('woff'),
         url('/fonts/nanumsquarer.ttf') format('truetype'),
         url('/fonts/nanumsquarer.svg#nanumsquarerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nanum-square-b';
    src: url('/fonts/nanumsquareb.eot');
    src: url('/fonts/nanumsquareb.eot?#iefix') format('embedded-opentype'),
         url('/fonts/nanumsquareb.woff2') format('woff2'),
         url('/fonts/nanumsquareb.woff') format('woff'),
         url('/fonts/nanumsquareb.ttf') format('truetype'),
         url('/fonts/nanumsquareb.svg#nanumsquarebregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* reset */
html,body{margin:0;padding:0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em,iframe,img, textarea,input {margin:0;padding:0}
body {background:#fff;font-family:'dotum'; letter-spacing:0px;font-size:12px;line-height:160%;color:#555;text-align:left;word-break:break-all;-ms-word-break:break-all;}
dl,ul,ol,li {list-style:none;}
fieldset, img {border:none;}
img {vertical-align:top;}
hr {display:none;}
input,textarea,select{font-size:14px;color:#333;vertical-align:top;font-family:'dotum';}
table {width:100%;border-spacing:0;border-collapse:collapse;empty-cells:show;}
legend, caption {width:0; height:0; font:0/0 Sans-serif; visibility:hidden; z-index:-1;}
em, address {font-style:normal;}
a {cursor:pointer;}

/* common */
a:link, a:visited {text-decoration:none;color:#555;}
a:hover, a:active {text-decoration:none;color:#999;}

.left {float:left;}
.right {float:right;}
.clear {clear:both; content:""; display:block; }
.txtLef {text-align:left !important;}
.txtCen {text-align:center !important;}
.txtRig {text-align:right !important;}
.txtJus {text-align:justify !important;}

/*
font-family:'nanum';
font-family:'nanumB';
font-family:'nanumE';
font-family:'¸¼Àº °íµñ', Malgun Gothic
*/

/* ---------------------------------------------------------------------
	wrap
----------------------------------------------------------------------*/

#totWrap {width:100%; min-width:1360px; margin:0 auto;}

.wrap {width:1200px;margin:0 auto;overflow:hidden;}

#header  {height:30px; background:#f0f0f0; }

#header .login {float:right;position:relative;}
#header .login a {color:#777;display:inline-block; padding:0px 15px; font-size:13px; font-family:'nanum'; height:30px; line-height:31px; letter-spacing:-0.5px; background: url(/layouts/default/image/bul_gray.gif) left 14px no-repeat;}
#header .login a.bg_none{background:none;}

#topmenu {width:100%; margin:0 auto;  z-index:99; border-top:1px solid #e3e3e3;position:relative; }
#tmbg {width:100%; background:#fff;border-bottom:1px solid #e3e3e3; }
.gnbFixed {position: fixed; top: 0px;  z-index:99;  }


#topmenu .wrap {  }
#topmenu .logo{position:absolute; left:50%;top:28px; width:300px; margin-left:-600px; }
#topmenu #allmenu{position:absolute;  right:50%;top:30px; width:38px; margin-right:-558px; height:68px; }
#topmenu #topsearch{position:absolute;  right:50%;top:30px; width:38px; margin-right:-600px;  }
#gnb_1dul {padding:0px 0px 0px 270px;}
#gnb_1dul ul {padding:0;margin:0;list-style-type:none;}
#gnb_1dul li {float:left;padding:0px;margin:0;}
#gnb_1dul li a {display:block;height:98px;font-size:18px;font-family:'nanum-square-b';line-height:98px;color:#313131;padding:0px 38px;letter-spacing:-1px; }
#gnb_1dul li:first-child a {background:none;}
#gnb_1dul li a:hover {color:#999;}
#gnb_subMenuBox {position:absolute;width:100%; height:200px;top:99px; left:0px; z-index:999996;}
#gnb_subMenuBox .bg{position:absolute;left:0px; width:100%; height:199px; background:#f3f3f3; z-index:999997;	border-bottom:1px solid #e3e3e3; }
#gnb_subMenuBox .submenuA{position:absolute;width:1200px;left:50%; margin-left:-600px; z-index:999999;padding:10px 0px 10px 0px;}
#gnb_subMenuBox dl{float:left; display:inline-block;  font-family:'nanum';} 
#gnb_subMenuBox dt a{display:block; text-align:left; line-height:28px; font-size:14px; color:#424242;letter-spacing:-1px;text-align:center;}
#gnb_subMenuBox dt a:hover {color:#999; text-decoration:none; font-family:'nanumB';}

#gnb_subMenuBox dl.tmwid1 {margin-left:270px;width:156px}
#gnb_subMenuBox dl.tmwid2 {width:106px;}
#gnb_subMenuBox dl.tmwid3 {width:106px;}
#gnb_subMenuBox dl.tmwid4 {width:159px;}
#gnb_subMenuBox dl.tmwid5 {width:152px;}
#gnb_subMenuBox dl.tmwid6 {width:134px;}

#topmenu li div {position:absolute;display:none;width:1px;height:1px;z-index:99999;}
#topmenu li div dl {margin:98px 0 0 0px;width:133px;padding:0px;background:#ffffff;border:#e3e3e3 solid 1px; border-top:none; text-align:center;}
#topmenu li div dt {margin:0;padding:0;}
#topmenu li div dd {margin:0;padding:0;}
#topmenu li div dt a {overflow:hidden;line-height:40px;display:block;font-weight:normal;letter-spacing:-1px;padding:0px 0px 0px 20px;font-size:14px; color:#333;height:40px;border-top:1px solid #e3e3e3;text-align:left;  font-family:'nanumB';}
#topmenu li div dt:first-child a {padding:0px 0px 0px 20px;border-top:none;}
#topmenu li div dt a:hover {background:#f0f0f0;}
#topmenu li div dd a {overflow:hidden;line-height:18px;display:block;font-weight:normal;padding:7px 0 7px 18px;font-size:13px;height:18px;text-align:left; color:#525252; font-family:'nanum';}
#topmenu li div dd a:hover {background:#f0f0f0;}
#topmenu .on1 {background:#f0f0f0;}
#topmenu li div#subMenuBox1 dl {width:220px;}
#topmenu li div#subMenuBox2 dl{width:113px;}
#topmenu li div#subMenuBox3 dl{width:123px;}
#topmenu li div#subMenuBox4 dl{width:143px;margin-left:10px;}
#topmenu li div#subMenuBox5 dl{width:139px;margin-left:10px;}
#topmenu li div#subMenuBox6 dl{width:123px;margin-left:10px;}
/* ---------------------------------------------------------------------
	contents
----------------------------------------------------------------------*/
#contents{width:100%; margin:0 auto; overflow:hidden; position:relative; }
#contents .wrap {width:1198px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;min-height:500px;}


/* ---------------------------------------------------------------------
	footer
----------------------------------------------------------------------*/
#footer{clear:both; width:100%; background:#333;}


#footerCon{clear:both; position:relative; width:1200px; padding:20px 0px; margin:0 auto; font-family:'dotum'; font-size:12px; letter-spacing:0px; }
#footerCon .btngo a{display:inline-block;font-size:12px; color:#999; padding:0px 15px 20px 15px; letter-spacing:-0.5px;  }
 #footerCon .btngo a.private {color:#fff;}
#footerCon .info, #footerCon .info a{color:#c3c3c3; line-height:23px; margin-bottom:0px;}
#footerCon .info strong.txt01{font-weight:bold; color:#fff;}
#footerCon .rights {color:#dfdfdf; padding:8px 0px;}
#footerCon .copy { color:#949494;}
#footerCon .copy .txt02{ font-weight:bold;}

#footerCon .sitego{position:absolute; top:20px; right:0px;}
#footerCon .sitego a{display:inline-block;}

.pl0 {padding-left:0px !important;}


/* ¿ìÃø¹Ù·Î°¡±â  */
#quick_btn {position:fixed; top:240px; right:50%; margin-right:-690px;width:70px; }
#quick_btn ul.qusns::after{clear:both; content:""; display:block;}
#quick_btn ul.qusns li{float:left; width:34px; height:32px; margin-left:2px; overflow:hidden; display:block;}
#quick_btn ul.qusns li:first-child {margin-left:0px;}
#quick_btn ul.qusns a{display:block; width:32px; height:30px; border:1px solid #e5e5e5; text-indent:-999999999px; font-size:0px; }
#quick_btn ul.qusns a.sns01 {background: url(/layouts/default/image/qi_face.png) no-repeat #fff; background-position:12px center; }
#quick_btn ul.qusns a:hover.sns01 {background: url(/layouts/default/image/qi_face.png) no-repeat #333333; background-position:-22px center; }
#quick_btn ul.qusns a.sns02 {background: url(/layouts/default/image/qi_insta.png) no-repeat #fff; background-position:8px center; }
#quick_btn ul.qusns a:hover.sns02 {background: url(/layouts/default/image/qi_insta.png) no-repeat #333333; background-position:-26px center; }

#quick_btn ul.qubtn li {display:block; width:70px; height:70px; margin-top:2px;}
#quick_btn ul.qubtn li a{display:block; width:68px; height:24px; border:1px solid #e5e5e5;  text-align:center; font-size:12px; padding-top:44px; color:#787878; font-weight:bold; }
#quick_btn ul.qubtn li a:hover {border:1px solid #333333; color:#fff; }
#quick_btn ul.qubtn a.qbt01 {background: url(/layouts/default/image/qi_btn1.png) no-repeat #fff; background-position:22px 11px; }
#quick_btn ul.qubtn a:hover.qbt01 {background: url(/layouts/default/image/qi_btn1.png) no-repeat #333333; background-position:-48px 11px; }
#quick_btn ul.qubtn a.qbt02 {background: url(/layouts/default/image/qi_btn2.png) no-repeat #fff; background-position:22px 11px; }
#quick_btn ul.qubtn a:hover.qbt02 {background: url(/layouts/default/image/qi_btn2.png) no-repeat #333333; background-position:-48px 11px; }
#quick_btn ul.qubtn a.qbt03 {background: url(/layouts/default/image/qi_btn3.png) no-repeat #fff; background-position:22px 11px; }
#quick_btn ul.qubtn a:hover.qbt03 {background: url(/layouts/default/image/qi_btn3.png) no-repeat #333333; background-position:-48px 11px; }
#quick_btn ul.qubtn a.qbt04 {background: url(/layouts/default/image/qi_btn4.png) no-repeat #fff; background-position:22px 12px; }
#quick_btn ul.qubtn a:hover.qbt04 {background: url(/layouts/default/image/qi_btn4.png) no-repeat #333333; background-position:-48px 12px; }

#quick_btn .topbtn {margin-top:2px; }
#quick_btn .topbtn a {display:block; width:68px; height:28px; border:1px solid #e5e5e5;  text-align:center; font-size:12px; line-height:28px;color:#787878; font-weight:bold; }
#quick_btn .topbtn a:hover{border:1px solid #333333; color:#fff; background:#333; }

/* È­¸é»ó´Ü,ÇÏ´Ü°¡±â */
#page_top_down, .page_top_down { position: fixed; right: 30px; bottom: 30px; z-index: 900; }
#page_top_down.min_fixed, .page_top_down.min_fixed { right: auto; left: 0; margin-left: 920px; }
#page_top_down a, .page_top_down a { display: block; width: 50px; height: 50px; background: url(/layouts/default/image/sp_top_down.png) no-repeat; text-indent: -999em; }
#page_top_down a.top:hover, .page_top_down a.top:hover { background-position: -51px 0; }
#page_top_down a.down, .page_top_down a.down { margin-top: 1px; background-position: 0 -51px; }
#page_top_down a.down:hover, .page_top_down a.down:hover { background-position: -51px -51px; }


.ready{text-indent:-99999px; display:block; width:400px; height:240px; margin:40px auto;background:url(/layouts/default/image/i_ready.png) center bottom no-repeat; }