html{overflow:auto}
body{background:#000}
body.scrollOff {position:fixed; width:100%; overflow:hidden;}
#wrap {width:100%; background:#f7f7f7; overflow:hidden;}

#header, #mainVisual, #container, #foot{width:100%; position:relative;}
.inner {width:94%; max-width:1450px; padding:0 3%; margin:0 auto; position:relative;}
.inner:after {content:""; display:block; clear:both; font-size:0; line-height:0; width:0; height:0; visibility:hidden;}
.mobile {display:none;}
.tablet {display:none;}
.btn_top {position:fixed; right:5%; bottom:5%; width:50px; height:50px; background:url('/images/product/btn_top.png') no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px; z-index:50; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
.btn_top:hover {background-position:0 bottom;}

/*header*/
#header{width:100%; height:145px; border-bottom:1px solid #dfdfdf; background:#fff; overflow: hidden;}
.headerWrap .util {width:100%; height:43px; background:#ab2020;}
.headerWrap .util ul {float:right;}
.headerWrap .util ul li {float:left; margin-left:30px; font-size:12px; line-height:40px;}
.headerWrap .util ul li.util_01 {background:url('/images/common/util_01.png') no-repeat 0 center;}
.headerWrap .util ul li.util_02 {background:url('/images/common/util_02.png') no-repeat 0 center;}
.headerWrap .util ul li a {display:block; padding-left:20px; color:#fff;}
.headerWrap .util ul li.util_02 a {padding-left:28px;}
.headerWrap .util ul li:hover a {text-decoration:underline;}

.headerWrap	h1 {position:absolute; top:25px; left:3%;}
.headerWrap	h1 img {height:30px;}
.headerWrap .SearchArea {position:absolute; top:28px; right:3%;}
.headerWrap .SearchArea .h_btn_search {display:block; width:22px; height:23px; border:none; background:url('/images/common/icon/icon_search.png') no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px;}
.headerWrap .SearchArea .SearchCon {display:none; position:fixed; top:120px; left:50%; width:1036px; padding:45px 30px; margin-left:-548px; background:#0c4da2; opacity: 0.95; filter:alpha(opacity=95); -mox-opacity:0.95; color:#fff; z-index:200;}
.headerWrap .SearchArea .SearchCon .SearchTitle {margin-bottom:2%; padding-left:80px; background:url('/images/common/icon/icon_search03.png') no-repeat 0 0; background-size:60px;}
.headerWrap .SearchArea .SearchCon .SearchTitle strong {font-size:30px; font-family:'NanumSquare', NanumSquare;}
.headerWrap .SearchArea .SearchCon .SearchTitle p {font-size:15px; color:#aec7e8; line-height:32px;}
.headerWrap .SearchArea .SearchCon .selectBox {float:left; width:45%;}
.headerWrap .SearchArea .SearchCon input.text {float:left; width:45%; height:49px; padding-left:2%; margin-left:0.5%; border:none; font-size:14px;}
.headerWrap .SearchArea .SearchCon .h_btn_search02 {float:left; width:7%; height:49px; border:none; background:#fff url('/images/common/icon/icon_search02.png') no-repeat center center; background-size:30px; font-size:0; line-height:0; text-indent:-9999px; cursor:pointer;}
.headerWrap .SearchArea .SearchCon .btn_close {position:absolute; top:14%; right:30px; display:block; width:40px; height:40px; background:url('/images/common/btn/btn_close.png') no-repeat 0 0; background-size:40px; font-size:0; line-height:0; text-indent:-9999px;}

/* GNB */
#topmenu {padding-left:23%; color:#222; z-index:101;}
#topmenu ul:after {display:block; content:""; clear:both;}
#topmenu ul a {display:block; color:#222;}
#topmenu > ul > li {position:relative; float:left; font-size:15px; font-weight:400;}
#topmenu > ul > li > a {display:block; padding:0 18px; font-family:'NanumSquare', NanumSquare; text-align:center; line-height:80px;}
#topmenu ul li.m_active a, #topmenu ul li a.on {color:#0c4da2;}
#topmenu div.submenu {position:absolute; top:20px; display:none; border:1px solid #dfdfdf; z-index:100; border-top:0px;}
#topmenu div.submenu ul {margin:0; padding:0px; font-size:13px;}
#topmenu div.submenu ul li {position:relative; height:auto; width:100%; border-top:1px solid #dfdfdf; background:#fff; text-align:left;}
#topmenu div.submenu ul li:first-child {border-top:none;}
#topmenu div.submenu ul li a {display:block; padding:10px; color:#666; font-weight:normal; text-align:left;}
#topmenu div.submenu ul li a:hover {background:#f3f3f3;}
#topmenu ul li.m1 div.submenu{left:0px; width:200px; z-index:100;}
#topmenu ul li.m2 div.submenu{left:0px; width:200px; z-index:100;}
#topmenu ul li.m3 div.submenu{left:0px; width:200px; z-index:100;}
#topmenu ul li.m4 div.submenu{left:0px; width:200px; z-index:100;}
#topmenu ul li.m5 div.submenu{left:0px; width:200px; z-index:100;}

/* GNB Mobile */
.btn_gnb {display:none; position:absolute; top:30px; left:3%; width:40px; height:40px; background:url('/images/common/m_menu.png') no-repeat 0 0; background-size:40px; font-size:0; line-height:0; text-indent:-9999px; cursor:pointer;}
#m_Menu {display:none; position:absolute; top:0; left:0; width:50%; background:#fff; z-index:100;}
#m_Menu .allmenuWrap {position:relative; height:100%; padding-left:100px;}
#m_Menu .indexLink {position:absolute; top:0; left:0; width:100px; height:100%; border-right:1px solid #d3d3d3; background:#f3f3f3; z-index:1; overflow-y:scroll; overflow-x:hidden;}
#m_Menu .indexLink li {width:100%; height:90px; border-bottom:1px solid #d3d3d3; text-align:center;}
#m_Menu .indexLink li.on,
#m_Menu .indexLink li:hover {background:#fff; border-right:1px solid #fff;} 
#m_Menu .indexLink li a {display:block; height:30px; padding-top:60px; font-size:13px; color:#444;}
#m_Menu .indexLink li.on a,
#m_Menu .indexLink li:hover a {color:#0c4da2;}
#m_Menu .indexLink li.m1 a {background:url('/images/common/icon_gnb01.png') no-repeat center 10px; background-size:45%;}
#m_Menu .indexLink li.m2 a {background:url('/images/common/icon_gnb02.png') no-repeat center 10px; background-size:45%;}
#m_Menu .indexLink li.m3 a {background:url('/images/common/icon_gnb03.png') no-repeat center 10px; background-size:50%;}
#m_Menu .indexLink li.m4 a {background:url('/images/common/icon_gnb04.png') no-repeat center 3px; background-size:55%;}
#m_Menu .indexLink li.m5 a {background:url('/images/common/icon_gnb05.png') no-repeat center 5px; background-size:50%;}
#m_Menu .indexLink li.m6 a {background:url('/images/common/icon_gnb06.png') no-repeat center 16px; background-size:38%;}
#m_Menu .indexLink li.m7 a {background:url('/images/common/icon_gnb07.png') no-repeat center 10px; background-size:45%;}
#m_Menu .indexLink li.m8 a {background:url('/images/common/icon_gnb08.png') no-repeat center 5px; background-size:50%;}
#m_Menu .indexLink li.m9 a {background:url('/images/common/icon_gnb09.png') no-repeat center 5px; background-size:50%;}
#m_Menu .siteLink {padding:0 15% 15% 15%;}
#m_Menu .siteLink dl {padding:30px 0;}
#m_Menu .siteLink dl dt {padding-bottom:15px; border-bottom:2px solid #0c4da2; font-family:'NanumSquare', NanumSquare; font-size:22px; color:#0c4da2;}
#m_Menu .siteLink dl dd {border-bottom:1px solid #c9c9c9; font-size:15px; color:#6d6d6d; line-height:39px; text-indent:15px;}
#m_Menu .siteLink dl dd a {display:block;}
#m_Menu .btn_close {position:absolute; top:0; right:-70px; display:block; width:70px; height:70px; background:#fff url('/images/common/btn/btn_allmenu_close.png') no-repeat center center; background-size:30px; font-size:0; line-height:0; text-indent:-9999px;}

/*main contents*/
.mainConWrap {background:#f7f7f7;}
.mainConWrap .inner {padding:10px 3% 65px 3%;}
.mainConWrap .productWrap {overflow:hidden;}
.mainConWrap .productWrap .ProductCon {position:relative; float:left; width:31.6666%; margin-left:2.5%; margin-bottom:1%; overflow:hidden; border: 1px solid #d1d1d1; box-sizing: border-box; border-radius: 10px;}
.mainConWrap .productWrap .ProductCon.p_04,
.mainConWrap .productWrap .ProductCon.p_05,
.mainConWrap .productWrap .ProductCon.p_06 {margin-bottom:0;}
.mainConWrap .productWrap .ProductCon .ImgBox img {width:100%; transition: all 1.5s ease;  -moz-transition: all 1.5s ease;  -ms-transition: all 1.5s ease;  -webkit-transition: all 1.5s ease;  -o-transition: all 1.5s ease; vertical-align: top;}
.mainConWrap .productWrap .ProductCon:hover .ImgBox img {transform: scale(1.2);  -moz-transform: scale(1.2);  -webkit-transform: scale(1.2);  -o-transform: scale(1.2);  -ms-transform: scale(1.2);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=2.0, M12=0, M21=0, M22=2.0, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=2.0, M12=0, M21=0, M22=2.0, SizingMethod='auto expand'); /* IE6 and 7 */}
.mainConWrap .productWrap .ProductCon.cyber span {position:relative; display:block; width:100%; padding:4% 0; background:#ab2020; font-size:19px; font-weight:600; color:#fff; text-align:center; z-index:1;}
.mainConWrap .productWrap .ProductCon span {position:relative; display:block; width:100%; padding:4% 0; background:#ffffff; font-size:18px; font-weight:600; color:#494949; text-align:center; z-index:1;}
.mainConWrap .productWrap .ProductCon .HoverCon {position:absolute; top:0; left:0; width:100%; height:100%; color:#000000; text-align:center; z-index:10; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
.mainConWrap .productWrap .ProductCon.p_01 .HoverCon {background:url('/images/main/product_01_ov.jpg') no-repeat 0 0; background-size:100% 100%;}
.mainConWrap .productWrap .ProductCon.p_02 .HoverCon {background:url('/images/main/product_02_ov.jpg') no-repeat 0 0; background-size:100% 100%;}
.mainConWrap .productWrap .ProductCon.p_03 .HoverCon {background:url('/images/main/product_03_ov.jpg') no-repeat 0 0; background-size:100% 100%;}
.mainConWrap .productWrap .ProductCon.p_04 .HoverCon {background:url('/images/main/product_04_ov.jpg') no-repeat 0 0; background-size:100% 100%;}
.mainConWrap .productWrap .ProductCon.p_05 .HoverCon {background:url('/images/main/product_05_ov.jpg') no-repeat 0 0; background-size:100% 100%;}
.mainConWrap .productWrap .ProductCon.p_06 .HoverCon {background:url('/images/main/product_06_ov.jpg') no-repeat 0 0; background-size:100% 100%;}
.mainConWrap .productWrap .ProductCon.p_07 .HoverCon {background:url('/images/main/product_07_ov.jpg') no-repeat 0 0; background-size:100% 100%;}
.mainConWrap .productWrap .ProductCon .HoverCon strong {display:block; padding-top:12.5%; font-family:'NanumSquare', NanumSquare; font-size:24px; line-height:30px;}
.mainConWrap .productWrap .ProductCon .HoverCon p {padding-top:3%; font-size:15px; line-height:20px;}
.mainConWrap .productWrap .ProductCon .HoverCon table {width:71%; padding-top:6.5%; margin:0 auto;}
.selectBox {width:100%; height:49px; background:#fff url('/images/main/select_arrow.png') no-repeat 92% center; overflow:hidden;}
.selectBox select {width:110%; height:100%; padding-left:5%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; font-size:18px; font-weight:600; color:#6e6e6e; cursor:pointer;}
.mainConWrap .productWrap .ProductCon .HoverCon table input.text {width:90%; height:49px; margin-top:5px; background:#fff; border:none; padding:0 5%;}
.mainConWrap .productWrap .ProductCon .HoverCon table .btn_go {display:block; width:93%; height:50px; background:#2f2f2f; font-size:17px; color:#fff; text-align:center; line-height:50px;}
.mainConWrap .productWrap .ProductCon .HoverCon table .btn_go:hover {text-decoration:none;}
.mainConWrap .productWrap .ProductCon .cursor {position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; z-index:20;}
.mainConWrap .productWrap .ProductCon .HoverCon .btn_close {position:absolute; top:10%; right:8%; display:block; width:25px; height:25px; background:url('/images/main/btn_close.png') no-repeat 0 0; background-size:25px; font-size:0; line-height:0; text-indent:-9999px; z-index:20;}

.mainConWrap .MenuWrap {width:100%; margin:20px 0; background:url('/images/main/border.gif') repeat-x 0 center;}
/* .mainConWrap .MenuWrap ul {width:90%; padding:0 0%; margin:0 auto; background:#f7f7f7; overflow:hidden;} */
.mainConWrap .MenuWrap ul {width:90%; padding:0 0%; margin:0 auto; overflow:hidden;}
/* .mainConWrap .MenuWrap ul li {float:left; width:14%;} */
.mainConWrap .MenuWrap ul li.m_menu01 {float:left; width:11%; background:url('/images/main/icon_menu01.png') no-repeat center 0 #f7f7f7; background-size:60px;}
.mainConWrap .MenuWrap ul li.m_menu02 {float:left; width:11%; background:url('/images/main/icon_menu02.png') no-repeat center 0 #f7f7f7; background-size:55px;}
.mainConWrap .MenuWrap ul li.m_menu03 {float:left; width:11%; background:url('/images/main/icon_menu03.png') no-repeat center 0 #f7f7f7; background-size:55px;} 
.mainConWrap .MenuWrap ul li.m_menu04 {float:left; width:11%; background:url('/images/main/icon_menu05.jpg') no-repeat center 0 #f7f7f7; background-size:48px;}
.mainConWrap .MenuWrap ul li.m_menu05 {float:left; width:11%; background:url('/images/main/icon_menu06.png') no-repeat center 0 #f7f7f7; background-size:53px;}

.mainConWrap .MenuWrap ul li.m_menu_t1 {float:left; width:18%; background:url('/images/main/title_01.png') no-repeat center 0; background-size:220px;}
.mainConWrap .MenuWrap ul li.m_menu_t2 {float:left; width:9%; background:url('/images/main/title_02.png') no-repeat center 0; background-size:220px;}
.mainConWrap .MenuWrap ul li.m_menu_t3 {float:left; width:18%; background:url('/images/main/title_03.png') no-repeat center 0; background-size:220px;}

.mainConWrap .MenuWrap ul li span {display:block; padding-top:60px; font-size:15px; color:#222; text-align:center;}
.mainConWrap .MenuWrap ul li.m_menu01:hover {background:url('/images/main/icon_menu01_ov.png') no-repeat center 0 #f7f7f7; background-size:60px;}
.mainConWrap .MenuWrap ul li.m_menu02:hover {background:url('/images/main/icon_menu02_ov.png') no-repeat center 0 #f7f7f7; background-size:55px;}
.mainConWrap .MenuWrap ul li.m_menu03:hover {background:url('/images/main/icon_menu03_ov.png') no-repeat center 0 #f7f7f7; background-size:55px;} 
.mainConWrap .MenuWrap ul li.m_menu04:hover {background:url('/images/main/icon_menu05_ov.jpg') no-repeat center 0 #f7f7f7; background-size:48px;}
.mainConWrap .MenuWrap ul li.m_menu05:hover {background:url('/images/main/icon_menu06_ov.png') no-repeat center 0 #f7f7f7; background-size:53px;}
.mainConWrap .MenuWrap ul li:hover a span {color:#0c4da2;}

.BannerWrap {width:100%;}
.BannerWrap ul {overflow:hidden;}
.BannerWrap ul li {float:left; width:25%; line-height:22px;}
.BannerWrap ul li.m_banner01,
.BannerWrap ul li.m_banner03 {background:#eaeaea;}
.BannerWrap ul li.m_banner02,
.BannerWrap ul li.m_banner04 {background:#fff;}
.BannerWrap ul li a {display:block; padding:50% 5% 11%; font-size:15px; color:#222; text-align:center;}
.BannerWrap ul li.m_banner01 a {background:url('/images/main/m_banner01.png') no-repeat center 15%; background-size:62.5%;}
.BannerWrap ul li.m_banner02 a {background:url('/images/main/m_banner02.png') no-repeat center 12%; background-size:68%;}
.BannerWrap ul li.m_banner03 a {background:url('/images/main/m_banner03.png') no-repeat center 17%; background-size:63%;}
.BannerWrap ul li.m_banner04 a {background:url('/images/main/m_banner04.png') no-repeat center 15%; background-size:63%;}
.BannerWrap ul li a strong {display:block; padding-bottom:2.5%; font-size:19px; font-family:'NanumSquare', NanumSquare; color:#222; line-height:25px;}


/*sub navigation bar*/
#SNB {width:100%; border-bottom:1px solid #dfdfdf; background:#fff;}
.SNBWrap {line-height:48px;}
.SNBWrap:after {content:''; clear: both; display: block;}
.SNBWrap .home {float:left; padding-right:40px; background:url('/images/common/snb_arrow.gif') no-repeat right center;}
.SNBWrap .home a {display:block; padding-left:28px; background:url('/images/common/icon_home.png') no-repeat 0 center; background-size:16px; font-size:14px; font-family:'Lato', Lato; color:#6d6d6d;}
.SNBWrap .depth {position:relative; float:left; padding-left:25px; padding-right:40px; background:url('/images/common/snb_arrow.gif') no-repeat right center; font-size:14px; color:#616161; cursor:pointer;}
.SNBWrap .depth_cyber {position:relative; float:left; padding-left:25px; padding-right:40px; background-color:#ab2020; font-size:18px; color:#ffffff; cursor:pointer;}
.SNBWrap .depth em {padding-right:15px;}
.SNBWrap .depth.on em {padding-right:15px; font-size:16px; font-weight:600; color:#0c4da2;}
.SNBWrap .depth span {padding-right:75px; background:url('/images/common/snb_off.png') no-repeat right center;}
.SNBWrap .depth.on span {background:url('/images/common/snb_on.png') no-repeat right center; font-size:16px; font-weight:600; color:#0c4da2;}
.SNBWrap .depth ul {display:none; position:absolute; left:-18px; top:48px; width:100%; padding:10px 0 20px; border:1px solid #d7dbe1; background:#fff; z-index:50;}
.SNBWrap .depth ul li {padding-top:10px; line-height:20px;}
.SNBWrap .depth ul li a {display:block; padding:0 20%; background:url('/images/common/snb_bul.png') no-repeat 13% 10px;}

/*sub contents*/
#container {width:92%; min-height:300px; padding:30px 4%;}
.sub #contents {width:100%; max-width:1000px; overflow:hidden; margin:0 auto;}
.sub #contents .titleArea{margin-bottom:2%;}	
/* .sub #contents .titleArea h3 {padding-bottom:10px; font-size:35px; font-family: 'Jeju Myeongjo', serif; font-weight:600; color:#000000;}	*/
.sub #contents .titleArea h3 {padding-bottom:10px; font-size:35px; font-family:'NanumSquare', NanumSquare; font-weight:600; color:#0c4da2;}	
.sub #contents .titleArea p {font-size:16px; color:#666; line-height:26px;}

/*contents*/
.contentsArea {padding:0px}
.contentsArea p {line-height:30px;}

/* Àλ縻 */
.company_bg {padding-bottom:50px !important; background:url('/images/company/company_bg03.jpg') no-repeat center bottom; background-size:100%;}
.introduction img {width:100%; padding-bottom:4%;}
.introduction .introCount {margin-top:55px; background:url('/images/company/line.png') no-repeat center center; background-size:100%; overflow:hidden;}
.introduction .introCount .col {float:left; text-align:center;}
.introduction .introCount .col span {display:block; font-size:16px; font-family:'Lato', Lato; color:#2c2c2c;}
.introduction .introCount .col strong {display:block; font-size:51px; font-family:'Lato', Lato; font-weight:400; color:#0c4da2; line-height:55px;}
.introduction .introCount .col p {font-size:30px; font-family:'NanumSquare', NanumSquare; font-weight:400; color:#666; line-height:53px;}
.introduction .introCount .col.col01 {width:25%;}
.introduction .introCount .col.col02 {width:50%;}
.introduction .introCount .col.col03 {width:25%;}

/* ¿¬Çõ */
.contents_tab {height:43px; margin-bottom:3%; border-bottom:1px solid #0c4da2;}
.contents_tab li {float:left; width:50%; height:42px; line-height:42px; text-align:center; background:#e5e5e5; font-weight:300; color:#888; box-sizing:border-box;}
.contents_tab .download_tab li {width:16.66666%; border-left:1px solid #ccc;}
.contents_tab li.active {background:#fff; border:1px solid #0c4da2; border-bottom:none;}
.contents_tab li a {display:block; font-weight:300; color:#707070;}
.contents_tab li.active {color:#222; height:43px; background:#f7f7f7;}
.contents_tab li.active a {color:#222; height:45px; background:#f7f7f7;}
.history .historyCon01 table {border-bottom:1px solid #cfcfcf;}
.history .historyCon01 table th {width:90px; padding:9.5px 0; font-size:17px; font-family:'Lato', Lato; font-weight:400; color:#0c4da2; text-align:left;}
.history .historyCon01 table th.year {width:180px; padding-top:0; font-size:40px; vertical-align:top;}
.history .historyCon01 table td {padding:9.5px 0; text-align:left;}
.history .historyCon02 {padding:3% 0;}
.history .pc_history_txt {display:block; width:100%;}
.history .history_txt {display:none;}
.history .m_history_txt {display:none;}

/* ȸ»ç°³¿ä */
.contentsArea.overview {background:url('/images/company/overview_bg.jpg') no-repeat right top; background-size:35% 100%; }
.contentsArea.overview dl {width:63%; overflow:hidden;}
.contentsArea.overview dl dt {float:left; width:18%; padding:1.8% 0 1.8% 2%; border-bottom:1px solid #878787; background:#676767; color:#fff; line-height:25px;}
.contentsArea.overview dl dd {float:left; width:74%; padding:1.8% 0 1.8% 2%; margin-left:4%; border-bottom:1px solid #cacaca; line-height:25px;}
.contentsArea.overview dl:first-child dt {border-top:1px solid #878787;}
.contentsArea.overview dl:first-child dd {border-top:1px solid #cacaca;}

/* Á¶Á÷µµ */
.organization {padding-top:37.2%; background:url('/images/company/organization3.jpg') no-repeat 0 12px; background-size:100%; overflow:hidden;}
.organization dl {float:left; width:19.2%; height:267px; margin-left:1%; text-align:center;}
.organization dl:first-child {margin-left:0;}
.organization dl dt {margin-bottom:10%; font-weight:600; color:#fff; line-height:340%;}
.organization dl dd {line-height:200%;}
.organization dl dd.line2 {padding:5px 0; line-height:20px;}
.tablet_organization {display:none;}

/* ¿À½Ã´Â ±æ */
.location {position:relative; height:660px;}
.location .locationCon {position:absolute; width:100%; background:#f7f7f7;}
.location .locationCon .root_daum_roughmap {margin-bottom:5%;}
.location .locationCon table.m_location {display:none;}
.location .locationCon table td {padding-left:2%; padding-right:1%;}
.location .locationCon table td.address {padding-right:3%;}
.location .locationCon table td strong {display:block; padding-bottom:2%; color:#222;}
.location .locationCon .mapArea {width:100%; height:435px;}
.root_daum_roughmap .wrap_map {height:402px !important;}

/* ÀÚ°¡Áø´Ü */
.online .section {padding-bottom:5%; overflow:hidden;}
.online .onlineCon {position:relative; float:left; width:32.3333%; margin-left:1.5%;}
.online .onlineCon:first-child {margin-left:0;}
.online .onlineCon .imgBox {position:relative; border:1px solid #e0e0e0; background:#fff;}
.online .onlineCon .imgBox span {position:absolute; left:0; bottom:0; display:block; width:100%; padding:5.5% 0; background:url('/images/online/title_bg.png') repeat; font-size:17px; color:#fff; text-align:center;}
.online.pc_online .onlineCon .depthCon {display:block !important;}
.online .onlineCon dl dt {border-bottom:1px solid #c6c6c6; font-weight:600; background:url('/images/common/icon/icon_link.png') no-repeat 98% center; background-size:15px; color:#666; cursor:pointer;}
.online .onlineCon dl dt:hover {background:url('/images/common/icon/icon_link_on.png') no-repeat 98% center; background-size:15px;}
.online .onlineCon dl dt.depth { background:url('/images/online/arrow.png') no-repeat 98% center;}
.online .onlineCon dl dt a {display:block; padding:5% 0; color:#666;}
.online .onlineCon dl dt.depth:hover,
.online .onlineCon dl dt.depth.on {background:url('/images/online/arrow_on.png') no-repeat 98% center; color:#0c4da2;} 
.online .onlineCon dl dt.on a,
.online .onlineCon dl dt:hover a {color:#0c4da2 !important;}
.online .onlineCon dl dt span {display:block; padding-left:4%; background:url('/images/online/bul.gif') no-repeat 0 center; background-size:2px;}
.online .onlineCon dl dt.depth span {padding:5% 0 5% 4%;}
.online .onlineCon dl dd {border-bottom:1px solid #c6c6c6; background:#fff;}
.online .onlineCon dl dd ul li {border-top:1px dashed #cccccc; padding-left:8.5%; background:url('/images/online/bul02.gif') no-repeat 5% center; background-size:2px;}
.online .onlineCon dl dd ul li:first-child {border-top:none;}
.online .onlineCon dl dd ul li a {display:block; padding:4% 0; font-size:13px; color:#7c7c7c;}
.online .onlineCon dl dd ul li a:hover {color:#0c4da2;}
.online .onlineCon dl dd ul li a.lts {letter-spacing:-1px;}
.online .onlineCon .Box {position:absolute; top:0; left:0; z-index:10;}

/* °³ÀÎÁ¤º¸Ã³¸®¹æħ */
.agreement_con {width:100%; height:800px; padding:3%; border:1px solid #d9d9d9; background:#fff; resize:none; box-sizing:border-box; overflow-y:scroll;}

/*foot*/
#foot {width:100%; background:#fff;}
#foot .f_util {width:100%; background:#464646; overflow:hidden; line-height:60px; color:#fff;}
#foot .f_util .floatL {overflow:hidden;}
#foot .f_util .floatL .num {float:left; font-size:19px; font-family:'Lato', Lato, 'NanumSquare', NanumSquare;}
#foot .f_util .floatL .num span {padding-left:15px; font-size:20px;}
#foot .f_util .floatL p {float:left; margin-left:32px; padding-left:24px; background:url('/images/common/icon/icon_clock.png') no-repeat 0 center; font-size:14px; color:#b5b5b5;}
#foot .f_util .floatL p span {padding-right:10px;}
#foot .f_util .floatR ul {overflow:hidden;}
#foot .f_util .floatR ul li {float:left; margin-left:25px;}
#foot .f_util .floatR ul li:first-child {margin-left:0;}
#foot .f_util .floatR ul li a {font-size:15px; font-weight:600; color:#fff;}
#foot .f_util .floatR ul li a:hover {text-decoration:underline;}

.footWrap {width:100%; margin:0 auto; position:relative;}
.footWrap .footCnt {padding:35px 0; font-size:14px; font-weight:600; color:#888; text-align:center;}
.footWrap .footCnt address {line-height:20px;}
.footWrap .footCnt address.pc {display:block;}
.footWrap .footCnt address.tablet {display:none;}
.footWrap .footCnt address.mobile {display:none;}
.footWrap .footCnt address span {padding-right:12px;}
.footWrap .footCnt .copy {padding-top:20px; font-family:'Lato', Lato; font-size:13px; color:#a9a9a9; font-weight:normal;}
.footWrap .footCnt a {color:#a9a9a9;}
.footWrap .footCnt a:hover {text-decoration:underline;}

/* °ü¸®ÀÚ ·Î±×ÀÎ */
.divbox {display:none; left:50%; position:absolute;	z-index: 1;}
.divbox .text {width:150px;}
div#box {width:400px; margin-left:-235px; margin-top:-176.5px; text-align:center; background-color:#fff; position:fixed; top:50%; left:50%; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;}
div#box .login_center{overflow:hidden; padding:30px 0;  border-top:1px solid #222;  border-bottom:1px solid #bbb;}
div#p_input {text-align:center;}
div#p_input span.label {display:inline-block; width:60px;}
div.login_foot {clear:both; text-align:center; margin-top:20px;}

/*ÀüÀÚ°áÁ¦(pay)*/
.pay{background:#fff; width:94%; height:100%; padding:3%; margin-bottom:0px; margin-left:0; margin-right:0; margin-top:0;}
.pay h3{font-size:25px; margin-bottom:5%; font-family:'NanumSquare', NanumSquare; font-weight:600; color:#0c4da2;}
.pay h4 {font-size:17px; margin-bottom:10px; font-family:'NanumSquare', NanumSquare; font-weight:600; color:#3e3e3e;}
.pay .section {padding-bottom:5%;}
.pay .btnArea {text-align:center; margin:5% 0;}

/*type4* Æ˾÷âÅ×À̺í */
.sub .type4 {width:100%; display:inline-block; overflow:hidden; border-top:2px solid #0c4da2;}
.sub .type4 caption{display:none}
.sub .type4 table{width:100%;}
.sub .type4 table th{color:#333; text-align:left; padding-left:15px; border-bottom:1px solid #ddd; background:#fafafa; font-weight:600;}
.sub .type4 table td{padding:2%; border-bottom:1px solid #ddd; border-left:1px solid #ddd; color:#666; text-align:left}




/*======================= PC 1650 px ~ =======================*/
@media only screen and (max-width:1650px){
#topmenu {padding-left:18%;}
#topmenu > ul > li > a {padding:0 10px;}



}

/*======================= PC 1280 px ~ =======================*/
@media only screen and (max-width:1280px){
#header {height:180px;}
.headerWrap h1 {position:static; padding-top:28px; text-align:center;}
.headerWrap .SearchArea {top:30px;}
.headerWrap .SearchArea .SearchCon {top:0; left:0; width:94%; padding:4% 3%; margin-left:0;}
.headerWrap .SearchArea .h_btn_search {width:30px; height:30px; background:url('/images/common/icon/icon_search02.png') no-repeat 0 0; background-size:30px;}
.headerWrap .SearchArea .SearchCon .btn_close {right:3%;}
#topmenu {display:none;}
.btn_gnb {display:block;}

.mainConWrap .inner {padding:5% 3% 7%;}
.mainConWrap .productWrap .ProductCon {width:48.5%; margin-left:3%; margin-bottom:3%;}
.mainConWrap .productWrap .ProductCon.p_04,
.mainConWrap .productWrap .ProductCon.p_05,
.mainConWrap .productWrap .ProductCon.p_06 {margin-bottom:3%;}
.mainConWrap .MenuWrap {background:none; margin:3% 0;}
.mainConWrap .MenuWrap ul {width:100%; padding:0;}
.mainConWrap .MenuWrap ul li span {padding-top:75px;}
.mainConWrap .MenuWrap ul li.m_menu01 {background-size:74px;}
.mainConWrap .MenuWrap ul li.m_menu02 {background-size:68px;}
.mainConWrap .MenuWrap ul li.m_menu03 {background-size:68px;} 
.mainConWrap .MenuWrap ul li.m_menu04 {background-size:57px;}
.mainConWrap .MenuWrap ul li.m_menu05 {background-size:65px;}
.mainConWrap .MenuWrap ul li.m_menu01:hover {background:url('/images/main/icon_menu01_ov.png') no-repeat center 0; background-size:74px;}
.mainConWrap .MenuWrap ul li.m_menu02:hover {background:url('/images/main/icon_menu02_ov.png') no-repeat center 0; background-size:68px;}
.mainConWrap .MenuWrap ul li.m_menu03:hover {background:url('/images/main/icon_menu03_ov.png') no-repeat center 0; background-size:68px;} 
.mainConWrap .MenuWrap ul li.m_menu04:hover {background:url('/images/main/icon_menu05_ov.jpg') no-repeat center 0; background-size:57px;} 
.mainConWrap .MenuWrap ul li.m_menu05:hover {background:url('/images/main/icon_menu06_ov.jpg') no-repeat center 0; background-size:65px;}

.BannerWrap {padding-top:3%;}
.BannerWrap ul li {width:50%;}
.BannerWrap ul li.m_banner03 {background:#fff;}
.BannerWrap ul li.m_banner04 {background:#eaeaea;}
.BannerWrap ul li a {font-size:13px;}
.BannerWrap ul li a strong {font-size:17px;}

}
/*======================= Tablet 1024 px ~ =======================*/
@media only screen and (max-width:1024px){
#container {padding:6% 4%;}
.tabletNone {display:none;}

/* Àλ縻 */
.introduction .introCount {background:url('/images/company/company_dot.png') no-repeat center center; background-size:100%;}
.company_bg {padding-bottom:30% !important; /* background:url('/images/company/company_bg02.jpg') no-repeat left bottom; background-size:100%; */}

/* ¿¬Çõ */
.history .pc_history_txt {display:none;}
.history .history_txt {display:block; width:100%; padding:2% 0;}
.history .m_history_txt {display:none;}

/* Á¶Á÷µµ */
.organization.pc {display:none;}
.tablet_organization {display:block;}

/* ¿À½Ã´Â±æ */
.location .locationCon .mapArea {margin-bottom:3%;}

/* ÀÚ°¡Áø´Ü */
.online .onlineCon {float:none; display:inline-block; *display:inline; *zoom:1; width:48%; margin-left:2%; margin-bottom:3%; vertical-align:top;}
.online .onlineCon:first-child {margin-left:2%;}
.online .section {display:inline;}



#foot .f_util {padding:1.5% 0; line-height:35px;}
#foot .f_util .floatR {display:none;}
.footWrap .footCnt {padding:4% 0; font-size:13px;}
.footWrap .footCnt ul {display:block; padding-bottom:3%;}
.footWrap .footCnt ul li {display:inline-block; padding:0 5px; font-size:14px; text-align:center;}
.footWrap .footCnt ul li a {color:#000;}
.footWrap .footCnt address.pc {display:none;}
.footWrap .footCnt address.tablet {display:block; line-height:22px;}
.footWrap .footCnt address.mobile {display:none;}
.footWrap .footCnt .copy {padding-top:3%;}
}
/*======================= Tablet 850 px ~ =======================*/
@media only screen and (max-width:850px){
.headerWrap .SearchArea .SearchCon .SearchTitle {padding-left:70px; background-size:55px;}
.headerWrap .SearchArea .SearchCon .SearchTitle strong {font-size:26px;}
.headerWrap .SearchArea .SearchCon .SearchTitle p {font-size:14px;}
.headerWrap .SearchArea .SearchCon input.text {height:40px;}
.headerWrap .SearchArea .SearchCon .h_btn_search02 {height:40px;}
.headerWrap .SearchArea .SearchCon .btn_close {width:30px; height:30px; background-size:30px;}

.mainConWrap .productWrap .ProductCon .HoverCon strong {font-size:22px; padding-top:10%;}
.mainConWrap .productWrap .ProductCon .HoverCon p {font-size:14px;}
.mainConWrap .productWrap .ProductCon .HoverCon table {width:80%;}
.selectBox {height:40px;}
.mainConWrap .productWrap .ProductCon .HoverCon table input.text {height:40px;}
.mainConWrap .productWrap .ProductCon .HoverCon table .btn_go {height:88px; font-size:15px; line-height:88px;}
.mainConWrap .productWrap .ProductCon .HoverCon .btn_close {width:20px; height:20px; background-size:20px;}

.sub #contents .titleArea h3 {font-size:32px;}
.sub #contents .titleArea p {font-size:15px;}
.contentsArea p {font-size:14px; line-height:25px;}

/* Àλ縻 */
.introduction .introCount .col strong {font-size:45px;}
.introduction .introCount .col p {font-size:23px;}

/* ¿¬Çõ */
.history .historyCon01 table th.year {width:150px; font-size:38px;}

/* ȸ»ç°³¿ä */
.contentsArea.o verview dl dt {font-size:14px; line-height:23px;}
.contentsArea.ove rview dl dd {font-size:14px; line-height:23px;}

/* foot */
#foot .f_util .floatL .num {font-size:18px;}
#foot .f_util .floatL .num span {font-size:19px;}
#foot .f_util .floatL p {margin-left:25px; font-size:13px;}
}

/*======================= Tablet 768 px ~ =======================*/
@media only screen and (max-width:768px){
#m_Menu {width:80%;}
}

/*======================= Mobile 640 px ~ =======================*/
@media only screen and (max-width:640px){
.pc {display:none;}
.mobile {display:block;}
.btn_top {width:40px; height:40px; background:url('/images/product/btn_top_mobile.png') no-repeat 0 0; background-size:40px;}
#header {height:65px;}
.headerWrap .util {display:none;}
.headerWrap .m_util {position:absolute; top:23px; right:13%; z-index:10;}
.headerWrap .m_util img {width:28px;}
.headerWrap h1 {padding-top:18px;} 
.headerWrap h1 img {height:25px;}
.headerWrap .SearchArea {top:20px;}
.headerWrap .SearchArea .h_btn_search {width:25px; height:25px; background-size:25px;}
.btn_gnb {width:30px; height:30px; top:20px; background-size:30px;}
#m_Menu {width:80%;}
#m_Menu .allmenuWrap {padding-left:70px;}
#m_Menu .siteLink {padding:0 30px 30px 30px;}
#m_Menu .indexLink {width:70px;}
#m_Menu .indexLink li {height:60px;}
#m_Menu .indexLink li a {height:20px; padding-top:40px; font-size:11px;}
#m_Menu .indexLink li.m1 a {background-size:50%; background-position:center 5px;}
#m_Menu .indexLink li.m2 a {background-size:50%; background-position:center 5px;}
#m_Menu .indexLink li.m3 a {background-size:55%; background-position:center 1px; letter-spacing:-1px;}
#m_Menu .indexLink li.m4 a {background-size:55%; background-position:center 1px;}
#m_Menu .indexLink li.m5 a {background-size:55%; background-position:center 1px;}
#m_Menu .indexLink li.m6 a {background-size:40%; background-position:center 10px;}
#m_Menu .indexLink li.m7 a {background-size:50%; background-position:center 5px;}
#m_Menu .indexLink li.m8 a {background-size:50%; background-position:center 5px;}
#m_Menu .indexLink li.m9 a {background-size:55%; background-position:center 1px;}
#m_Menu .siteLink dl dt {font-size:18px;}
#m_Menu .siteLink dl dd {font-size:13px; text-indent:10px;}
#m_Menu .btn_close {width:45px; height:45px; right:-45px; background-size:20px;}
.headerWrap .SearchArea .SearchCon {padding:5% 3%;}
.headerWrap .SearchArea .SearchCon .SearchTitle {padding-left:65px; background-size:50px;}
.headerWrap .SearchArea .SearchCon .SearchTitle strong {font-size:24px;}
.headerWrap .SearchArea .SearchCon .SearchTitle p {line-height:30px;}
.headerWrap .SearchArea .SearchCon .selectBox {float:none; width:100%; margin-bottom:2%; background-position:95% center;}
.headerWrap .SearchArea .SearchCon input.text {width:78%; padding:0 5%; margin-left:0;}
.headerWrap .SearchArea .SearchCon .h_btn_search02 {background-size:50%;}
.headerWrap .SearchArea .SearchCon .btn_close {top:12%; width:25px; height:25px; background-size:25px;}
.headerWrap .SearchArea .SearchCon .h_btn_search02 {width:12%;}

.mainConWrap .productWrap .ProductCon {width:100%; margin-left:0;}
.mainConWrap .MenuWrap {margin:6% 0;}
.mainConWrap .MenuWrap ul li.m_menu01 {width:44%; margin-left:6%; background-size:40%; margin-bottom:8%;}
.mainConWrap .MenuWrap ul li.m_menu02 {width:44%; margin-right:6%; background-size:35%; margin-bottom:8%;}
.mainConWrap .MenuWrap ul li.m_menu03 {width:33.3333%; background-size:50%;}
.mainConWrap .MenuWrap ul li.m_menu04 {width:33.3333%; background-size:45%;}
.mainConWrap .MenuWrap ul li.m_menu05 {width:33.3333%; background-size:48%;}
.mainConWrap .MenuWrap ul li.m_menu01:hover {background:url('/images/main/icon_menu01_ov.png') no-repeat center 0; background-size:40%;}
.mainConWrap .MenuWrap ul li.m_menu02:hover {background:url('/images/main/icon_menu02_ov.png') no-repeat center 0; background-size:35%;}
.mainConWrap .MenuWrap ul li.m_menu03:hover {background:url('/images/main/icon_menu03_ov.png') no-repeat center 0; background-size:50%;} 
.mainConWrap .MenuWrap ul li.m_menu04:hover {background:url('/images/main/icon_menu05_ov.jpg') no-repeat center 0; background-size:45%;}
.mainConWrap .MenuWrap ul li.m_menu05:hover {background:url('/images/main/icon_menu06_ov.jpg') no-repeat center 0; background-size:48%;}
.mainConWrap .MenuWrap ul li span {padding-top:35%;}
.mainConWrap .MenuWrap ul li.m_menu03 span,
.mainConWrap .MenuWrap ul li.m_menu04 span,
.mainConWrap .MenuWrap ul li.m_menu05 span {padding-top:55%;}
.BannerWrap ul li {width:100%;}
.BannerWrap ul li.m_banner03 {background:#eaeaea;}
.BannerWrap ul li.m_banner04 {background:#fff;}

.contentsArea p {font-size:13px; line-height:20px;}
#SNB {display:none;}
.sub #contents .titleArea {margin-bottom:5%;}
.sub #contents .titleArea h3 {padding-bottom:2%; font-size:25px;}
.sub #contents .titleArea p {font-size:14px; line-height:20px;}
.SNBWrap {line-height:40px;}
.SNBWrap .home {padding-right:20px; background:url('/images/common/m_snb_arrow.gif') no-repeat right center; background-size:16px;}
.SNBWrap .home a {padding-left:20px; background-size:15px; font-size:13px;}
.SNBWrap .depth {padding-left:10px; padding-right:20px; background:url('/images/common/m_snb_arrow.gif') no-repeat right center; background-size:16px; font-size:13px;}
.SNBWrap .depth span {padding-right:50px;}
.SNBWrap .depth.on span {font-size:15px;}
.SNBWrap .depth ul {top:40px; left:-17px;}

.contents_tab {height:35px;}
.contents_tab li {height:34px; line-height:34px;}
.contents_tab li.active {height:35px;}

/* Àλ縻 */
.introduction img {padding-bottom:5%;}
.introduction .introCount {margin-top:10%;}
.introduction .introCount .col span {font-size:12px;}
.introduction .introCount .col strong {font-size:30px; line-height:50px;}
.introduction .introCount .col p {font-size:18px; line-height:22px;}
.introduction p.mobile {text-align:justify;}

/* ¿¬Çõ */
.history .history_txt {display:none;}
.history .m_history_txt {display:block; width:100%; padding:5% 0;}

/* ¿¬Çõ - ³³Ç°½ÇÀû */
.history .historyCon02 .mobile table {padding-bottom:0; border-bottom:none;}
.history .historyCon02 .mobile table td {position:relative; padding:3% 0 6%; font-size:12px; text-align:left;}
.history .historyCon02 .mobile table td:before { content:''; position:absolute; left:26px; top:0; width:3px; height:100%; margin-top:20px; background-color:#0c4da2;}
.history .historyCon02 .mobile td dl {position:relative; padding-bottom:10%; overflow:hidden; z-index:10;}
.history .historyCon02 .mobile td dl dt {float:left; width:100%; padding-left:50px; margin-bottom:2%; background:url('/images/company/history_bul.png') no-repeat 20px center; background-size:15px; font-size:17px; font-family:'Lato', Lato; font-weight:400; color:#0c4da2; box-sizing:border-box;}
.history .historyCon02 .mobile td dl dd {float:left; width:100%; padding-left:50px; box-sizing:border-box;}

/* ȸ»ç°³¿ä */
.contentsArea.overview {background:none; }
.contentsArea.overview dl {width:100%;}

/* Á¶Á÷µµ */
.tablet_organization {display:none;}

/* ¿À½Ã´Â±æ */
.location {height:570px;}
.location .locationCon {padding-top:2%;}
.location .locationCon .mapArea {height:305px;}
.root_daum_roughmap .wrap_map {height:272px !important;}
.location .locationCon table.pc_location {display:none;}
.location .locationCon table.m_location {display:block;}
.location .locationCon table th {padding:2% 0;}
.location .locationCon table td {padding:2% 0 2% 2%;}

/* ÀÚ°¡Áø´Ü */
.online .onlineCon {width:100%; margin-left:0;}
.online .onlineCon:first-child {margin-left:0;}
.online .onlineCon .imgBox {border:1px solid #9d9d9d; background:url('/images/online/btn_plus.png') no-repeat 95% center; background-size:13px; overflow:hidden; cursor:pointer;}
.online .onlineCon .imgBox.on,
.online .onlineCon .imgBox:hover {border:1px solid #0c4da2; background:#0c4da2 url('/images/online/btn_minus.png') no-repeat 95% center; background-size:13px;}
.online .onlineCon .imgBox img {float:left; width:12%; padding:0 2%;}
.online .onlineCon .imgBox span {float:left; position:relative; width:84%; background:none; padding:3.5% 0; color:#666; font-size:16px; font-weight:600; text-align:left;}
.online .onlineCon .imgBox.on span,
.online .onlineCon .imgBox:hover span {color:#fff;}
.online .onlineCon .depthCon {display:none; border:1px solid #9d9d9d; border-top:none;}
.online .onlineCon dl {border-top:1px solid #d0d0d0; background:#fff;}
.online .onlineCon dl:first-child {border-top:none;}
.online .onlineCon dl dt {border-bottom:none; background:url('/images/common/icon/icon_link.png') no-repeat 95% center; background-size:10px;}
.online .onlineCon dl dt:hover {background:url('/images/common/icon/icon_link_on.png') no-repeat 95% center; background-size:10px;}
.online .onlineCon dl dt a {padding:3% 0;}
.online .onlineCon dl dt.depth {background:url('/images/online/arrow.png') no-repeat 94.5% center; background-size:9px;}
.online .onlineCon dl dt.depth:hover {background:url('/images/online/arrow_on.png') no-repeat 94.5% center; background-size:9px;}
.online .onlineCon dl dt.depth.on {background:url('/images/online/arrow_on2.png') no-repeat 94.5% center; background-size:9px;} 
.online .onlineCon dl dt span {padding-left:5%; background:none;}
.online .onlineCon dl dt.depth span {padding:3% 0 3% 5%;}
.online .onlineCon dl ul {padding:0 7% 5% 7%;}
.online .onlineCon dl dd {border-bottom:none;}
.online .onlineCon dl dd ul li {border-top:none; border-bottom:1px dashed #ccc; padding-left:3%; background:url('/images/online/bul.gif') no-repeat 2px center; background-size:1.5px;}
.online .onlineCon dl dd ul li a {font-size:12px; padding:2% 0;}


/* °³ÀÎÁ¤º¸Ã³¸®¹æħ */
.agreement_con {height:500px; font-size:12px;}

/* foot */
#foot .f_util {padding:3% 0; line-height:30px;}
#foot .f_util .floatL .num {float:none; font-size:16px;}
#foot .f_util .floatL .num span {font-size:17px;}
#foot .f_util .floatL p {float:none; margin-left:0; padding-left:20px; background-position:0 10px; background-size:13px; font-size:12px; letter-spacing:-0.5px;}
#foot .f_util .floatR {float:left !important;}
#foot .f_util .floatR ul li a {font-size:13px;}
.footWrap .footCnt {padding:5% 0; font-size:11px;}
.footWrap .footCnt ul {padding-bottom:5%;}
.footWrap .footCnt ul li {font-size:12px;}
.footWrap .footCnt address {line-height:16px;}
.footWrap .footCnt address span {padding-right:8px;}
.footWrap .footCnt address.tablet {display:none;}
.footWrap .footCnt address.mobile {display:block;}
.footWrap .footCnt .copy {padding-top:5%; font-size:10px;}

/* °ü¸®ÀÚ ·Î±×ÀÎ */
div#box {width:300px; padding:20px 20px 10px 20px; margin-left:-175px; margin-top:-93.5px;}
div#box .login_center {padding:20px 0;}
div.login_foot {margin-top:10px;}

/*type4* Æ˾÷âÅ×À̺í */
.sub .type4 table th {padding-left:10px;}
}

/*======================= Mobile 480 px ~ =======================*/
@media only screen and (max-width:480px){
.headerWrap .SearchArea .SearchCon .SearchTitle strong {font-size:22px;}
#container {padding:8% 4%;}
.contentsArea p {font-size:12px;}
.sub #contents .titleArea {margin-bottom:6%;}
.sub #contents .titleArea h3 {font-size:20px;}
.sub #contents .titleArea p {font-size:13px; line-height:18px;}

.mainConWrap .productWrap .ProductCon span {font-size:17px;}

/* ¿À½Ã´Â±æ */
.location {height:515px;}

/* ÀÚ°¡Áø´Ü */
.online .onlineCon .imgBox img {width:13%;}
.online .onlineCon .imgBox span {width:83%; font-size:14px;}
.online .onlineCon dl dt {font-size:12px;}
.online .onlineCon dl dd ul li a {padding:2.5% 0; font-size:11px;}

}

.scroll {
	position:relative;
	height:100%;
	overflow-y:scroll;
}


/* ¹è³Ê Àüü ÄÁÅ×ÀÌ³Ê 2025.12.18 ½ºÅ©·Ñ ¹è³Ê Ãß°¡*/
.top-banner {
    position: relative;    /* ÀÚ½Ä ¿ä¼ÒÀÎ __fixÀÇ ±âÁØÁ¡ */
    height: 40px;
    overflow: hidden;
    position: relative;
    background: #333;
}

/* ½½¶óÀÌµå ¸®½ºÆ® */
.top-banner__list {
    margin: 0;
    padding: 0;
    list-style: none;
    /* óÀ½ À§Ä¡¸¦ ¸íÈ®È÷ °íÁ¤ */
    transform: translateY(0); 
    will-change: transform;
}

.top-banner__item {
	height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.top-banner__link {
    color: #ffffff;
    text-decoration: none;
    line-height: 40px;
    display: block;
    width: 100%;
    text-align: center;
}

/* ¿ìÃø °íÁ¤ ¸Þ´º ¼³Á¤ */
.top-banner__fix {
    position: absolute;
    /* Áß¾Ó(50%)¿¡¼­ ¿À¸¥ÂÊÀ¸·Î 30% ´õ À̵¿ = ¿ÞÂÊ¿¡¼­ 80% ÁöÁ¡ */
    left: 90%; 
    top: 50%;
    transform: translate(-50%, -50%); /* Á¤È®ÇÑ Áß¾Ó Á¤·ÄÀ» À§ÇÑ º¸Á¤ */
    
    display: flex;         /* ¸Þ´º¸¦ °¡·Î·Î ¹èÄ¡ */
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 10;           /* ½½¶óÀ̵åµÇ´Â ÅؽºÆ®º¸´Ù À§¿¡ Ç¥½Ã */
}

.top-banner__fix li {
    margin: 0 10px;        /* ¸Þ´º °£°Ý */
}

.top-banner__fix li a {
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;        /* ±âº» ±ÛÀÚ»ö (Èò»ö ¹è°æ ¹è³ÊÀÏ °æ¿ì °ËÁ¤À¸·Î º¯°æ) */
    font-weight: bold;
}

/* À¥¹ßÁÖ ¹öÆ° µî È°¼ºÈ­ »óÅ */
.top-banner__fix li a.on {
    color: #ffeb3b;        /* °­Á¶»ö (¿¹: ³ë¶õ»ö) */
}