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


/**
 * base
 */

/* btn */

a.btn1 {display:inline-block; overflow:hidden; height:27px; padding:0 3px 0 0; margin:0 0 0 0; background:url('/images/common/btn/btn1.png') right -27px no-repeat; vertical-align:middle;}
a.btn1 span {display:block; overflow:hidden; min-width:50px; height:27px; padding:0 7px 0 10px; border:none; font-size:12px; line-height:25px; white-space:nowrap; font-weight:bold; color:#666; background:url('/images/common/btn/btn1.png') 0 0 no-repeat; text-align:center; vertical-align:top !important; letter-spacing:-1px; cursor:pointer;}
/*a.btn1:hover {background-position:right -90px;}
a.btn1:hover span {background-position:left -60px; color:#fff;}*/
a.btn1 .iconSch {display:inline-block; overflow:hidden; width:10px; height:11px; margin:0 5px 0 0; background:url('/images/common/btn/btn1_icon_search.png') 0 0 no-repeat; vertical-align:middle;}
a.btn1 .iconList {display:inline-block; overflow:hidden; width:10px; height:11px; margin:0 5px 0 0; background:url('/images/common/btn/btn1_icon_list.png') 0 0 no-repeat; vertical-align:middle;}



/**
 * layout
 */
 
.skipNavi {position:absolute; top:-100px; left:0; width:100%; z-index:30;}
.skipNavi a{position:absolute; display:block; width:100%; background-color:#333333; font-size:16px; line-height:20px; color:#fff; text-align:center; font-weight:bold;}
.skipNavi a:focus {top:100px;}
.skipNavi a:active {top:100px;}

#wrapper {width:100%; height:100%;}

/* header */
#header {position:relative; z-index:22; width:100%; min-width:1180px; min-height:100px; background:#fff url('/images/common/header/header_bg.gif') repeat-x 0 bottom;}
#header .inner {/*position:relative;*/ width:1180px; margin:0 auto;}
#header h1 {/*position:absolute; top:20px; left:1px; z-index:21;*/float:left; margin-top:20px; margin-left:1px;}
#header h1 a {display:block; overflow:hidden; width:149px; height:57px; text-indent:-9999px; background:url('/images/common/header/logo.png') no-repeat 0 0;}

#header .utilWrap {float:right;}
#header .util {float:left; margin-top:42px;}
#header .util a.btnAllMenu {position:relative; z-index:1; display:inline-block; overflow:hidden; padding:0 0 0 17px; background:url('/images/common/header/util_icon1.gif') 0 4px no-repeat; letter-spacing:-1px; font-weight:bold; vertical-align:middle}
#header .util a.btnAllMenu:hover {background-position:0 -16px; color:#3399cc;} /* 'Àüü¸Þ´º'ÀÇ ¼³Á¤ */
#header .utilList {/*position:absolute; top:44px; right:0; z-index:21;*/float:left; margin:44px 1px 0 15px; font-size:11px; font-weight:bold;}
#header .utilList li {float:left; padding:0 7px 0 6px; background:url('/images/common/header/util_bar.gif') no-repeat right 3px;}
#header .utilList li.last {padding-right:0; background:none;}
#header a {color:#666;}
#header a:hover, #header a:focus {color:#3399cc;}     /* Çì´õÀÇ contact us | site map ºÎºÐ */

/* ¸ÞÀÎ 4°³ ¸Þ´º  gnb */
#gnb {/*position:absolute; top:30px; left:283px;*/float:left; margin-top:30px; margin-left:130px; overflow:hidden; width:auto; height:70px;}
#gnb li {float:left; overflow:hidden;}
#gnb li a.t {display:block; width:140px; height:40px; padding:0 0 0 0; background:url('/images/common/header/gnb1.png') no-repeat center 0; font-size:18px; line-height:40px; font-weight:bold; color:#ff9944; letter-spacing:-1px; text-align:center; cursor:pointer; text-indent:-9999px;}
#gnb li.on a.t,
#gnb li a.t:hover {background-position:center -40px;}

#gnb li.m1 a.t {background-image:url('/images/common/header/gnb1.png');}
#gnb li.m2 a.t {width:160px; background-image:url('/images/common/header/gnb2.png');}
#gnb li.m3 a.t {width:160px; background-image:url('/images/common/header/gnb3.png');}
#gnb li.m4 a.t {background-image:url('/images/common/header/gnb4.png');}

/* menuLayer */ /* Àüü¸Þ´º ÅÇÀÇ ºÎºÐ */
#header .menuLayer {display:none; position:absolute; z-index:1; top:100px; left:0; /*width:1180px;*/width:100%; height:auto; background-color:#307dbf;}
#header .menuLayer .colWrap {position:relative; width:1040px; padding-left:140px; margin:0 auto; background-color:#3399ff; background:url('/images/common/header/menu_layer_colwrap_bg.gif') repeat-y 140px 0;}
#header .menuLayer .col {position:relative; float:left; width:219px; height:auto; padding:0 0 20px 20px; border-left:1px solid #ffffff; background-color:#307dbf;}
#header .menuLayer dl {}
#header .menuLayer dl dt a {display:block; padding:22px 0 7px 0; font-size:16px; line-height:20px; font-weight:bold; color:#99ddff;}
#header .menuLayer dl dd a {display:block; padding:6px 0 7px 0; font-size:14px; font-weight:bold; color:#fff;}
#header .menuLayer dl dd a:hover, #header .menuLayer dl dd a:focus {color:#; text-decoration:underline;} /* Àüü¸Þ´ºÅÜÀÇ mouseover */

#header .menuLayer dl dd ul {padding-bottom:2px;}
#header .menuLayer dl dd ul li a {padding:0 0 0 16px; background:url('/images/common/header/320/menu_layer_3depth_bullet.gif') no-repeat 8px 4px; font-size:12px; line-height:17px; font-weight:normal; color:#acd9ff;}

#header .menuLayer span.arrow {position:absolute; left:1004px; top:-8px; display:inline-block; overflow:hidden; width:15px; height:8px; background:url('/images/common/header/menu_layer_arrow.gif') no-repeat 0 0;}
#header .menuLayer #menuLayerBtnClose {position:absolute; top:19px; right:80px; display:inline-block; overflow:hidden; width:16px; height:16px; margin:0 0 0 0; background:url('/images/common/header/menu_layer_btn_close.gif') no-repeat 0 0; text-indent:-9999px;}

/* footer */
#footer {width:100%; min-width:1180px; padding-bottom:30px; border-top:1px solid #dadada; color:#000;}
#footer a {color:#000;}
#footer a:hover, #footer a:focus {color:#3399cc;}
#footer .inner {width:100%; min-width:1180px; border-bottom:1px solid #dadada;}
#footer .footerTop {position:relative; width:1180px; margin:0 auto; padding:8px 0 7px 0;}
#footer .utilService {float:left; padding:5px 0 2px 0;}
#footer .utilService li {float:left; padding:0px 20px 0 20px; background:url('/images/common/footer/util_service_bar.gif') no-repeat 0 3px;}
#footer .utilService li a {white-space:nowrap;}
#footer .utilService li.item1 {padding-left:10px; background:none;}

/* #footer .utilNetworks {float:right;}
#footer .utilNetworks li {float:left;} °è¿­»ç ¿¬°á*/
/* #footer .utilNetworks li .networksBtn {display:inline-block; overflow:hidden; width:210px; height:24px; padding-left:10px; background:url('/images/common/footer/btn_networks_bg.gif') 0 0 no-repeat; font-weight:bold; line-height:26px; color:#fff;} */
/* #footer .utilNetworks li .networksBtnOn {background-position:0 -24px;} */

#footer dl.footerInfo {width:1180px; margin:0 auto; margin-top:14px; font-family:Gulim;}
#footer dl.footerInfo dt {float:left; width:85px; height:32px; margin:0 21px 0 0; background:url('/images/common/footer/logo.png') 0 0 no-repeat; text-indent:-9999px;}
#footer dl.footerInfo dd {float:left; margin:0 0 7px 0; font-size:11px;}
#footer dl.footerInfo dd address {margin-top:1px; font-size:11px; color:#000;}
#footer dl.footerInfo dd address span.adress br {display:none;}
#footer dl.footerInfo dd .copyright {margin-top:6px; color:#666;}


/**
 * content
 */
 
/* container */
#container {width:1178px; margin:0 auto; border-left:1px solid #dadada; border-right:1px solid #dadada; background:url('/images/common/container_bg.gif') repeat-y 180px 0;}

/* aside */ /* ¿ÞÂÊ »çÀÌµå ¸Þ´º */
#aside {float:left; width:180px; min-height:500px;}
#lnb {width:180x;}
#lnb h2 {height:auto; line-height:10px; border-bottom:1px solid #fff;}
#lnb h2 img {vertical-align:middle; max-width:100%;}
#lnb .menuTop {width:180px; height:126px; line-height:10px; border-bottom:1px solid #fff; background:url('') no-repeat 0 0;}
#lnb .menu {position:relative; line-height:15px;} /* ¸Þ´º³»¿¡ °¢ Ä­ÀÇ ´ëÇÑ ¼³Á¤ */
#lnb .menu li {width:180px;}
#lnb .menu li a.t {display:block; overflow:hidden; padding:8px 0 7px 25px; border-bottom:1px solid #ccc; background-color:#ffffff; font-size:13px; font-weight:bold; color:#555; letter-spacing:0px;}
#lnb .menu li.on a.t {padding:11px 0 9px 25px; background:#84c6e7 url('/images/common/aside/lnb_2depth_bullet.png') no-repeat 10px 14px; font-size:14px; color:#ffffff;}
#lnb .menu li a:hover, #lnb .menu li a:focus {color:#;}
/* 3depth              */
#lnb .menu li ul {display:none;}
#lnb .menu li.on ul {display:block;}
#lnb .menu li ul li {border-bottom:none;}
#lnb .menu li ul li a {display:block; overflow:hidden; padding:8px 5px 7px 36px; border-bottom:1px solid #dadada; background-color:#fff; font-size:13px; color:#888; letter-spacing:0px;}
#lnb .menu li ul li a.on {font-size:14px; font-weight:bold; background:#fff url('/images/common/aside/lnb_3depth_bullet.png') no-repeat 26px 15px; color:#3399cc;}
#lnb .menu li ul li a:hover, #lnb .menu li ul li a:focus {background:url('/images/common/aside/lnb_3depth_bullet.png') no-repeat 26px 15px; color:#3399cc;}

/* location »çÀÌµå ¿· °¡·Î ¹Ù*/
#location {float:right; width:987px; min-height:22px; padding:10px 10px 4px 0; border-bottom:1px solid #dadada; background:url('/images/common/location_bg.gif') repeat 0 0; text-align:left; line-height:15px; color:#666;}
#location * {vertical-align:top; *vertical-align:middle;}
#location a {color:#666;}
#location em {color:#3399cc;}
#location a:hover {color:#3399cc;}
#location span.home {display:inline-block; overflow:hidden; height:16px; padding-left:43px; *margin-top:-1px; background:url('/images/common/location_icon_home.png') no-repeat 20px 0;}
#location span.arrow {display:inline-block; overflow:hidden; width:7px; height:16px; background:url('/images/common/location_icon_arrow.gif') no-repeat 0 2px; *background-position:0 1px;}
#location span.arrow em {position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}

/* ÁÙ¿´À»¶§ ³ª¿À´Â ¸®½ºÆ®¹Ù */
#locNav {display:none; position:relative; z-index:12; width:auto; min-width:311px; height:34px; padding:8px 0 6px 9px; border-bottom:1px solid #dadada;}
.locNavBtnBlk {position:relative;}
.locNavBtnBlk .locNavBtn {position:relative; top:0; left:0; z-index:2; display:block; overflow:hidden; width:290px; height:34px; padding:0 0 0 10px; background:url('/images/common/location_nav_bg.gif') 0 0 no-repeat; vertical-align:top; font-size:14px; font-weight:bold; color:#3399cc; line-height:36px;}
.locNavBtnBlk .locNavBtn:hover {color:#3399cc; text-decoration:underline;}
.locNavBtnBlk .locNavBtnOn {background-position:0 -34px;}
.locNavBtnBlk .locNavLayer {display:none; position:absolute; top:33px; left:0; z-index:1; width:298px; border:1px solid #b9b9b9; border-bottom:none; background:#fff; color:#333; letter-spacing:-1px;}
.locNavBtnBlk .locNavLayer .menu {}
.locNavBtnBlk .locNavLayer .menu li {}
.locNavBtnBlk .locNavLayer .menu li a.t {display:block; overflow:hidden; padding:7px 0 7px 24px; border-bottom:1px solid #b9b9b9; background:#fff url('/images/common/icon/location_nav_bullet.gif') no-repeat 10px 11px; font-size:14px; color:#333;}
/*.locNavBtnBlk .locNavLayer .menu li a.t:hover {color:#3399ff;}*/
.locNavBtnBlk .locNavLayer .menu li.on a.t {background-color:#84c6e7; color:#ffffff; font-weight:bold;}
.locNavBtnBlk .locNavLayer .menu li a:hover, .locNavBtnBlk .locNavLayer .menu li a:focus {color:#6699cc;}

.locNavBtnBlk .locNavLayer .menu li ul {display:none;}
.locNavBtnBlk .locNavLayer .menu li.on ul {display:block;}
.locNavBtnBlk .locNavLayer .menu li ul li {border-bottom:none;}
.locNavBtnBlk .locNavLayer .menu li ul li a {display:block; overflow:hidden; padding:8px 5px 7px 36px; border-bottom:1px solid #dadada; background-color:#fff; font-size:14px; color:#000; letter-spacing:-1px;}
.locNavBtnBlk .locNavLayer .menu li ul li a.on {background:#fff url('/images/common/icon/location_nav_bullet2.png') no-repeat 26px 11px; font-weight:bold; color:#3399cc;}
.locNavBtnBlk .locNavLayer .menu li ul li a:hover, #locNavBtnBlk .menu li ul li a:focus {background:url('/images/common/icon/location_nav_bullet2.png') no-repeat 26px 11px; color:#3399cc;}

/* content */
.content {float:right; width:920px; margin-top:50px; margin-bottom:90px; color:#000;}
.contentInner {width:780px; padding-top:20px;}

.content h3.subTitle, .content h2.subTitle {height:30px; margin-bottom:0px; font-size:16px; font-weight:bold; color:#000; line-height:18px;}
.content h4.sTit, .content h3.sTit {margin-bottom:15px; margin-top:10px; font-size:14px; line-height:22px;}
.content h4.sTit img, .content h3.sTit img {margin-top:10px;}
.content h6.sTit {margin-bottom:5px; font-size:14px; line-height:22px;}
.content h2 img, .content h3 img, .content h4 img, .content h5 img {max-width:100%;}
.content .p {padding-bottom:25px; font-size:14px; line-height:1.6em;}
.content .jtls {padding-bottom:25px; font-size:14px; line-height:1.6em;}
.content jtls {padding-left:25px; height:30px; margin-bottom:0px; font-size:13px; font-weight:bold; color:#000; line-height:200%;}

ul.ul_indent {padding-left:15px;}
ul.ul_indent li {text-indent:-12px;}
.indent {padding-left:13px; text-indent:-13px;}

ul.ul {padding-bottom:25px; font-size:16px; line-height:1.6em;}
ul.ul li {}

ul.ul1 {padding-bottom:25px; font-size:14px; line-height:1.6em;}
ul.ul1 li {padding:0 0 0 13px; background:url('/images/common/icon/bullet1.gif') no-repeat 0 8px;}
ul.ul2 {padding-bottom:10px; font-size:14px; line-height:1.6em;}
ul.ul2 li {padding:0 0 0 13px; background:url('/images/common/icon/bullet1.gif') no-repeat 0 8px;}
ul.ul2 li ul.ul_indent {padding-left:13px;}
ul.ul2 li ul.ul_indent li {text-indent:-12px; padding:0 0 0 0; background:none;}

ol.ol {padding-bottom:10px; font-size:14px; line-height:1.6em;}
ol.ol li {}
/*.content ol.ol li .p {padding-bottom:10px;}*/
.content ul.ul .p, .content ul.ul1 .p, .content ul.ul2 .p {padding-bottom:10px;}

dl.dl {padding-bottom:10px; font-size:14px; line-height:1.6em;}
dl.dl dt {padding:0 0 5px 0;}
dl.dl dd {padding-left:13px; text-indent:-13px;}
dl.dl dd ul.ul1 li {text-indent:0;}

.light {float:center; width:850px; margin-top:50px; margin-bottom:90px; color:#000;}
.lighttInner {width:1178px; padding-left:150px; padding-top:100px;} 

.light h3.subTitle, .light h2.subTitle {height:30px; margin-bottom:0px; font-size:16px; font-weight:bold; color:#000; line-height:18px;}
.light h4.sTit, .light h3.sTit {margin-bottom:15px; margin-top:10px; font-size:14px; line-height:22px;}
.light h4.sTit img, .light h3.sTit img {margin-top:10px;}
.light h6.sTit {margin-bottom:5px; font-size:14px; line-height:22px;}
.light h2 img, .light h3 img, .light h4 img, .light h5 img {max-width:100%;}
.light .p {padding-bottom:25px; font-size:14px; line-height:1.6em;}

ul.ul_indent {padding-left:15px;}
ul.ul_indent li {text-indent:-12px;}
.indent {padding-left:13px; text-indent:-13px;}

ul.ul {padding-bottom:25px; font-size:16px; line-height:1.6em;}
ul.ul li {}

ul.ul1 {padding-bottom:25px; font-size:14px; line-height:1.6em;}
ul.ul1 li {padding:0 0 0 13px; background:url('/images/common/icon/bullet1.gif') no-repeat 0 8px;}
ul.ul2 {padding-bottom:10px; font-size:14px; line-height:1.6em;}
ul.ul2 li {padding:0 0 0 13px; background:url('/images/common/icon/bullet1.gif') no-repeat 0 8px;}
ul.ul2 li ul.ul_indent {padding-left:13px;}
ul.ul2 li ul.ul_indent li {text-indent:-12px; padding:0 0 0 0; background:none;}

ol.ol {padding-bottom:10px; font-size:14px; line-height:1.6em;}
ol.ol li {}
/*.content ol.ol li .p {padding-bottom:10px;}*/
.light ul.ul .p, .light ul.ul1 .p, .light ul.ul2 .p {padding-bottom:10px;}

dl.dl {padding-bottom:10px; font-size:14px; line-height:1.6em;}
dl.dl dt {padding:0 0 5px 0;}
dl.dl dd {padding-left:13px; text-indent:-13px;}
dl.dl dd ul.ul1 li {text-indent:0;}

/* tab */
/*.tab {margin:0 0 50px 0;}
.tabLine {margin:0 0 5px 0; border-bottom:2px solid #007dc3;}
.tab li {float:left;}
.tab li a {display:block; width:139px; padding:0 0 0 0; margin-right:1px; vertical-align:middle; text-align:center; cursor:pointer;}
.tab li a span {overflow:hidden; display:block; height:39px; padding:0 0 0 0; font-size:14px; line-height:42px; white-space:nowrap; font-weight:bold; color:#666; background:#dedede; text-align:center; vertical-align:top !important; letter-spacing:-1px; cursor:pointer;}
.tab li.on a,
.tab li.on a:hover, .tab li.on a:focus {background:#007dc3;}
.tab li.on a span,
.tab li.on a:hover span, .tab li.on a:focus span {background:#007dc3; color:#fff;}
.tab li a:hover {width:137px; height:37px; border:1px solid #007dc3;}
.tab li a:hover span {height:37px; line-height:40px; color:#333;}
.tab li a:focus {width:137px; height:37px; border:1px solid #007dc3;}
.tab li a:focus span {height:37px; line-height:40px; color:#333;}*/

.tab2 {position:relative; padding-bottom:3px; margin:0 0 30px 0;background:url('/images/common/tab_line.png') repeat-x left bottom;}
.tab2 li {float:left;}
.tab2 li a {position:relative; display:block; width:139px; height:39px; padding:0 0 0 0; vertical-align:middle; text-align:center; cursor:pointer;}
.tab2 li a span {overflow:hidden; display:block; height:37px; padding:0 0 0 0; font-size:14px; line-height:38px; font-weight:bold; color:#666; background:#fff; text-align:center; vertical-align:top !important; letter-spacing:-1px; cursor:pointer; border:1px solid #c1c1c1;}
.tab2 li a span strong {display:none; position:absolute; left:0; bottom:-7px; height:7px; width:100%; background:url('/images/common/tab_icon.gif') no-repeat center 0; line-height:0; font-size:0;}
.tab2 li.on a{background:#3399ff;}
.tab2 li.on a span{line-height:38px; background:#3399ff; color:#fff; border:none;}
.tab2 li.on a span strong {display:none;}


table.dataTbl {width:100%; border-top:1px solid #dadada; border-bottom:2px solid #dadada; border-collapse:collapse; font-size:14px; line-height:1.6em; table-layout:fixed;}
table.dataTbl thead th {height:22px; padding-top:10px; padding-bottom:10px; padding-left:10px; text-align:center; background:#d8d8d8; color:#000; word-wrap:break-word;}
table.dataTbl tbody th {height:22px; padding-top:10px; padding-bottom:10px; padding-left:10px; border-bottom:1px solid #fff; text-align:left; background:#d8d8d8; color:#000; word-wrap:break-word; vertical-align:top;}
table.dataTbl tbody td {text-align:left; height:22px; padding-top:14px; padding-bottom:14px; padding-left:10px; padding-right:10px; border-right:1px solid #dadada; border-bottom:1px solid #dadada; color:#000; vertical-align:top;}
table.dataTbl .last {border-right:1px dashed transparent;}
table.dataTbl .st2 {vertical-align:middle;}
table.dataTblSt1 .col1 {width:12%;}
table.dataTblSt1 .col2 {width:26%;}
table.dataTblSt1 .col3 {width:auto;}
div.dataAreaSt1 {display:none;}

table.dataTblSt2 .col1 {width:12%;}
table.dataTblSt2 .col2 {width:26%;}
table.dataTblSt3 td.tit br {display:none;}


@media only screen and (min-width:971px) and (max-width:1180px) {

/* header */
#header {min-width:970px; min-height:100px;}
#header .inner {width:970px; margin:0 auto;}

/* gnb */
#gnb {margin-left:90px;}
#gnb li a.t {width:120px;}
#gnb li.m2 a.t {width:120px;}
#gnb li.m3 a.t {width:120px;}

/* menuLayer */
#header .menuLayer .colWrap {padding-left:120px; width:850px; background:url('/images/common/header/971/menu_layer_colwrap_bg.gif') repeat-y 120px 0;}
#header .menuLayer .col {width:175px; height:auto; padding:0 4px 20px 20px;}
#header .menuLayer span.arrow {left:796px;}
#header .menuLayer #menuLayerBtnClose {right:60px;}

/* footer */
#footer {min-width:970px;}
#footer .inner {min-width:970px;}
#footer .footerTop {width:970px;}
#footer .utilService {padding:0px 0 2px 34px;}
#footer dl.footerInfo {width:970px;}
#footer dl.footerInfo dt {margin:0 21px 0 34px;}


/**
 * content
 */
 
/* container */
#container {width:968px; background-position:168px 0;}

/* aside */
#aside {float:left; width:168px; min-height:500px;}
#lnb {width:168px;}
#lnb .menuTop {width:168px; height:97px; background:url('/images/common/aside/h2_5_1024.gif') no-repeat 0 0;}
#lnb .menu li {width:168px;}

/* location */
#location {width:789px;}
/* content */
.content {width:780px; margin-top:50px; margin-right:5px;}
	
.light {width:780px; margin-top:50px; margin-right:5px;}


}

@media only screen and (min-width:768px) and (max-width:970px) {

/* header */
#header {min-width:768px; min-height:100px;}
#header h1 {margin-left:36px;}
#header .inner {width:768px; margin:0 auto;}
#header .utilWrap {width:130px; height:60px;}
#header .util {float:right; margin-top:63px; margin-right:35px;}
#header .utilList {position:relative; top:-56px; right:35px; float:none; margin:0 0 0 0;}
#header .utilList li {float:none; padding:0 0 5px 6px; background:none; text-align:right;}
#header .utilList li.last {padding-right:0; background:none;}

/* gnb */
#gnb {margin-left:52px;}
#gnb li a.t {width:96px;}
#gnb li.m2 a.t {width:96px;}
#gnb li.m3 a.t {width:96px;}

/* menuLayer */
#header .menuLayer .colWrap {padding-left:34px; width:734px; background:url('/images/common/header/768/menu_layer_colwrap_bg.gif') repeat-y 34px 0;}
#header .menuLayer .col {width:135px; height:auto; padding:0 4px 20px 20px;}
#header .menuLayer span.arrow {left:696px;}
#header .menuLayer #menuLayerBtnClose {right:90px;}

/* footer */
#footer {min-width:768px;}
#footer .inner {min-width:768px;}
#footer .footerTop {width:768px;}
#footer .utilService {padding:5px 0 2px 34px;}
#footer .utilService li {padding:0 8px 0 8px;}

	
#footer dl.footerInfo {width:768px;}
#footer dl.footerInfo dt {margin:0 21px 0 34px;}


/**
 * content
 */
 
/* container */
#container {width:698px;}
/* location */
#location {width:507px;}
/* content */
.content {width:460px; margin-top:50px;}
.contentInner {width:380px;}
.content h3.subTitle {height:23px; margin-bottom:0px; font-size:16px; font-weight:bold; color:#000; line-height:18px;}
	
.light {width:460px; margin-top:50px;}
.lightInner {width:380px;}
.light h3.subTitle {height:23px; margin-bottom:0px; font-size:16px; font-weight:bold; color:#000; line-height:18px;}

.tab2 li a {width:92px;}
.tab2 li a span {font-size:14px;}
.tab2 li.on a{}
.tab2 li.on a span {font-size:14px; font-weight:bold;}

.tab2_a li a {width:139px;}
.tab2_a li.on a {}

.tab2_b li a {width:125px;}
.tab2_b li.on a {}

table.dataTbl tbody td {padding-left:6px; padding-right:6px;}
table.dataTbl .st1 {padding-left:3px; padding-right:0;}
table.dataTbl br {display:none;}
table.dataTbl .lineWrap {display:block;}
table.dataTblSt1 .col1 {width:14%;}
table.dataTblSt1 .col2 {width:24%;}
table.dataTblSt1 .col3 {width:auto;}
div.dataAreaSt1 {display:none;}


}

@media only screen and (max-width:767px) {

/* header */
#header {min-width:320px; min-height:111px;}
#header .inner {width:100%; margin:0 auto;}
#header h1 {position:absolute; top:15px; left:10px; float:none; margin-top:0; margin-left:0;}
/*#header h1 a {width:79px; height:30px; background-size:79px auto;}*/
#header h1 a {width:79px; height:30px; background:url('/images/common/header/320/logo.png') no-repeat 0 0;}
#header .utilWrap {float:none;}
#header .util {float:right; margin-top:5px; margin-right:10px;}
#header .util a.btnAllMenu {width:46px; height:44px; padding:0 0 0 0; background:url('/images/common/header/320/util_icon1.gif') 0 0 no-repeat;}
#header .util a.btnAllMenu span {display:block; text-indent:-9999px;}
#header .util a.btnAllMenu:hover {background-position:0 -44px;}
#header .utilList {display:none;}

/* gnb */
#gnb {position:absolute; width:100%; top:54px; left:0; height:55px; margin-top:0; margin-left:0; border-top:1px solid #dadada;}
#gnb li {width:24.9%;}
#gnb li a.t {width:auto; margin-top:8px; background:url('/images/common/header/320/gnb1.png') no-repeat center 0;}
#gnb li.on a.t,
#gnb li a.t:hover {background-position:center -40px;}
#gnb li.m1 a.t {background-image:url('/images/common/header/320/gnb1.png');}
#gnb li.m2 a.t {width:auto; background-image:url('/images/common/header/320/gnb2.png');}
#gnb li.m3 a.t {width:auto; background-image:url('/images/common/header/320/gnb3.png');}
#gnb li.m4 a.t {background-image:url('/images/common/header/320/gnb4.png');}

	
/* menuLayer */
#header .menuLayer {top:55px; left:0; background-color:#307dbf;}
#header .menuLayer .colWrap {position:static; padding-left:10px; width:310px; background:url('/images/common/header/320/menu_layer_colwrap_bg.gif') repeat-y 10px 0;}
#header .menuLayer .col {width:139px; height:auto; padding:0 10px 0 10px;}
#header .menuLayer .col1 {width:139px; height:auto;}
#header .menuLayer .col2 {width:129px; height:auto;}
#header .menuLayer .col3 {width:139px; height:auto; padding-bottom:20px;}
#header .menuLayer .col4 {width:139px; height:auto; padding-right:0; padding-bottom:20px;}
#header .menuLayer dl dt a {display:block; padding:18px 0 7px 0; font-size:16px; line-height:20px; font-weight:bold; color:#99ddff;}
#header .menuLayer dl dd a {font-size:14px;}
#header .menuLayer dl dd ul {display:block; padding-bottom:2px;}
#header .menuLayer dl dd ul li a {padding:0 0 0 16px; background:url('/images/common/header/320/menu_layer_3depth_bullet.gif') no-repeat 8px 4px; font-size:12px; line-height:17px; font-weight:normal; color:#acd9ff;}
#header .menuLayer span.arrow {left:0; right:20px; display:none;}
#header .menuLayer #menuLayerBtnClose {top:-55px; left:auto; right:0; width:64px; height:55px; background:url('/images/common/header/320/menu_layer_arrow.gif') no-repeat 0 0;}

/* footer */
#footer {min-width:320px; padding-bottom:10px;}
#footer .inner {min-width:320px; margin-bottom:57px;}
#footer .footerTop {position:relative; width:auto; padding:7px 10px 1px 10px;}
#footer .utilService {float:none; padding:5px 0 0 0; font-size:14px;}
#footer .utilService li {padding:0 12px 13px 13px; background:url('/images/common/footer/320/util_service_bar.gif') no-repeat 0 3px;}

#footer .utilService:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
#footer .utilNetworks {position:absolute; left:10px; bottom:86px; float:none; clear:both; padding-bottom:0;}
#footer .utilNetworks li {float:none;}
	
#footer dl.footerInfo {position:relative;width:auto; padding-left:10px; padding-right:10px; font-family:Dotum;}
#footer dl.footerInfo dt {display:none;}
#footer dl.footerInfo dd address {margin-top:1px; font-size:12px; line-height:18px; color:#000;}
#footer dl.footerInfo dd address span.lineWrap {display:none;}
#footer dl.footerInfo dd address span.tel {display:block;}
#footer dl.footerInfo dd address span.adress {display:block; width:auto;}
#footer dl.footerInfo dd .copyright {margin-top:15px;}


/**
 * content
 */

/* container */
#container {width:320px; width:auto; min-width:320px; border-left:none; border-right:none; background:none;}

/* aside */
#aside {display:none;}

/* location */
#location {float:none; width:auto; min-width:300px;  min-height:22px; padding:10px 10px 4px 10px; font-size:14px; text-align:left;}
/*#location * {display:inline-block;}*/
#location em {}
#location span.blk {display:none;}
/* locNav */
#locNav {display:block;}

/* content */
.content {position:relative; float:none; width:300px; width:auto; min-width:300px; max-width:400px; margin:30px auto 90px auto; padding:0 10px;}
.contentInner {width:auto; width:auto; min-width:300px; padding-top:0;}

.content h3.subTitle, .content h2.subTitle {margin-bottom:0px;}
.content h4.sTit, .content h3.sTit {margin-bottom:20px;}
.content h4.sTit img, .content h3.sTit img {margin-top:0;}
.content p.p {padding-bottom:14px;}
	
.light {position:relative; float:none; width:300px; width:auto; min-width:300px; max-width:400px; margin:30px auto 90px auto; padding:0 10px;}
.lightInner {width:auto; width:auto; min-width:300px; padding-top:0;}

.light h3.subTitle, .light h2.subTitle {margin-bottom:0px;}
.light h4.sTit, .light h3.sTit {margin-bottom:20px;}
.light h4.sTit img, .light h3.sTit img {margin-top:0;}
.light p.p {padding-bottom:14px;}

.tab2 {width:300px; margin-left:auto; margin-right:auto; margin-bottom:25px;}
.tab2 li a {width:150px;}
.tab2 li a span {font-size:12px; font-weight:bold;}
.tab2 li.on a{}
.tab2 li.on a span {font-size:12px; font-weight:bold;}
.tab2 li.on a span strong {display:none;}
.tab2 li a.lineWrap {margin-right:0;}


.tab2_b {}
.tab2_b li a {width:100px}
.tab2_b li.on a span {white-space:normal; letter-spacing:-2px;}
.tab2_b li.on a span strong {display:none;}

table.dataTblSt1 {display:none;}

table.dataTbl tbody th {padding-top:10px; padding-bottom:10px;}
table.dataTbl tbody td {padding-top:10px; padding-bottom:10px;}
table.dataTbl .lineWrap {display:block;}
div.dataAreaSt1 {display:block;}
div.dataAreaSt1 .dataTbl {margin:0 auto 10px auto;}
table.dataTblSt3 td.tit br {display:block;}

}


@media only screen and (max-width:480px) {

}

@media only screen and (max-width:380px) {

#footer .footerTop {padding:7px 0 1px 10px;}
#footer .utilService li.item6 {padding-left:0; background:none;}

#footer dl.footerInfo dd address span.adress {display:block; width:300px;}
#footer dl.footerInfo dd address span.adress br {display:block;}


}