/*ÃʱâÈ­ ÄÚµå*/


@charset "euc-kr";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, a, p, del, dfn, em, img, ins, kbd, q, samp, small, strong, 
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section ,article{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:12px;
  font-family:'³ª´®°íµñ', NanumGothic, 'Nanum Gothic',arial, Helvetica, AppleGothic, sans-serif;
  vertical-align:baseline;  
}


a:link {text-decoration:none; color:#333;}
a:visited {text-decoration:none; color:#333;}
a:active {text-decoration:none; color:#333;}
a:hover {text-decoration:none; color:#333;}

html, body { width: 100%; height: 100%; margin: 0; padding: 0; outline: 0; border: 0; }

table { border-collapse: collapse; border-spacing: 0; }
input{ outline-style:none;} , textarea{ outline-style:none;}
input,select{
	font-size:12px;
	font-family:'³ª´®°íµñ', NanumGothic, 'Nanum Gothic',arial, Helvetica, AppleGothic, sans-serif;
	color:#3d3d3d;
	border:1px solid #bbb;
}

img { max-width: 100%; vertical-align: middle; }
img,embed,object,video { max-width: 100%; }
img,fieldset,iframe{border:0 none}
br{letter-spacing:0px;}
header, footer, aside, section, article,div { display:block; }
div,ul,li{margin:0;padding:0;list-style:none;display:block}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }



/*À̹ÌÁö ½½¶óÀÌ´õ CSS*/
.bx-controls {position:relative;}
.bx-controls .bx-pager{position:absolute; top:-70px; right:50%; z-index:999; margin-right:-61px;}
.bx-controls .bx-pager .bx-pager-item{display:inline-block; margin:0 2px; z-index:9999;}
.bx-wrapper .bx-pager.bx-default-pager a{background-image:url('/img/main/best_dot01.png'); width:18px; height:18px; display:block; }
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background-image: url('/img/main/best_dot02.png'); width:68px; height:18px; display:block;
}

/*¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß Intro CSS ¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß¡ß*/
.topLine {width:100%; height:20px; background-color:#129346;}
.introTopWrap {width:100%;}
.introTopWrap .introTopInner {width:1200px; margin:0 auto;}
.introTopWrap .introTopInner:after {content:''; display:block; clear:both;}
.introTopWrap .introTopInner > div {float:left;}
.introTopWrap .introTopInner > div > img {padding:60px 110px 50px;}
.introTopWrap .introTopInner > div.M > a {display:block;}
.introTopWrap .introTopInner > div.M > a > img{padding:20px 0;}

.introContWrap {width:100%; height:790px; background-image:url("/img/intro/main_bg.gif"); background-repeat:repeat-x;}
.introContWrap .introContInner {width:1200px; margin:0 auto;}
.introContWrap .introContInner .introNavi {padding-top:70px;}
.introContWrap .introContInner .introNavi:after {content:''; display:block; clear:both;}
.introContWrap .introContInner .introNavi > li {float:left; width:240px;}
.introContWrap .introContInner .introNavi > li > ul{background-repeat:no-repeat; height:540px; padding:20px 0 0 0;}
.introContWrap .introContInner .introNavi > li > ul.introSubNavi01{background-image:url('/img/intro/sub1_bg.jpg');}
.introContWrap .introContInner .introNavi > li > ul.introSubNavi02{background-image:url('/img/intro/sub2_bg.jpg');}
.introContWrap .introContInner .introNavi > li > ul.introSubNavi03{background-image:url('/img/intro/sub3_bg.jpg');}
.introContWrap .introContInner .introNavi > li > ul.introSubNavi04{background-image:url('/img/intro/sub4_bg.jpg');}
.introContWrap .introContInner .introNavi > li > ul.introSubNavi05{background-image:url('/img/intro/sub5_bg.jpg');}

.introContWrap .introContInner .introNavi > li > ul.introSubNavi01 > li:hover > a{background-color:#4883bb; color:#fff;}
.introContWrap .introContInner .introNavi > li > ul.introSubNavi02 > li:hover > a{background-color:#49bc81; color:#fff;}
.introContWrap .introContInner .introNavi > li > ul.introSubNavi03 > li:hover > a{background-color:#f7b64e; color:#fff;}
.introContWrap .introContInner .introNavi > li > ul.introSubNavi04 > li:hover > a{background-color:#f87f46; color:#fff;}
.introContWrap .introContInner .introNavi > li > ul.introSubNavi05 > li:hover > a{background-color:#f35459; color:#fff;}

.introContWrap .introContInner .introNavi > li > ul > li {}
.introContWrap .introContInner .introNavi > li > ul > li > a{display:block; text-align:center; font-size:16px; font-weight:bold; padding:7px 0px; margin:17px 10px;}

/* main CSS */
.topWrap {width:100%;}
.topWrap .topInner {width:1200px; margin:0 auto; position:relative;}
.topWrap .topInner:after {content:''; display:block; clear:both;}
.topWrap .topInner > div {float:left;}
.topWrap .topInner .topL {width:200px;}
.topWrap .topInner .topR {width:1000px;}

/* µû¶ó´Ù´Ï´Â ¹è³Ê¹Ù CSS */
.topWrap .topInner .right_Banner_bar {position:absolute; top:150px; left:50%; width:120px; margin-left: 620px; }
.topWrap .topInner .right_Banner_bar .right_head {background-color:#f2b656; padding:5px; text-align:center; color:#fff;}
.topWrap .topInner .right_Banner_bar > ul {}
.topWrap .topInner .right_Banner_bar > ul > li{margin:0 0 5px 0;}
.topWrap .topInner .right_Banner_bar > ul > li > a > img {width:120px; height:75px;}
.topWrap .topInner .right_Banner_bar > ul > li > div.NameTxt {background-color:#f1f1f1; text-align:center; padding:3px 0;}

.topWrap .topInner .topL > h1{}
.topWrap .topInner .topL > h1 > a{display:block;}
.topWrap .topInner .topL > h1 > a > img{padding:30px 0 20px;}

.topWrap .topInner .topR ul.mainNavi {padding: 37px 0 0 50px;}
.topWrap .topInner .topR ul.mainNavi:after {content:''; display:block; clear:both;}
.topWrap .topInner .topR ul.mainNavi > li {float:left; width:189px; position:relative; z-index:100;}
.topWrap .topInner .topR ul.mainNavi > li > ul {background-repeat:no-repeat; height:324px; padding:5px 0 0 0; position:absolute; top:100px; width:189px; display:none;}
.topWrap .topInner .topR ul.mainNavi > li > ul > a {display:block;}
.topWrap .topInner .topR ul.mainNavi > li > ul.mainSubNavi01 {background-image:url('/img/subnavi/navi1_bg.png');}
.topWrap .topInner .topR ul.mainNavi > li > ul.mainSubNavi02 {background-image:url('/img/subnavi/navi2_bg.png');}
.topWrap .topInner .topR ul.mainNavi > li > ul.mainSubNavi03 {background-image:url('/img/subnavi/navi3_bg.png');}
.topWrap .topInner .topR ul.mainNavi > li > ul.mainSubNavi04 {background-image:url('/img/subnavi/navi4_bg.png');}
.topWrap .topInner .topR ul.mainNavi > li > ul.mainSubNavi05 {background-image:url('/img/subnavi/navi5_bg.png');}

.topWrap .topInner .topR ul.mainNavi > li > ul.mainSubNavi01 > li:hover > a {display:block; background-color:#4883bb; color:#fff;}
.topWrap .topInner .topR ul.mainNavi > li > ul.mainSubNavi02 > li:hover > a {display:block; background-color:#49bc81; color:#fff;}
.topWrap .topInner .topR ul.mainNavi > li > ul.mainSubNavi03 > li:hover > a {display:block; background-color:#f7b64e; color:#fff;}
.topWrap .topInner .topR ul.mainNavi > li > ul.mainSubNavi04 > li:hover > a {display:block; background-color:#f87f46; color:#fff;}
.topWrap .topInner .topR ul.mainNavi > li > ul.mainSubNavi05 > li:hover > a {display:block; background-color:#f35459; color:#fff;}

.topWrap .topInner .topR ul.mainNavi > li > ul.mainSubNavi01 > li.active > a {display:block; background-color:#4883bb; color:#fff;}
.topWrap .topInner .topR ul.mainNavi > li > ul.mainSubNavi02 > li.active > a {display:block; background-color:#49bc81; color:#fff;}
.topWrap .topInner .topR ul.mainNavi > li > ul.mainSubNavi03 > li.active > a {display:block; background-color:#f7b64e; color:#fff;}
.topWrap .topInner .topR ul.mainNavi > li > ul.mainSubNavi04 > li.active > a {display:block; background-color:#f87f46; color:#fff;}
.topWrap .topInner .topR ul.mainNavi > li > ul.mainSubNavi05 > li.active > a {display:block; background-color:#f35459; color:#fff;}

.topWrap .topInner .topR ul.mainNavi > li > ul > li {}
.topWrap .topInner .topR ul.mainNavi > li > ul > li > a{display:block; padding:5px; margin:10px 5px; text-align:center; font-weight:bold; font-size:13px;}

/* cont CSS */

.contWrap {width:100%; background-image:url('/img/sub/sub_bg.gif'); background-repeat:repeat-x; background-position:top;}
.contWrap .contInner {width:1200px; margin:0 auto;}
.contWrap .contInner .contTable {display:table;}
.contWrap .contInner .contTable .contL {display:table-cell; vertical-align:top; width:200px; padding:40px 0 0 0;}
.contWrap .contInner .contTable .contR {display:table-cell; vertical-align:top; width:1000px;}

.contWrap .contInner .contTable .contR .bo {padding:0 0 0 56px;}
/* login ¿µ¿ª CSS ·Î±×ÀÎÀü */
.loginBox {border:1px solid #ccc;}
.loginBox .loginInputArea {width:170px; margin:10px auto;}
.loginBox .loginInputArea tr td {vertical-align:top;}
.loginBox .loginInputArea tr td.inputHeight {height:3px;}
.loginBox .loginInputArea tr td label > img {width:26px;}
.loginBox .loginInputArea tr td > input {padding:4px; width:93%; height: 15px;}

.loginBox .loginBtnArea {width:170px; margin:10px auto;}
.loginBox .loginBtnArea tr td {vertical-align:middle;}

/* login ¿µ¿ª CSS ·Î±×ÀÎÈÄ */
.loginBox .loginOn {padding:10px;}
.loginBox .loginOn .btn1 { width: 156px; margin: 10px auto; }
.loginBox .loginOn .btn1 > a {display:block; border:1px solid #ccc; border-radius:5px; text-align:center; padding:5px 10px; transition:all 0.3s ease;}
.loginBox .loginOn .btn1 > a:hover {background-color:#f2b656; color:#fff;}
.loginBox .loginOn .btn2 { width: 156px; margin: 10px auto; }
.loginBox .loginOn .btn2 > a {display:inline-block; width:50px; border:1px solid #ccc; border-radius:5px; text-align:center; padding:5px 10px; margin:0 3px; transition:all 0.3s ease;}
.loginBox .loginOn .btn2 > a:hover {background-color:#f2b656; color:#fff;}


/* ¿ÞÂÊ ¸Þ´º¹Ú½º */
.leftNaviBox {margin:20px 0 0 0; border:1px solid #ccc;}
.leftNaviBox .leftNavitit {}
.leftNaviBox .leftNavitit > img {}
.leftNaviBox > ul {}
.leftNaviBox > ul > li{border-bottom:1px solid #ccc; position:relative;}
.leftNaviBox > ul > li > a {display:block; padding:10px 15px; font-weight:bold; font-size:14px;}
.leftNaviBox > ul > li:hover > a {background:#00a97c; color:#fff;}
.leftNaviBox > ul > li .bullet {position:absolute; top:50%; right:10%; margin-top:-4px; display:none;}
.leftNaviBox > ul > li:hover .bullet{display:block;}

.leftNaviBox > ul > li.active > a{background:#00a97c; color:#fff;}
.leftNaviBox > ul > li.active .bullet{display:block;}

/* ¿ÞÂÊ ¹è³Ê¹Ú½º */
.leftBannerBox {margin:30px 0 0 0; border:1px solid #ccc;}
.leftBannerBox > ul {}
.leftBannerBox > ul > li{border-bottom:1px solid #ccc;}
.leftBannerBox > ul > li:last-child {border:0;}

/* SUB02 ŸÀÌƲ ºÎºÐ */
.subMain_tit {padding:40px 0;}
.subMain_tit:after {content:''; display:block; clear:both;}
.subMain_tit .subMain_tit_L {float:left; margin:0 0 0 60px;}
.subMain_tit .subMain_tit_L .subMain_txt01 {font-size:24px; display:inline-block;}
.subMain_tit .subMain_tit_L .subMain_txt02 {display:inline-block; margin:0 0 0 5px; color:#969696;}

.subMain_tit .subMain_tit_R {float:right; padding:14px 0 0 0;}


/* ǪÅÍ CSS */
.footer {width:100%; height:130px; background-image:url('/img/intro/footer.jpg'); background-repeat:no-repeat; background-position:center;}
.footer .footerInner {position:relative; width:1200px; margin:0 auto;}
.footer .footerInner .mobileClick {position:absolute; top:85px; right:107px;}