@font-face{font-family:'Nanum Gothic'; src:url('/fonts/NanumGothic-Regular.woff')}
@font-face{font-family:'Nanum Gothic'; src:url('/fonts/NanumGothic-Regular.eot')}


body, td, p, input, button, textarea, select { font-family:'Nanum Gothic', sans-serif; font-size:12px; color:#666666; }

@charset "utf-8";



header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;}
ul,ol,dl{list-style:none;}
img {border:0; vertical-align:top;}
fieldset {border:0;}

*{ background-image: url( 'img/jb_blank.png' );}
/* 기본브라우저에서 가로폭 작게나오면서 줄바뀜 되는 현상 해결 스타일 */

.blind{display: block;left: 0;overflow: hidden;position: absolute;top:-1000em;}


/* header */
#header_wrap { position:relative; z-index:99; margin:0 auto; height:130px; background:url('../images/bg_top.gif')}
#header {width:1500px; margin:0 auto; position:relative; }
#header h1 {float:left;}
#btn_top0 {width:1500px; float:left;  position:relative; height:81px; z-index:100; background:url('../images/bg_top.gif')}
#btn_top {width:475px; float:left;  position:relative; padding-top:30px;height:50px; z-index:100; background:url('../images/bg_top.gif')}
#btn_top ul {float:right;}
#btn_top li {text-align:right; float:left; list-style:none;}
#btn_logo {float:left;  position:relative; height:81px; z-index:100;}
#btn_logo ul {float:left;}
#btn_ad {width:475px; float:left;  position:relative; height:80px; z-index:100; background:url('../images/bg_logo.gif')}
#btn_ad ul {padding-top:10px}

#gnb_head { position:relative; width:100%;height:49px; }
#gnb { position:relative; margin:0 auto;width:1058px;height:49px; }
#gnb h2 {float:left;  position:relative; z-index:2;}
#gnb h2 a {color:#fff;}
#gnb h2 a:hover {color:#fcfc64;}
#gnb #gnb_title1 {padding-right:0px;}
#gnb #gnb_title2 {padding-right:0px;}
#gnb #gnb_title3 {padding-right:0px;}
#gnb #gnb_title4 {padding-right:0px;}
#gnb #gnb_title5 {padding-right:0px;}
#gnb #gnb_title6 {padding-right:0px;}
#gnb #gnb_title7 {padding-right:0px;}
#gnb #gnb_title8 {padding-right:0px;}
#gnb #gnb_title9 {padding-right:0px;}


#gnb ul {position:absolute; top:-300px; font-family:'Nanum Gothic',tahoma; font-size:10pt;}
#gnb1 {left:-10px;}
#gnb2 {left:135px;}
#gnb3 {left:290px;}
#gnb4 {left:435px;}
#gnb5 {left:580px;}
#gnb6 {left:700px;}
#gnb7 {left:840px;}
#gnb8 {left:960px;}
#gnb9 {right:1px;}

#gnb ul li {padding:3px 0; letter-spacing:-1px;}
#gnb ul li a {color:#909090; font-weight:bold; padding:4px 10px; letter-spacing:-1px;line-height:125%; }
#gnb ul li a:hover {background:#3a8cb7; padding:4px 10px; font-weight:bold; color:#FFFFFF; text-decoration:none; letter-spacing:-1px;line-height:125%; }
#gnb_bg {position:absolute; z-index:97; width:100%; left:0px;  top:-169px; height:310px; }
#bg_color {background:#FFFFFF; z-index:96; position:absolute; left:0px; bottom:8px; width:100%; height:310px;border-bottom:1px solid #000000; }
* html #bg_color {bottom:0px;}




/* #bg_line {width:100%; height:50px; float:left; background:url('../images/bg_line.gif')} */
#bg_line {width:100%; height:30px; float:left;}


#main_wrap {width:100%;display:block;}

/* #main_wrap #bg { width:1500px; margin:0 auto; height:450px; background:url('../images/bg_main.jpg') }
#main_wrap #flash { width:490px; float:left; height:347px; margin-top:176px;}
#main_wrap #flash2 { width:510px; float:left; height:570px; } */


#visual { display:block; position:relative; top:0px; width:100%; height:791px; margin:0 auto; overflow:hidden; }
/*비쥬얼*/
#main_visual_wrap {width:100%;height:519px;position:relative;background:url('../images/mv_navi.gif') left bottom repeat-x;}

#main_visual_wrap ul {width:1500px;height:446px;position:absolute;left:50%;margin-left:-550px;}
#main_visual_wrap ul li {height:446px;position:absolute;top:0;left:0;display:none;}

#main_visual_wrap div {width:1500px;height:73px;position:absolute;left:50%;bottom:0;margin-left:-550px;}
#main_visual_wrap div ol {width:1500px;overflow:hidden;}
#main_visual_wrap div ol li {float:left;}




#sub_wrap { width:100%; position:relative; margin:0 auto; }
#sub_wrap .subBg {position:relative; width:100%; height:98px; background:url('../images/bg_sub.jpg'); background-position: center top}
#sub_wrap .subImg {position:relative; width:980px; height:98px; margin:0 auto;}
#sub_wrap .titleBx {float:left; position:relative; width:540px; height:52px; margin-top:30px;}
/* #sub_wrap .mapping {position:absolute; top:280px; right:0; font-size:11px; color:#9a9a9a; height:14px; vertical-align:middle;} */
#sub_wrap .mapping {float:left; position:absolute; top:80px; right:0; font-size:12px; color:#D6F0F9; height:14px; vertical-align:middle;}
#sub_wrap .contents {position:relative; width:980px; height:100%; margin:0 auto;}




#containerBottom{ width:1500px; height:560px;margin:0 auto;}
#containerBottom_in {width:1500px;  margin:0 auto;float:left; }
#containerBottom_in_left {width:510px;  margin:0 auto;float:left; }
#containerBottom_in_right {width:990px; margin:0 auto;float:left; }

.bnBox {width:1500px;  float:left;}
.bnBox ul {float:left;}
.bnBox li {list-style:none;width:480px; padding-bottom:30px;float:left;}


#containerBottom2{position:relative; width:100%; margin:0 auto; height:401px;}
#containerBottom_in2 {width:1200px; height:400px; margin:0 auto;  }
.bnBx {width:1200px; height:400px; float:left;}
.bnBx ul {float:left;}
.bnBx li {list-style:none;width:300px; float:left;}


#containerBottom3{position:relative; width:100%; margin:0 auto; height:751px;}
#containerBottom_in3 {width:1500px; height:745px; padding-top:5px;margin:0 auto; background:url('../images/bn_main_401.jpg'); }
.bnBx3 {width:990px; height:720px; margin:5px auto;background:#eeeeee;}
.bnBx3 ul {float:left; text-align:center;}

/*
#containerBottom3{position:relative; width:100%; margin:0 auto; height:821px;}
#containerBottom_in3 {width:1500px; height:821px; margin:0 auto; }
.bnBx3 {width:990px; height:720px; margin:5px auto;background:#eeeeee;}
.bnBx3 ul {float:left; text-align:center;}
*/





#containerBottom4{position:relative; width:100% margin:0 auto; height:341px;}
#containerBottom_in4 {width:1500px; height:340px; margin:0 auto; }
.bnBx4 {width:1500px; float:left;}
.bnBx4 ul {float:left;}
.bnBx4 li {list-style:none;width:1500px; height:340px; float:left;}
/* .bnBx4 li {list-style:none;width:750px; height:340px; float:left;} */

#containerBottom5{position:relative; width:100%; margin:0 auto; height:320px;}
#containerBottom_in5 {width:1500px; height:320px; margin:0 auto; }
.bnBx5 {width:1500px; float:left;}
.bnBx5 ul {float:left;}
.bnBx5 li {float:left;list-style:none;}


#containerBottom6{ width:100%; margin:0 auto; height:173px;  margin-top:49px; }
#containerBottom_in6 {width:1400px; height:173px; margin:0 auto; }



#containerBottom7{ width:100%; margin:0 auto;}
#containerBottom_in7 {width:1500px; height:360px;margin:0 auto;  }
.bnBx7 {width:1500px;  float:left;}
.bnBx7 ul {float:left;}
.bnBx7 li {list-style:none;float:left;}


#containerBottom8{width:100%; margin:0 auto;}
#containerBottom_in8 {width:1500px; height:270px;margin:0 auto;  }
.bnBx8 {width:1500px;  float:left;}
.bnBx8 ul {float:left;}
.bnBx8 li {list-style:none;width:360px; float:left;}

.bnBx8a {width:990px;  float:left;height:390px;}
.bnBx8a ul {float:left;}
.bnBx8a li {list-style:none;width:990px; float:left;}


#footer{position:relative; width:100%; margin:0 auto; height:100px;  background:url('../images/bg_foot.gif'); background-position: center top}
#footer_in{position:relative; width:980px; height:110px; margin:0 auto;} 


.btnBx {width:547px; height:46px; float:left;}
.btnBx ul {float:left;}
.btnBx li {padding-top:9px; list-style:none; float:left;}

.addBx {width:980px; height:100px; float:left;}
.addBx ul {float:left;}



#bnBoard{position:relative; width:100%; margin:0 auto; height:180px; }
#bnBoard_in {width:980px; height:200px; padding-top:25px; margin:0 auto; }

#bnBoard1{position:relative; width:100%; margin:0 auto; height:260px; }
#bnBoard_in1 {width:980px; height:260px; padding-top:25px; margin:0 auto; }

#bnBoard2{position:relative; width:100%; margin:0 auto; height:240px; }
#bnBoard_in2 {width:980px; height:240px; padding-top:25px; margin:0 auto; }

#bnBoard3{position:relative; width:100%; margin:0 auto; height:280px; }
#bnBoard_in3 {width:980px; height:280px; padding-top:25px; margin:0 auto; }

/* BnBoard */

.bnBoardBx {float:left; }
.bnBoardBx ul {float:left;}
.bnBoardBx li {list-style:none; float:left;}




#btnBottom{position:relative; width:100%; margin:0 auto; height:170px; }
#btnBottom_in {width:980px; height:170px; margin:0 auto; }

/* btnBottom */

.btnleftBx {width:310px; height:160px; float:left; }
.btnleftBx .ocBx {width:290px; height:160px; margin:0 auto;}
.btnleftBx .ocBx ul {float:left;}

.btncenterBx {width:310px; height:160px; float:left; margin:0 auto;}
.btncenterBx .psBx {width:290px; height:160px;}
.btncenterBx .psBx ul {float:left;}


.btnrightBx {width:360px; height:160px; float:left;}
.btnrightBx .bnBx {width:342px; height:160px; margin:0 auto; }
.btnrightBx .bnBx li {float:left;}


#bnFoot{position:relative; width:100%; margin:0 auto; height:140px; }
#bnFoot_in {width:980px; height:140px; padding-top:25px; margin:0 auto; }

/* bnFoot */

.bnFootBx {float:left; }
.bnFootBx ul {float:left;}
.bnFootBx li {list-style:none; float:left;}




#bnover{position:relative; width:100%; margin:0 auto; height:600px; }
#bnover_in {width:980px; height:600px; margin:0 auto; }

/* bnover */

.bnoverBx {float:left; }
.bnoverBx ul {float:left;}
.bnoverBx li {list-style:none; float:left;}



#tabmenu {  z-index:99; margin:0 auto; height:150px;margin-top:30px;}
ul.tabmenu					{overflow:hidden;list-style:none;}
ul.tabmenu li				{float:left; width:20%; background:#e8e8e8;}
ul.tabmenu li.on			{background:#6e7482; color:#fff;}
ul.tabmenu li.on a			{color:#fff; border:1px solid #6e7482;  font-weight: bold;  }
ul.tabmenu li.on a:hover	{background:#6e7482; text-decoration:none;}
ul.tabmenu li a			{display:block;  height:25px; padding:8px 0 0 0; text-align:center; border:1px solid #dddde1; font-size:11pt; color:#7b7c81; }
ul.tabmenu li a:hover		{background:#9197a6; border:1px solid #9197a6; text-decoration:none;  font-weight: bold; color:#FFF;}
ul.tabmenu li a.selected	{background:#9197a6;  font-weight: bold; color:#fff}





.quick{width:120px;position:absolute;right:0;z-index:80;}
.quick_list{width:120px;float:left;background:url(../images/bg_quick.gif) 0 0 repeat-y;}
.quick_list li{width:120px;height:120px;cursor:pointer;}
.quick_list .quick_chicago_tel{background:url(../images/bn_q_tel.gif) 0 0 no-repeat;width:120px;height:294px}
.quick_list li a{display:block;width:120px;height:120px;text-indent:-5000px;}
.quick_list li.q_menu1 a{background:url(../images/btn_q01.gif) 0 0 no-repeat;}
.quick_list li.q_menu2 a{background:url(../images/btn_q02.gif) 0 0 no-repeat;}
.quick_list li.q_menu3 a{background:url(../images/btn_q03.gif) 0 0 no-repeat;}
.quick_list li.q_menu4 a{background:url(../images/btn_q04.gif) 0 0 no-repeat;}
.quick_list li.q_menu5 a{background:url(../images/btn_q05.gif) 0 0 no-repeat;}
.quick_list li.q_menu6 a{background:url(../images/btn_q06.gif) 0 0 no-repeat;}
.quick_list li.q_menu1 a:hover,.quick_list li.q_menu1 a.on{background:url(../images/btn_q01.gif) 0 0 no-repeat;}
.quick_list li.q_menu2 a:hover,.quick_list li.q_menu2 a.on{background:url(../images/btn_q02.gif) 0 0 no-repeat;}
.quick_list li.q_menu3 a:hover,.quick_list li.q_menu3 a.on{background:url(../images/btn_q03.gif) 0 0 no-repeat;}
.quick_list li.q_menu4 a:hover,.quick_list li.q_menu4 a.on{background:url(../images/btn_q04.gif) 0 0 no-repeat;}
.quick_list li.q_menu5 a:hover,.quick_list li.q_menu5 a.on{background:url(../images/btn_q05.gif) 0 0 no-repeat;}
.quick_list li.q_menu6 a:hover,.quick_list li.q_menu6 a.on{background:url(../images/btn_q06.gif) 0 0 no-repeat;}


#quick_wrap{position:absolute;top:0;background:url(../images/bg_quick.gif) 0 0 repeat;}