@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Exo+2:400,500);


/* Default Setting */

* {margin: 0; padding: 0;}

body {visibility: hidden; background: #ececec; line-height: 1.5; font-family: 'Noto Sans KR', 'Malgun Gothic', 'Dotum', sans-serif; font-size: 14px; color: #777; letter-spacing: -0.5px; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); *letter-spacing: -1px;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block;}

li {list-style: none;}

a {display: inline-block; color: #777; text-decoration: none; *display: inline; *zoom: 1;}
a:hover, a:focus {text-decoration: underline;}

img {border: 0; vertical-align: top;}
em {font-style: normal; font-weight: 500;}

input, select, textarea, button {font-family: 'Noto Sans KR', 'Malgun Gothic', 'Dotum', sans-serif;}


	/* Default Setting (Mobile) */

	body.mobile {background: none; font-size: 20px;}


/* Shortcuts */

ul.float {*zoom: 1;}
ul.float:after {content: ""; display: block; clear: both;}
ul.float > li {float: left;}
ul.float > li:first-child {padding-left: 0 !important; background: none !important;}

div.float {*zoom: 1;}
div.float:after {content: ""; display: block; clear: both;}
div.float > .left {float: left;}
div.float > .right {float: right;}

div.select {display: inline-block; position: relative; vertical-align: middle; *display: inline; *zoom: 1;}
div.select a {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
div.select ul {display: none; position: absolute; top: 0; left: 0; z-index: 10;}
div.select.on {z-index: 10;}
div.select.on ul {display: block;}


/* Common Styles */

.wrap {position: relative; width: 1200px; margin: 0 auto;}

.exo2 {font-family: 'Exo 2', 'Noto Sans KR', 'Malgun Gothic', 'Dotum', sans-serif;}


	/* Common Styles (Mobile) */

	body.mobile .wrap {width: 640px;}


/* Skip Navigation */

.skip {position: absolute; top: 0; left: 0; width: 100%; height: 0; padding: 0; background: #000; z-index: 200; overflow: hidden; text-align: center;}
.skip.on {height: auto; padding: 5px 0; overflow: auto;}
.skip a {color: #fff; white-space: nowrap;}


/* Header */

header > .wrap {z-index: 100;}

header .global {position: absolute; top: 0; left: 0; width: 100%; height: 80px; padding-bottom: 4px; background: url(/html/img/common/bgHeader.png) repeat-x; z-index: 100;}

header .global h1 {position: absolute; top: 18px; left: 25px; padding: 10px; line-height: 0; font-size: 0;}

header .global ul.nav {position: absolute; top: 0; left: 273px; text-align: center; line-height: 1; font-size: 16px; font-weight: 500;}
header .global ul.nav li {width: 136px;}
header .global ul.nav li a {display: block; padding: 26px 0 25px; color: #000; text-decoration: none; cursor: pointer;}
header .global ul.nav li a span {display: inline-block; padding: 6px 0; *display: inline; *zoom: 1;}
header .global ul.nav li.on a,
header .global ul.nav li.hold a {color: #34518d;}
header .global ul.nav li.on a span,
header .global ul.nav li.hold a span {border-bottom: solid 1px #34518d;}
header .global ul.nav li a.i06 {display: none;}

header .global ul.util {position: absolute; top: 23px; right: 26px; line-height: 0; font-size: 0; font-weight: 500;}
header .global ul.util li {padding-left: 8px;}
header .global ul.util li a {padding: 10px 10px 10px 30px; line-height: 1; font-size: 12px; letter-spacing: 0; text-transform: uppercase;}
header .global ul.util li a.lang {background: url(/html/img/common/icnUtilLang.png) no-repeat 6px 50%;}
header .global ul.util li a.sitemap {background: url(/html/img/common/icnUtilSitemap.png) no-repeat 6px 50%;}
header .global ul.util li a.menu {width: 16px; height: 13px; padding-left: 10px; background: url(/html/img/common/icnUtilMenu.png) no-repeat 50% 50%; line-height: 0; font-size: 0;}

header nav {display: none; position: absolute; top: 81px; left: 0; width: 100%; height: 268px; background: #fff; z-index: 150; *zoom: 1;}
header nav:after {content: ""; display: block; clear: both;}
header nav.on {display: block;}

header nav .guide {float: left; width: 233px; background: #485c8c;}
header nav .guide dl {display: none; height: 207px; padding: 62px 35px 0 35px; background-repeat: no-repeat; background-position: 35px 22px;}
header nav .guide dl.on {display: block;}
header nav .guide dt {padding-bottom: 8px; border-bottom: solid 1px #919dba; font-size: 23px; font-weight: 500; color: #fff;}
header nav .guide dd {font-size: 11px; font-weight: 500;}
header nav .guide dd.eng {margin-top: 13px; line-height: 14px; color: #fff; letter-spacing: 0;}
header nav .guide dd.kor {margin-top: 9px; line-height: 16px; color: #c3c8d6;}

header nav .guide dl.i01 {background-image: url(/html/img/common/icnGuide01.png);}
header nav .guide dl.i02 {background-image: url(/html/img/common/icnGuide02.png);}
header nav .guide dl.i03 {background-image: url(/html/img/common/icnGuide03.png);}
header nav .guide dl.i04 {background-image: url(/html/img/common/icnGuide04.png);}
header nav .guide dl.i05 {background-image: url(/html/img/common/icnGuide05.png);}
header nav .guide dl.i06 {background-image: url(/html/img/common/icnGuide06.png);}

header nav ul {float: left; width: 111px; height: 252px; padding: 17px 12px 0 12px; border-left: solid 1px #eee; font-size: 12px; font-weight: 500; white-space: nowrap;}
header nav ul li {margin-top: 7px;}
header nav ul li:first-child {margin-top: 0;}
header nav ul li a {display: block; text-decoration: none !important;}
header nav ul li a:hover,
header nav ul li a:focus {color: #486298;}
header nav .guide + ul {border-color: #fff;}

header .visual {height: 350px; background: url(/html/img/common/bgVisual.png) no-repeat 50% 0;}
header .visual .wrap {padding-top: 141px;}
header .visual .text {padding: 3px 35px 0; background: url(/html/img/common/objDivVisual.png) no-repeat 35px 0; line-height: 32px; font-size: 27px; font-weight: 500; color: #fff; letter-spacing: -1px;}


	/* Header (Mobile) */

	body.mobile header .global {position: static; height: 103px; padding-bottom: 0; background: #fff;}

	body.mobile header .global h1 {top: 29px; left: 20px;}

	body.mobile header .global ul.nav {display: none; top: 103px; left: auto; right: 0; padding: 12px 0; border: solid 1px #c5c5c5; width: 160px; background: #fff; font-size: 20px; font-weight: normal;}
	body.mobile header .global ul.nav.on {display: block;}
	body.mobile header .global ul.nav li {float: none; width: auto;}
	body.mobile header .global ul.nav li a {padding: 8px;}
	body.mobile header .global ul.nav li.on a {color: #000;}
	body.mobile header .global ul.nav li.on a span {border-bottom: 0;}
	body.mobile header .global ul.nav li.hold a {padding-bottom: 7px !important; color: #34518d !important;}
	body.mobile header .global ul.nav li.hold a span {border-bottom: solid 1px #34518d;}
	body.mobile header .global ul.nav li a.i06 {display: block;}

	body.mobile header .global ul.util {top: 12px; right: 5px;}
	body.mobile header .global ul.util li {float: none; display: inline-block; padding-left: 0; vertical-align: middle; *display: inline; *zoom: 1;}
	body.mobile header .global ul.util li a {width: 42px; height: 42px; padding: 0; line-height: 0; font-size: 0;}
	body.mobile header .global ul.util li a.lang {background: url(/eng/html/img/common/mobile/icnUtilLang.png) no-repeat 50% 50%;}
	body.mobile header .global ul.util li a.sitemap {background: url(/html/img/common/mobile/icnUtilSitemap.png) no-repeat 50% 50%;}
	body.mobile header .global ul.util li a.menu {width: 80px; height: 80px; padding: 0; background: url(/html/img/common/mobile/icnUtilMenu.png) no-repeat 50% 50%;}

	body.mobile header nav {display: none !important;}

/*16.06.16*/
	body.mobile header .visual .text {font-size:24px;}
/*
body.mobile header .visual {height: 187px; background-image: url(/html/img/common/mobile/bgVisual.png);}
	body.mobile header .visual .wrap {padding-top: 60px;}*/


/* Article */

#content {position: relative; margin-top: -75px; z-index: 50;}
#content .wrap {min-height: 412px; border-top: solid 3px #224c9e; background: #fff url(/html/img/common/objDivNav.png) repeat-y 194px 0; *zoom: 1;}
#content .wrap:after {content: ""; display: block; clear: both;}

#content .nav {float: left; position: relative; width: 195px; padding-bottom: 15px;}

#content .nav h1 {height: 75px; padding-top: 94px; background-color: #224c9e; background-repeat: no-repeat; text-align: center; line-height: 1.2; font-size: 29px; font-weight: 500; color: #fff; letter-spacing: -1px;}
#content .nav h1.i01 {background-image: url(/html/img/common/icnNav01.png); background-position: 50% 40px;}
#content .nav h1.i02 {background-image: url(/html/img/common/icnNav02.png); background-position: 50% 45px;}
#content .nav h1.i03 {background-image: url(/html/img/common/icnNav03.png); background-position: 50% 44px;}
#content .nav h1.i04 {background-image: url(/html/img/common/icnNav04.png); background-position: 50% 47px;}
#content .nav h1.i05 {background-image: url(/html/img/common/icnNav05.png); background-position: 50% 48px;}
#content .nav h1.i06 {background-image: url(/html/img/common/icnNav06.png); background-position: 50% 50px;}

#content .nav nav {padding-top: 15px; white-space: nowrap;}

#content .nav nav > ul {background: url(/html/img/common/objDivNav.png) repeat-x 0 100%;}
#content .nav nav > ul > li {background: url(/html/img/common/objDivNav.png) repeat-x;}
#content .nav nav > ul > li.on + li {background: none;}
#content .nav nav > ul > li > a {display: block; width: 160px; padding: 0 16px 0 36px; line-height: 47px; font-size: 16px; color: #000; text-decoration: none;}
#content .nav nav > ul > li > a:hover,
#content .nav nav > ul > li > a:focus,
#content .nav nav > ul > li.on > a {background: #2d80c2 url(/html/img/common/objPointNav.png) no-repeat 100% 0; color: #fff;}
#content .nav nav > ul > li > ul {padding: 16px 25px 16px 36px; background: url(/html/img/common/objDivNav.png) repeat-x 0 100%; line-height: 24px; font-size: 12px; white-space: normal;}
#content .nav nav > ul > li > ul > li {padding-left: 10px; background: url(/html/img/common/objBulletNav.png) no-repeat 0 13px;}
#content .nav nav > ul > li > ul > li > a {display: block; color: #2d80c2;}

#content .nav nav .mobile {display: none;}

#content .cont {float: right; width: 921px; padding: 0 42px 130px 41px;}
#content .cont h3 {margin-top: 30px; padding-left: 18px; background: url(/html/img/common/objBullet.png) no-repeat 0 50%; font-size: 18px; font-weight: 500; color: #000;}

#content .cont .heading {position: relative; height: 44px; margin-bottom: 40px; padding-top: 24px; border-bottom: solid 1px #d9d9d9;}
#content .cont .heading h2 {line-height: 1.2; font-size: 26px; font-weight: normal; color: #000; letter-spacing: -1px;}
#content .cont .heading ul.loca {position: absolute; top: 41px; right: 0; white-space: nowrap; font-family: 'Dotum', sans-serif; font-size: 11px; letter-spacing: 0;}
#content .cont .heading ul.loca li {padding-left: 15px; background: url(/html/img/common/objDivLoca.png) no-repeat 6px 5px;}
#content .cont .heading ul.loca li a em {font-weight: bold; color: #000;}
#content .cont .heading ul.loca li a.home {padding-left: 18px; background: url(/html/img/common/icnHome.png) no-repeat 0 3px;}
#content .cont .heading + h3 {margin-top: 0;}


	/* Article (Mobile) */

	body.mobile #content {margin-top: 0; padding-top: 25px; background: #fff;}
	body.mobile #content .wrap {width: 600px; min-height: 0; background: none;}

	body.mobile #content .nav {float: none; width: auto; padding-bottom: 0; line-height: 0; font-size: 0; z-index: 10; *zoom: 1;}
	body.mobile #content .nav:after {content: ""; display: block; clear: both;}

	body.mobile #content .nav h1 {float: left; width: 175px; height: 122px; padding: 0 25px 0 0; text-align: right; line-height: 122px; font-size: 27px;}
	body.mobile #content .nav h1.i01 {background-image: url(/html/img/common/icnNav01.png); background-position: 25px 35px;}
	body.mobile #content .nav h1.i02 {background-image: url(/html/img/common/icnNav02.png); background-position: 23px 38px;}
	body.mobile #content .nav h1.i03 {background-image: url(/html/img/common/icnNav03.png); background-position: 28px 42px;}
	body.mobile #content .nav h1.i04 {background-image: url(/html/img/common/icnNav04.png); background-position: 25px 40px;}
	body.mobile #content .nav h1.i05 {background-image: url(/html/img/common/icnNav05.png); background-position: 28px 43px;}
	body.mobile #content .nav h1.i06 {background-image: url(/html/img/common/icnNav06.png); background-position: 28px 43px;}

	body.mobile #content .nav nav {float: left; padding-top: 0;}

	body.mobile #content .nav nav > ul {display: none;}

	body.mobile #content .nav nav .mobile {display: block;}
	body.mobile #content .nav nav .mobile div.select {display: block; width: 400px; line-height: 2; font-size: 20px;}
	body.mobile #content .nav nav .mobile div.select a {padding: 0 19px; color: #000; text-decoration: none;}
	body.mobile #content .nav nav .mobile div.select a.view {padding: 10px 52px 10px 19px; border: solid 1px #d9d9d9; border-top: 0; background: url(/html/img/common/objSelect.png) no-repeat 100% 50%;}
	body.mobile #content .nav nav .mobile div.select ul {top: 61px; left: 0; width: 398px; padding: 10px 0; border: solid 1px #d9d9d9; border-top: 0; background: #fff;}

	body.mobile #content .cont {float: none; width: auto; margin-top: 30px; padding: 0;}
	body.mobile #content .cont h3 {font-size: 24px; letter-spacing: -1.5px; *letter-spacing: -2px;}

	body.mobile #content .cont .heading {height: auto; padding: 0 0 8px; *zoom: 1;/*16.06.15 */margin-bottom:60px;}
	body.mobile #content .cont .heading h2 {font-size: 32px; font-weight: 500; letter-spacing: -1.5px; *letter-spacing: -2px;}
	body.mobile #content .cont .heading ul.loca {top: auto; /*16.06.15 bottom: 7px; right: -7px;*/bottom:-22px;left:0; font-family: 'Noto Sans KR', 'Malgun Gothic', 'Dotum', sans-serif; font-size: 15px; letter-spacing: -0.5px; *letter-spacing: -1px;}
	body.mobile #content .cont .heading ul.loca li {padding: 0 7px 0 10px; background: url(/html/img/common/objDivLoca.png) no-repeat 0 50%;}
	body.mobile #content .cont .heading ul.loca li a em {font-weight: 500;}
	body.mobile #content .cont .heading ul.loca li a.home {padding-left: 0; background: none;}

	body.mobile #content .cont .root_daum_roughmap {width: 600px !important;}


/* Footer */

footer {margin-top: 75px; border-top: solid 1px #dfdfdf; background: #fff;}
footer .wrap {height: 213px;}

footer a.logo {position: absolute; top: 35px; left: 0;}

footer p {padding-left: 80px; line-height: 1.5;}
footer p,
footer p a {color: #a1a1a1;}
footer p span {display: inline-block; *display: inline; *zoom: 1;}
footer p.info {padding-top: 28px; font-size: 13px; letter-spacing: 0;}
footer p.copyright {font-size: 12px; text-transform: uppercase;}


	/* Footer (Mobile) */

	body.mobile footer {margin-top: 55px; background: #efefef; text-align: center;}
	body.mobile footer .wrap {padding: 27px 0; height: auto;}

	body.mobile footer a.logo {display: none;}

	body.mobile footer p {padding: 0 30px !important; line-height: 30px; font-size: 20px !important;}
	body.mobile footer p.copyright {margin-top: 13px;}


/* Main Page : Visual Area */

.visualMain {position: relative; height: 567px; line-height: 0; font-size: 0;}

.visualMain .ctrl {display: none;}

.visualMain .slide {width: 100% !important;}
.visualMain .slide a {display: block; width: 100%; height: 421px !important; padding-top: 146px; background-repeat: no-repeat; background-position: 50% 0; text-decoration: none; cursor: pointer;}
.visualMain .slide a dl {width: 520px; height: 204px; margin: 0 auto; padding: 0 60px; background: url(/html/img/main/bgSlide.png); text-align: center;}
.visualMain .slide a dt {padding-bottom: 17px; background: url(/html/img/main/objDivSlide.png) repeat-x 0 100%; line-height: 44px; font-size: 48px; color: #fff; letter-spacing: -1px;}
.visualMain .slide a dd {margin-top: 12px; line-height: 19px; font-size: 14px; color: #fff; letter-spacing: 0;}

.visualMain .slide a.i01 {background-image: url(/html/img/main/imgVisual01.png);}
.visualMain .slide a.i02 {background-image: url(/html/img/main/imgVisual02.png);}
.visualMain .slide a.i03 {background-image: url(/html/img/main/imgVisual03.png);}

.visualMain .pager {position: absolute; top: 365px; left: 0; width: 100%; z-index: 50; text-align: center;}
.visualMain .pager a {width: 13px; height: 12px; padding: 10px; background: url(/html/img/common/objPagerClear.png) no-repeat 50% 50%;}
.visualMain .pager a.activeSlide {background-image: url(/html/img/common/objPagerOn.png);}


	/* Main Page : Visual Area (Mobile) */

	body.mobile .visualMain {width: 640px; height: 462px; margin: 0 auto;}

	body.mobile .visualMain .slide a {height: 338px !important; padding-top: 124px;}
	body.mobile .visualMain .slide a dl {width: 480px; padding: 0 50px;}
	body.mobile .visualMain .slide a dt {padding-bottom: 15px;}
	body.mobile .visualMain .slide a dd {margin-top: 10px; line-height: 21px; font-size: 16px;}

	body.mobile .visualMain .slide a.i01 {background-image: url(/html/img/main/mobile/imgVisual01.png);}
	body.mobile .visualMain .slide a.i02 {background-image: url(/html/img/main/mobile/imgVisual02.png);}
	body.mobile .visualMain .slide a.i03 {background-image: url(/html/img/main/mobile/imgVisual03.png);}

	body.mobile .visualMain .pager {top: 394px;}


/* Main Page : Article */

#content.main {margin-top: -136px;}
#content.main .wrap {min-height: 660px; border-top: 0; background: #fff;}

#content.main .product {position: relative; width: 546px; height: 531px; margin: 0 auto; padding: 0 30px; border-top: solid 3px #224c9e; text-align: center;}
#content.main .product h1 {display: inline-block; width: 154px; background: #224c9e; line-height: 32px; font-size: 21px; font-weight: normal; color: #fff; *display: inline; *zoom: 1;}

#content.main .product .ctrl {display: none;}

#content.main .product .slide {margin-top: 20px;}
#content.main .product .slide a {display: block; width: 100%; height: 415px;}
#content.main .product .slide a img {max-width: 100%; max-height: 100%;}

#content.main .product .pager {position: absolute; bottom: 27px; left: 0; width: 100%; text-align: center; line-height: 0; font-size: 0;}
#content.main .product .pager a {width: 13px; height: 12px; padding: 5px; background: url(/html/img/common/objPager.png) no-repeat 50% 50%;}
#content.main .product .pager a.activeSlide {background-image: url(/html/img/common/objPagerOn.png);}

#content.main .contBox a {display: block; position: absolute; width: 236px; height: 264px; padding: 0 30px; border-top: solid 3px #224c9e; border-right: solid 1px #ececec; background: #fff url(/html/img/main/btnMoreBox.png) no-repeat 249px 20px; text-decoration: none; cursor: pointer;}
#content.main .contBox a dl {padding-top: 107px; background-repeat: no-repeat; font-weight: 500;}
#content.main .contBox a dt {background: url(/html/img/main/objDivBox.png) no-repeat 0 0; line-height: 40px; font-size: 21px; color: #2e2e2e; letter-spacing: -1px;}
#content.main .contBox a dd {margin-top: 3px; line-height: 18px; font-size: 12px; color: #8f8f8f; letter-spacing: 0px;}
#content.main .contBox a:hover dt,
#content.main .contBox a:focus dt {color: #224c9e;}

#content.main .contBox a.i01 {top: 0; left: 0;}
#content.main .contBox a.i02 {top: 0; right: 0;}
#content.main .contBox a.i03 {top: 267px; left: 0;}
#content.main .contBox a.i04 {top: 267px;  right: 0;}
#content.main .contBox a.i02,
#content.main .contBox a.i04 {border-left: solid 1px #ececec; border-right: 0;}
#content.main .contBox a.i01 dl {background-image: url(/html/img/main/icnBox01.png); background-position: 0 44px;}
#content.main .contBox a.i02 dl {background-image: url(/html/img/main/icnBox02.png); background-position: 0 44px;}
#content.main .contBox a.i03 dl {background-image: url(/html/img/main/icnBox03.png); background-position: 0 48px;}
#content.main .contBox a.i04 dl {background-image: url(/html/img/main/icnBox04.png); background-position: 0 49px;}

#content.main .support {border-top: solid 1px #ececec; *zoom: 1;}
#content.main .support:after {content: ""; display: block; clear: both;}

#content.main .support > div {position: relative; height: 126px;}
#content.main .support > div h1 {position: absolute; top: 12px; left: 29px; padding-bottom: 43px; background-repeat: no-repeat; background-position: 0 100%; font-size: 17px; color: #fff;}
#content.main .support > div a.more {position: absolute; top: 19px; right: 20px; width: 27px; height: 27px; background: url(/html/img/main/btnMoreSupport.png); line-height: 0; font-size: 0;}

#content.main .support .news {float: left; width: 470px; padding-left: 130px; background: #5970a0;}
#content.main .support .news h1 {background-image: url(/html/img/main/icnNews.png);}

#content.main .support .news .list {height: 91px; padding: 15px 92px 0 0; overflow: hidden; white-space: nowrap; font-size: 13px; font-weight: 300; letter-spacing: 0;}
#content.main .support .news .list li {position: relative; margin-top: 5px; line-height: 0;}
#content.main .support .news .list li:first-child {margin-top: 0;}
#content.main .support .news .list li a {width: 240px; padding-right: 70px; vertical-align: middle; line-height: 1.5; color: #fff; cursor: pointer;}
#content.main .support .news .list li a.notice {background: url(/html/img/main/txtNotice.png) no-repeat 250px 50%;}
#content.main .support .news .list li a span {display: block; width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#content.main .support .news .list li span.date {vertical-align: middle; font-size: 11px; color: #fff;}

#content.main .support .csc {float: right; width: 457px; padding-left: 142px; border-left: solid 1px #ececec; background: #bab1ae;}
#content.main .support .csc h1 {background-image: url(/html/img/main/icnCsc.png);}

#content.main .support .csc .tel {padding-top: 10px; line-height: 1.2; font-size: 35px; font-weight: bold; color: #673737; letter-spacing: 0;}
#content.main .support .csc p.info {margin-top: 7px; line-height: 19px; font-size: 13px;}
#content.main .support .csc p.info,
#content.main .support .csc p.info a {color: #fff;}


	/* Main Page : Article (Mobile) */

	body.mobile #content.main .wrap {width: 594px;}

	body.mobile #content.main .product {width: auto; height: 529px; padding: 0 23px; border: solid 1px #c5c5c5; border-top: solid 3px #224c9e;}
	body.mobile #content.main .product h1 {width: 192px; padding: 3px 0 10px; line-height: 1; font-size: 28px;}

	body.mobile #content.main .product .slide {margin-top: 18px;}

	body.mobile #content.main .product .pager {bottom: 17px;}

	body.mobile #content.main .contBox {width: 608px; margin-top: 14px; line-height: 0; font-size: 0; *zoom: 1;}
	body.mobile #content.main .contBox:after {content: ""; display: block; clear: both;}
	body.mobile #content.main .contBox a {float: left; position: static; width: 238px; height: 256px; margin: 0 14px 13px 0; padding-right: 20px; border: solid 1px #c5c5c5; border-top: solid 3px #224c9e; background-position: 242px 17px;}
	body.mobile #content.main .contBox a dl {padding-top: 96px;}
	body.mobile #content.main .contBox a dt {padding-top: 11px; background-image: url(/html/img/main/mobile/objDivBox.png); line-height: 1; font-size: 28px;}
	body.mobile #content.main .contBox a dd {margin-top: 11px; line-height: 23px; font-size: 18px;}
	body.mobile #content.main .contBox a dd br {display: none;}

	body.mobile #content.main .contBox a.i01 dl {background-position: 0 31px;}
	body.mobile #content.main .contBox a.i02 dl {background-position: 0 31px;}
	body.mobile #content.main .contBox a.i03 dl {background-position: 0 29px;}
	body.mobile #content.main .contBox a.i04 dl {background-position: 0 30px;}

	body.mobile #content.main .support {margin-top: 17px; border-top: 0;}

	body.mobile #content.main .support > div {float: none; width: auto; height: auto; padding-left: 168px; *zoom: 1;}
	body.mobile #content.main .support > div h1 {top: 6px; left: 19px; padding-bottom: 0; background: none; font-size: 24px; font-weight: normal; letter-spacing: 0;}
	body.mobile #content.main .support > div a.more {display: none;}

	body.mobile #content.main .support .news .list {height: 41px; padding: 9px 30px 0 0; font-size: 20px; font-weight: normal;}
	body.mobile #content.main .support .news .list li {display: none;}
	body.mobile #content.main .support .news .list li:first-child {display: block;}
	body.mobile #content.main .support .news .list li a,
	body.mobile #content.main .support .news .list li a span {width: auto; max-width: 339px;}
	body.mobile #content.main .support .news .list li a {padding-right: 57px;}
	body.mobile #content.main .support .news .list li a.notice {background: url(/html/img/main/mobile/txtNotice.png) no-repeat 100% 50%;}
	body.mobile #content.main .support .news .list li span.date {display: none;}

	body.mobile #content.main .support .csc {height: 85px; margin-top: 13px;}

	body.mobile #content.main .support .csc .tel {font-size: 24px;}
	body.mobile #content.main .support .csc p.info {position: absolute; top: 47px; left: 19px; width: 544px; margin-top: 0; padding-right: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2; font-size: 20px;}
	body.mobile #content.main .support .csc p.info a,
	body.mobile #content.main .support .csc p.info br {display: none;}


/* Board */

.boardTab {white-space: nowrap; line-height: 0; font-size: 0;}
.boardTab li {display: inline-block; width: 50%; *display: inline; *zoom: 1;}
.boardTab li a {display: block; border: solid 1px #cacaca; border-left-width: 0; text-align: center; line-height: 55px; font-size: 16px; color: #000;}
.boardTab li a span {display: inline-block; background-repeat: no-repeat; background-position: 0 50%; *display: inline; *zoom: 1;}
.boardTab li:first-child a {border-left-width: 1px;}
.boardTab li.on a {border-color: #2d80c2; background: #2d80c2; color: #fff;}

.boardTab.unit3 li {width: 33%;}
.boardTab.unit3 li:first-child {width: 34%;}
.boardTab.unit4 li {width: 25%;}
.boardTab.unit5 li {width: 20%;}
.boardTab.unit6 li {width: 17%;}
.boardTab.unit6 li:first-child,
.boardTab.unit6 li:first-child + li {width: 16%;}
.boardTab.unit7 li {width: 14%;}
.boardTab.unit7 li:first-child,
.boardTab.unit7 li:first-child + li {width: 15%;}

.boardTab li a.i01 span {padding-left: 34px; background-image: url(/html/img/common/icnTab01.png);}
.boardTab li a.i02 span {padding-left: 31px; background-image: url(/html/img/common/icnTab02.png);}
.boardTab li a.i03 span {padding-left: 38px; background-image: url(/html/img/common/icnTab03.png);}
.boardTab li a.i04 span {padding-left: 32px; background-image: url(/html/img/common/icnTab04.png);}
.boardTab li a.i05 span {padding-left: 38px; background-image: url(/html/img/common/icnTab05.png);}
.boardTab li a.i06 span {padding-left: 35px; background-image: url(/html/img/common/icnTab06.png);}
.boardTab li a.i07 span {padding-left: 32px; background-image: url(/html/img/common/icnTab07.png);}
.boardTab li a.i08 span {padding-left: 33px; background-image: url(/html/img/common/icnTab08.png);}
.boardTab li a.i09 span {padding-left: 37px; background-image: url(/html/img/common/icnTab09.png);}
.boardTab li a.i10 span {padding-left: 32px; background-image: url(/html/img/common/icnTab10.png);}

.boardTab li.on a.i01 span {background-image: url(/html/img/common/icnTab01On.png);}
.boardTab li.on a.i02 span {background-image: url(/html/img/common/icnTab02On.png);}
.boardTab li.on a.i03 span {background-image: url(/html/img/common/icnTab03On.png);}
.boardTab li.on a.i04 span {background-image: url(/html/img/common/icnTab04On.png);}
.boardTab li.on a.i05 span {background-image: url(/html/img/common/icnTab05On.png);}
.boardTab li.on a.i06 span {background-image: url(/html/img/common/icnTab06On.png);}
.boardTab li.on a.i07 span {background-image: url(/html/img/common/icnTab07On.png);}
.boardTab li.on a.i08 span {background-image: url(/html/img/common/icnTab08On.png);}
.boardTab li.on a.i09 span {background-image: url(/html/img/common/icnTab09On.png);}
.boardTab li.on a.i10 span {background-image: url(/html/img/common/icnTab10On.png);}

.boardSearch {margin-top: 30px; text-align: right; line-height: 0; font-size: 0;}
.boardSearch #bo_list_total {font-size: 12px; position:relative; margin-top:22px;}
.boardSearch:first-child {margin-top: 0;}
.boardSearch select,
.boardSearch input[type="text"] {border: solid 1px #c7c7c7; vertical-align: middle; font-size: 13px; color: #666;}
.boardSearch select {/*width: 96px;*/ height: 31px; padding: 4px;}
.boardSearch input[type="text"] {width: 168px; margin-left: 5px; padding: 4px 8px;}
.boardSearch input[type="submit"] {width: 76px; height: 31px; margin-left: 5px; border: 0; background: #767676 url(/html/img/common/icnSearch.png) no-repeat 50% 50%; vertical-align: middle; line-height: 0; font-size: 0;}
.boardSearch span.label {display: inline-block; padding-right: 15px; vertical-align: middle; white-space: nowrap; line-height: 1.5; font-size: 14px; color: #444; *display: inline; *zoom: 1;}
.boardSearch.hasBorder {padding: 10px 15px; border: solid 1px #ebebeb; background: #fafafa;}

.boardList {width: 100%; margin-top: 15px; border-top: solid 2px #224c9e; border-bottom: solid 2px #e8e8e8;}
.boardList:first-child {margin-top: 0;}
.boardList th {height: 42px; font-weight: 500; color: #444;}
.boardList td {height: 23px; padding: 10px 0 9px; border-bottom: solid 1px #e8e8e8; text-align: center;}
.boardList tr:first-child td {border-top: solid 2px #e8e8e8;}
.boardList td.nowrap {white-space: nowrap;}
.boardList td a.subject {/*display: block;*/ padding: 0 10px; text-align: left;}
.boardList td span.label {display: inline-block; min-width: 40px; padding: 0 10px; background: #a1a1a1; line-height: 23px; font-size: 12px; color: #fff; *display: inline; *zoom: 1;}
.boardList td span.label.color {background: #00afde;}
.boardList td.td_subject {text-align: left;}
.boardList td img {vertical-align:middle !important; margin-left:6px;}

.boardView {width: 100%; margin-top: 9px; border-top: solid 2px #224c9e;}
.boardView:first-child {margin-top: 0;}
.boardView th,
.boardView td {height: 27px; padding: 8px 0; border-bottom: solid 1px #e8e8e8; text-align: left;}
.boardView th {max-width: 800px; font-size: 18px; font-weight: normal; color: #444;}
.boardView td > div,
.boardView th > div {padding: 0 10px;}
.boardView td em {margin: 0 5px 0 15px; font-weight: normal; color: #444;}
.boardView td em:first-child {margin-left: 0;}
.boardView td em img {vertical-align:middle; margin-right:4px;}
.boardView td.right {text-align: right;}
.boardView td.body {padding: 30px 0; border-top: solid 1px #e8e8e8; line-height: 2;}
.boardView td.body em {margin: 0;}

.boardWrite {width: 100%; margin-top: 9px; border-top: solid 2px #224c9e;}
.boardWrite:first-child {margin-top: 0;}
.boardWrite th,
.boardWrite td {height: 31px; padding: 6px 0; border-bottom: solid 1px #e8e8e8;}
.boardWrite th {width: 110px; text-align: left; font-size: 14px; font-weight: 500; color: #444;}
.boardWrite th > div {padding: 0 10px;}
.boardWrite td {font-size: 13px;}
.boardWrite td.tight {line-height: 12px; font-size: 12px;}
.boardWrite td input,
.boardWrite td select,
.boardWrite td label {vertical-align: middle;}
.boardWrite td input:first-child,
.boardWrite td select:first-child,
.boardWrite td label:first-child {margin-top: 0 !important; margin-left: 0 !important;}
.boardWrite td input[type="text"],
.boardWrite td input[type="password"],
.boardWrite td select,
.boardWrite td textarea {margin-left: 6px; border: solid 1px #c7c7c7; font-size: 13px; color: #666;}
.boardWrite td input[type="text"],
.boardWrite td input[type="password"] {width: 382px; height: 19px; padding: 5px 8px;}
.boardWrite td input[type="text"].full,
.boardWrite td input[type="password"].full {width: 790px;}
.boardWrite td input[type="checkbox"],
.boardWrite td input[type="radio"] {margin-left: 10px;}
.boardWrite td select {width: 400px; height: 31px; padding: 4px;}
.boardWrite td textarea {width: 790px; height: 190px; margin-left: 0; padding: 5px 8px; line-height: 1.5;}
.boardWrite td label {margin-left: 3px;}

.boardPager {margin-top: 40px; text-align: center; line-height: 0; font-size: 0;}
.boardPager:first-child {margin-top: 0;}
.boardPager a {min-width: 18px; margin-left: 6px; padding: 0 5px; border: solid 1px #c7c7c7; vertical-align: middle; line-height: 28px; font-size: 14px; color: #3c3b3b; text-decoration: none;}
.boardPager a.on {border-color: #2d80c2; background: #2d80c2; color: #fff;}
.boardPager a:first-child {margin-left: 0 !important;}
.boardPager a.first,
.boardPager a.prev,
.boardPager a.next,
.boardPager a.last {width: 28px; height: 28px; padding: 0; background-repeat: no-repeat; background-position: 50% 50%; line-height: 0; font-size: 0;}
.boardPager a.first {background-image: url(/html/img/common/icnPagerFirst.png);}
.boardPager a.prev {background-image: url(/html/img/common/icnPagerPrev.png);}
.boardPager a.prev + a {margin-left: 24px;}
.boardPager a.next {margin-left: 24px; background-image: url(/html/img/common/icnPagerNext.png);}
.boardPager a.last {background-image: url(/html/img/common/icnPagerLast.png);}

.boardButton {margin-top: 40px; text-align: center; line-height: 0; font-size: 0; *zoom: 1;}
.boardButton:after {content: ""; display: block; clear: both;}
.boardButton > .left {float: left; text-align: left;}
.boardButton > .right {float: right; text-align: right;}

.boardButton a,
.boardButton button,
.boardButton input[type="submit"] {margin-left: 10px; padding: 0 10px; border: solid 1px #c7c7c7; background: #fff; vertical-align: middle; text-align: center; white-space: nowrap; line-height: 35px; font-size: 14px; color: #888; letter-spacing: -0.5px; text-decoration: none; cursor: pointer; *letter-spacing: -1px;}
.boardButton a {min-width: 56px; *min-width: 54px; *padding: 0 11px;}
.boardButton button,
.boardButton input[type="submit"] {width: auto; min-width: 78px; height: 37px; overflow: visible;}
.boardButton a:first-child,
.boardButton button:first-child,
.boardButton input[type="submit"]:first-child {margin-left: 0 !important;}
.boardButton a.gray,
.boardButton button.gray,
.boardButton input[type="submit"].gray {background: #c7c7c7; color: #fff;}
.boardButton a.blue,
.boardButton button.blue,
.boardButton input[type="submit"].blue {border-color: #2d80c2; background: #2d80c2; color: #fff;}

.boardGuide {border: solid 1px #e1e1e1; padding: 11px 20px; background: #fff; text-align: center; font-size: 14px; color: #2d80c2;}
.boardGuide br {display: none;}

.boardComment {margin-top: 30px;}

.boardComment:first-child {margin-top: 0;}

.boardComment .commentList {border-bottom: solid 1px #e8e8e8;}
.boardComment .commentList dt {padding: 0 0 5px 10px; font-weight: 500; color: #444;}
.boardComment .commentList dd {position: relative; padding: 8px 0 0 10px; border-top: solid 1px #e8e8e8; background: #fff; line-height: 1.8; *zoom: 1; *padding-bottom: 9px;}
.boardComment .commentList dd:after {content: ""; display: block; clear: both;}
.boardComment .commentList dd .info {float: left; margin: 0 13px 9px 0; padding-right: 17px; background: url(/html/img/common/objDivComment.png) no-repeat 100% 50%;}
.boardComment .commentList dd .info li {padding-left: 14px;}
.boardComment .commentList dd .body {float: left; margin-bottom: 9px; padding-right: 175px;}
.boardComment .commentList dd .func {position: absolute; top: 8px; right: 5px;}
.boardComment .commentList dd .func li {padding-left: 12px;}
.boardComment .commentList dd .func li a {padding-left: 20px; background-repeat: no-repeat; background-position: 0 50%;}
.boardComment .commentList dd .func li a.reply {background-image: url(/html/img/common/icnCommentReply.png);}
.boardComment .commentList dd .func li a.modify {background-image: url(/html/img/common/icnCommentModify.png);}
.boardComment .commentList dd .func li a.delete {background-image: url(/html/img/common/icnCommentDelete.png);}

.boardComment .commentWrite {margin-top: 20px; padding-bottom: 10px; border-bottom: solid 2px #e8e8e8;}
.boardComment .commentWrite:first-child {margin-top: 0;}
.boardComment .commentWrite .boardWrite {border-top: solid 1px #e8e8e8;}
.boardComment .commentWrite .boardWrite textarea {height: 95px;}
.boardComment .commentWrite .boardButton {margin-top: 10px;}

.searchMap {position: relative; *zoom: 1;}
.searchMap:after {content: ""; display: block; clear: both;}

.searchMap .areaMap {float: left; width: 388px; padding: 15px 0; border: solid 1px #e9e9e9; background: #fafafa;}
.searchMap .areaMap ul {position: relative; width: 315px; height: 514px; margin: 0 auto; background: url(/html/img/common/bgMap.png) no-repeat;}
.searchMap .areaMap li {position: absolute; font-size: 13px; font-weight: 500;}
.searchMap .areaMap li a {padding: 5px; color: #444; text-decoration: none;}
.searchMap .areaMap li a:hover,
.searchMap .areaMap li.on a {border-radius: 5px; background: #7496d9; color: #fff;}
.searchMap .areaMap li.i01 {top: 91px; left: 90px;}
.searchMap .areaMap li.i02 {top: 326px; left: 270px;}
.searchMap .areaMap li.i03 {top: 263px; left: 220px;}
.searchMap .areaMap li.i04 {top: 94px; left: 58px;}
.searchMap .areaMap li.i05 {top: 330px; left: 74px;}
.searchMap .areaMap li.i06 {top: 196px; left: 125px;}
.searchMap .areaMap li.i07 {top: 292px; left: 270px;}
.searchMap .areaMap li.i08 {top: 121px; left: 113px;}
.searchMap .areaMap li.i09 {top: 66px; left: 186px;}
.searchMap .areaMap li.i10 {top: 164px; left: 139px;}
.searchMap .areaMap li.i11 {top: 198px; left: 67px;}
.searchMap .areaMap li.i12 {top: 269px; left: 96px;}
.searchMap .areaMap li.i13 {top: 359px; left: 79px;}
.searchMap .areaMap li.i14 {top: 209px; left: 226px;}
.searchMap .areaMap li.i15 {top: 309px; left: 184px;}
.searchMap .areaMap li.i16 {top: 480px; left: 45px;}
.searchMap .areaBoard {float: right; width: 55%;}

.searchMap .areaView {display: none; position: absolute; top: 0; left: 0; width: 881px; padding: 18px 20px 23px; background: #fff; z-index: 200;}
.searchMap .areaView .info {padding-bottom: 20px; font-size: 16px;}
.searchMap .areaView .info li {padding-left: 21px;}
.searchMap .areaView .info li:first-child {margin-left: 0;}
.searchMap .areaView .info li:first-child + li {padding-left: 39px;}
.searchMap .areaView .info li img {max-height: 15px; margin-right: 6px;}
.searchMap .areaView .info li img,
.searchMap .areaView .info li span {vertical-align: middle;}
.searchMap .areaView .info li span.bold {color: #000;}
.searchMap .areaView .boardButton {margin-top: 23px;}
.searchMap .areaMask {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 150; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: .5;}

	/* Board (Mobile) */

	body.mobile .boardTab {display: none;}

	body.mobile .boardSearch select,
	body.mobile .boardSearch input[type="text"] {border-width: 2px; font-size: 18px;}
	body.mobile .boardSearch select {height: 45px;}
	body.mobile .boardSearch input[type="text"] {width: 183px; padding: 7px 9px;}
	body.mobile .boardSearch input[type="submit"] {width: 80px; height: 45px; background: #767676; line-height: 1; font-size: 18px; color: #fff;}
	body.mobile .boardSearch span.label {font-size: 18px;}
	body.mobile .boardSearch.hasBorder {padding: 12px 15px; border-width: 2px; text-align: center;}

	body.mobile .boardList th {height: 50px; white-space: nowrap; font-size: 18px;}
	body.mobile .boardList td {height: 27px; padding: 10px 0; font-size: 16px;}
	body.mobile .boardList td span.label {padding: 0 5px; line-height: 27px; font-size: 16px;}

	body.mobile .boardView {font-size: 18px;}
	body.mobile .boardView th,
	body.mobile .boardView td {height: 30px;}
	body.mobile .boardView th {max-width: 450px; font-size: 20px; font-weight: 500;}

	body.mobile .boardWrite th {font-size: 18px;}
	body.mobile .boardWrite td {font-size: 17px;}
	body.mobile .boardWrite th {width: 140px;}
	body.mobile .boardWrite td input[type="text"],
	body.mobile .boardWrite td input[type="password"],
	body.mobile .boardWrite td select,
	body.mobile .boardWrite td textarea {margin-top: 6px; margin-left: 0; border-width: 2px; font-size: 18px;}
	body.mobile .boardWrite td input[type="text"],
	body.mobile .boardWrite td input[type="password"] {width: 438px /*!important*/; height: 27px; padding: 7px 9px;}
	body.mobile .boardWrite td select {width: 460px; height: 45px;}
	body.mobile .boardWrite td textarea {width: 438px; height: 270px; padding: 7px 9px;}
	body.mobile .boardWrite td input[type="file"] {max-width: 460px; font-size: 18px;}

	body.mobile .boardPager a {min-width: 26px; border-width: 2px; line-height: 36px; font-size: 18px;}
	body.mobile .boardPager a.first,
	body.mobile .boardPager a.prev,
	body.mobile .boardPager a.next,
	body.mobile .boardPager a.last {width: 36px; height: 36px; line-height: 0; font-size: 0;}

	body.mobile .boardButton a,
	body.mobile .boardButton button,
	body.mobile .boardButton input[type="submit"] {border-width: 2px; line-height: 46px; font-size: 18px;}
	body.mobile .boardButton a {min-width: 70px; *min-width: 68px;}
	body.mobile .boardButton button,
	body.mobile .boardButton input[type="submit"] {min-width: 94px; height: 50px;}

	body.mobile .boardGuide {padding-top: 15px; padding-bottom: 15px; font-size: 18px;}
	body.mobile .boardGuide br {display: inline;}

	body.mobile .boardComment .commentList dt {padding-bottom: 10px; font-size: 20px;}
	body.mobile .boardComment .commentList dd {font-size: 17px;}
	body.mobile .boardComment .commentList dd .body {width: 580px; padding-right: 10px;}
	body.mobile .boardComment .commentList dd .func {right: 10px;}

	body.mobile .boardComment .commentWrite .boardWrite textarea {height: 108px;}

	body.mobile .searchMap .areaMap {float: none; width: 596px; border-width: 2px;}
	body.mobile .searchMap .areaMap li {font-size: 15px;}
	body.mobile .searchMap .areaBoard {float: none; width: 100%; margin-top: 30px;}

	body.mobile .searchMap .areaView {width: 560px;}
	body.mobile .searchMap .areaView .info {font-size: 18px;}
	body.mobile .searchMap .areaView .info li {width: 560px; padding-left: 0;}

	body.mobile #content .cont .searchMap .areaView .root_daum_roughmap {width: 560px !important;}


/* Login */

fieldset.login {padding-top: 75px; border: 0;}
fieldset.login legend {display: none;}

fieldset.login .pack {width: 353px; padding: 40px 87px 42px 90px; margin: 0 auto; border: solid 1px #c9c9c9; background: #fff; line-height: 0; font-size: 0;}

fieldset.login .areaInput {position: relative; width: 253px;}
fieldset.login .areaInput input[type="text"],
fieldset.login .areaInput input[type="password"] {width: 235px; height: 19px; margin-top: 8px; padding: 4px 8px 5px; border: solid 1px #c7c7c7; vertical-align: middle; font-size: 13px; color: #666; *margin-top: 6px;}
fieldset.login .areaInput input[type="text"]:first-child {margin-top: 0 !important; *margin-top: -1px !important;}
fieldset.login .areaInput input[type="submit"] {position: absolute; top: 0; right: -100px; width: 91px; height: 68px; border: 0; background: #2d80c2; text-align: center; font-size: 14px; color: #fff; cursor: pointer;}

fieldset.login .areaCheck {margin-top: 13px; *margin-top: 11px;}
fieldset.login .areaCheck input[type="checkbox"],
fieldset.login .areaCheck label {vertical-align: middle;}
fieldset.login .areaCheck label {margin-left: 6px; line-height: 1.5; font-size: 12px;}

fieldset.login .areaGuide {margin-top: 12px; padding-top: 6px; border-top: solid 1px #eaeaea; *margin-top: 11px;}
fieldset.login .areaGuide dl {line-height: 22px; font-size: 12px;}
fieldset.login .areaGuide dt {font-weight: 500; color: #333;}
fieldset.login .areaGuide dd {margin-top: 2px;}

fieldset.login .areaGuide .boardButton {margin-top: 11px;}
fieldset.login .areaGuide .boardButton a,
fieldset.login .areaGuide .boardButton button,
fieldset.login .areaGuide .boardButton input[type="submit"] {line-height: 28px; font-size: 12px;}
fieldset.login .areaGuide .boardButton a {min-width: 46px; *min-width: 44px;}
fieldset.login .areaGuide .boardButton button,
fieldset.login .areaGuide .boardButton input[type="submit"] {min-width: 68px; height: 30px;}


	/* Login (Mobile) */

	body.mobile fieldset.login {padding-top: 0;}

	body.mobile fieldset.login .pack {width: auto; padding: 43px 88px; border-width: 2px;}

	body.mobile fieldset.login .areaInput {width: 290px;}
	body.mobile fieldset.login .areaInput input[type="text"],
	body.mobile fieldset.login .areaInput input[type="password"] {width: 264px; height: 27px; margin-top: 10px; padding: 6px 11px; border-width: 2px; font-size: 18px;}
	body.mobile fieldset.login .areaInput input[type="submit"] {right: -130px; width: 120px; height: 96px; font-size: 18px;}

	body.mobile fieldset.login .areaCheck input[type="checkbox"],
	body.mobile fieldset.login .areaCheck label {font-size: 18px;}

	body.mobile fieldset.login .areaGuide {margin-top: 20px; padding-top: 18px; border-width: 2px;}
	body.mobile fieldset.login .areaGuide dl {line-height: 1.5;}
	body.mobile fieldset.login .areaGuide dt {font-size: 18px;}
	body.mobile fieldset.login .areaGuide dd {margin-top: 8px; font-size: 16px;}

	body.mobile fieldset.login .areaGuide .boardButton {margin-top: 20px;}
	body.mobile fieldset.login .areaGuide .boardButton a,
	body.mobile fieldset.login .areaGuide .boardButton button,
	body.mobile fieldset.login .areaGuide .boardButton input[type="submit"] {border-width: 2px; line-height: 46px; font-size: 18px;}
	body.mobile fieldset.login .areaGuide .boardButton a {min-width: 70px; *min-width: 68px;}
	body.mobile fieldset.login .areaGuide .boardButton button,
	body.mobile fieldset.login .areaGuide .boardButton input[type="submit"] {min-width: 94px; height: 50px;}


/* Sign Up */

.signupAgree {margin-top: 11px;}
.signupAgree:first-child {margin-top: 0;}
.signupAgree textarea {width: 896px; height: 165px; padding: 10px 12px; border: solid 1px #e8e8e8; line-height: 1.5; font-size: 14px; color: #7a7a7a; letter-spacing: -0.5px; *letter-spacing: -1px;}
.signupAgree .check {margin-top: 5px; text-align: right;}
.signupAgree .check label {margin-right: 3px; line-height: 1.5; font-size: 13px; color: #9e9e9e;}
.signupAgree .check label,
.signupAgree .check input[type="checkbox"] {vertical-align: middle;}

.signupComplete {padding-top: 60px;}
.signupComplete h4 {line-height: 1; text-align: center; font-size: 32px; font-weight: normal; color: #555; letter-spacing: -1px;}
.signupComplete h4 em {font-weight: 500; color: #333;}
.signupComplete dl {width: 500px; margin: 30px auto 0; padding: 30px 35px; border: solid 1px #c7c7c7; letter-spacing: -1px;}
.signupComplete dl em {font-weight: normal; color: #224c9e;}
.signupComplete dt {font-size: 15px;}
.signupComplete dd {margin-top: 25px; line-height: 1.8; font-size: 13px;}
.signupComplete .boardButton {margin-top: 30px;}


	/* Sign Up (Mobile) */

	body.mobile .signupAgree textarea {width: 572px; border-width: 2px; font-size: 18px;}
	body.mobile .signupAgree .check label {font-size: 18px;}

	body.mobile .signupComplete {padding-top: 20px;}
	body.mobile .signupComplete h4 {font-size: 36px;}
	body.mobile .signupComplete dl {width: auto; margin-top: 40px; border-width: 2px;}
	body.mobile .signupComplete dt {font-size: 24px;}
	body.mobile .signupComplete dd {font-size: 18px;}
	body.mobile .signupComplete dd br {display: none;}
	body.mobile .signupComplete .boardButton {margin-top: 40px;}


/* Image Resize */

#content .cont .img .close,
#content .cont .img .tooltip {display: none; width: 0; height: 0; overflow: hidden; line-height: 0; font-size: 0;}

	body.mobile #content .cont .img {position: relative; line-height: 0; font-size: 0;}
	body.mobile #content .cont .img img {max-width: 100%; cursor: pointer;}
	body.mobile #content .cont .img.on {overflow: hidden;}
	body.mobile #content .cont .img.on img {max-width: 1200px;}

	body.mobile #content .cont .img.on .pack {overflow: hidden;}

	body.mobile #content .cont .img .close {position: absolute; top: 0; right: 0; width: 64px; height: 64px; background: url(/html/img/common/icnCloseImg.png) no-repeat 50% 50%; z-index: 10;}
	body.mobile #content .cont .img.on .close {display: block;}

	body.mobile #content .cont .img .tooltip {position: absolute; top: 70px; right: 10px; width: 234px; height: auto; padding-top: 11px; background: url(/html/img/common/bgTooltipTop.png) no-repeat; z-index: 10; line-height: 1.5; font-size: 16px; color: #333;}
	body.mobile #content .cont .img .tooltip > div {padding-bottom: 26px; background: url(/html/img/common/bgTooltipBot.png) no-repeat 0 100%;}
	body.mobile #content .cont .img .tooltip > div > div {padding: 0 20px 3px; background: url(/html/img/common/bgTooltip.png) repeat-y;}
	body.mobile #content .cont .img.on .tooltip {display: none; width: 0; height: 0; line-height: 0; font-size: 0;}

	body.mobile .searchMap .areaMap,
	body.mobile .searchMap .areaBoard {float: none; width: 100%;}



/* �߰�  */
header .visual2 {height: 350px; background: url(/html/img/common/bgVisual2.png) no-repeat 50% 0;}
header .visual3 {height: 350px; background: url(/html/img/common/bgVisual3.png) no-repeat 50% 0;}
header .visual4 {height: 350px; background: url(/html/img/common/bgVisual4.png) no-repeat 50% 0;}
header .visual5 {height: 350px; background: url(/html/img/common/bgVisual5.png) no-repeat 50% 0;}

header .visual2 .wrap {padding-top: 141px;}
header .visual2 .text {padding: 3px 35px 0; background: url(/html/img/common/objDivVisual.png) no-repeat 35px 0; line-height: 32px; font-size: 27px; font-weight: 500; color: #fff; letter-spacing: -1px;}

header .visual3 .wrap {padding-top: 141px;}
header .visual3 .text {padding: 3px 35px 0; background: url(/html/img/common/objDivVisual.png) no-repeat 35px 0; line-height: 32px; font-size: 27px; font-weight: 500; color: #fff; letter-spacing: -1px;}

header .visual4 .wrap {padding-top: 141px;}
header .visual4 .text {padding: 3px 35px 0; background: url(/html/img/common/objDivVisual.png) no-repeat 35px 0; line-height: 32px; font-size: 27px; font-weight: 500; color: #fff; letter-spacing: -1px;}

header .visual5 .wrap {padding-top: 141px;}
header .visual5 .text {padding: 3px 35px 0; background: url(/html/img/common/objDivVisual.png) no-repeat 35px 0; line-height: 32px; font-size: 27px; font-weight: 500; color: #fff; letter-spacing: -1px;}

/*16.06.16*/
body .pcShow{display:inline-block;}
body .mShow,body .br_mShow{display:none;}
body .br_pcShow{display:block;}

	body.mobile .pcShow,body.mobile .br_pcShow{display:none;}
	body.mobile .mShow{display:inline-block;}
	body.mobile .br_mShow{display:block;}


	body.mobile header .visual2 .text,body.mobile header .visual3 .text,body.mobile header .visual4 .text,body.mobile header .visual5 .text{font-size:24px;}

/*16.06.17*/
#content .nav nav > ul > li.download_btn > a:hover,#content .nav nav > ul > li.download_btn > a:focus{background:none; color: #696868;}

#content .nav nav > ul > li.download_btn{position:relative;}
#content .nav nav > ul > li.download_btn > a{padding:12px 0 15px 61px;width:134px;font-size:13px;color:#696868;line-height:24px;}
#content .nav nav > ul > li.download_btn > a > .download_icon{position:absolute;top:30px;left:25px;display:inline-block;width:22px;height:24px;background: url(../img/common/download_btn.png) 0 0 no-repeat;}
#content .nav nav > ul > li.download_btn > a > .txt{display:block;font-size:10px;color:#909090;line-height:12px;}

	body.mobile  header .global ul.nav li.download_btn a{margin-top:5px;padding:13px 25px 1px 25px;border-top:1px solid #c5c5c5;}
	body.mobile  header .global ul.nav li.download_btn a span {padding:6px 0 6px 33px;font-size:15px;color:#696868;background: url(../img/common/download_btn.png) 0 center no-repeat;text-align:left;}

/*16.06.17*/	
	body.mobile .product01,body.mobile .product02{width:100%;}
	body.mobile .pd_tab{}
	body.mobile .pd_tab ul{max-width:598px;border:1px solid #cacaca;}
	body.mobile .pd_tab li{float:left;width:25%;}
	body.mobile .pd_tab li a{display:block;border-right:1px solid #cacaca;}
	body.mobile .pd_tab li:last-child a{border-right:0}
	body.mobile .pd_tab li a.on{background-color:#2d80c2}
	body.mobile .pd_tab li a .tab{display:block;margin:0 auto;height:35px;}
	body.mobile .product01 .img img,body.mobile .product02 .img img{border:0;}

	body.mobile .product01 .pd_tit{width:100px;height:60px;background:url('../img/sub/imgProduct01_01_tit.png') 0 0 no-repeat;background-size:75% auto;}
	body.mobile .product01 .pd_tab li a .tab.tab1{width:108px;background:url('../img/sub/imgProduct01_tab_01.png') 0 0 no-repeat;}
	body.mobile .product01 .pd_tab li a .tab.tab2{width:87px;background:url('../img/sub/imgProduct01_tab_02.png') 0 0 no-repeat;}
	body.mobile .product01 .pd_tab li a .tab.tab3{width:66px;background:url('../img/sub/imgProduct01_tab_03.png') 0 0 no-repeat;}
	body.mobile .product01 .pd_tab li a .tab.tab4{width:39px;background:url('../img/sub/imgProduct01_tab_04.png') 0 0 no-repeat;}
	body.mobile .product01 .pd_tab li a.on .tab.tab1{width:112px;background:url('../img/sub/imgProduct01_tab_01on.png') 0 0 no-repeat;}
	body.mobile .product01 .pd_tab li a.on .tab.tab2{width:91px;background:url('../img/sub/imgProduct01_tab_02on.png') 0 0 no-repeat;}
	body.mobile .product01 .pd_tab li a.on .tab.tab3{width:68px;background:url('../img/sub/imgProduct01_tab_03on.png') 0 0 no-repeat;}
	body.mobile .product01 .pd_tab li a.on .tab.tab4{width:40px;background:url('../img/sub/imgProduct01_tab_04on.png') 0 0 no-repeat;}
	
	body.mobile .product02 .pd_tit img{width:80px;}
	body.mobile .product02 .pd_tab li a .tab.tab1{width:40px;background:url('../img/sub/imgProduct02_tab_01.png') 0 0 no-repeat;}
	body.mobile .product02 .pd_tab li a .tab.tab2{width:31px;background:url('../img/sub/imgProduct02_tab_02.png') 0 0 no-repeat;}
	body.mobile .product02 .pd_tab li a .tab.tab3{width:32px;background:url('../img/sub/imgProduct02_tab_03.png') 0 0 no-repeat;}
	body.mobile .product02 .pd_tab li a .tab.tab4{width:31px;background:url('../img/sub/imgProduct02_tab_04.png') 0 0 no-repeat;}
	body.mobile .product02 .pd_tab li a.on .tab.tab1{width:41px;background:url('../img/sub/imgProduct02_tab_01on.png') 0 0 no-repeat;}
	body.mobile .product02 .pd_tab li a.on .tab.tab2{width:32px;background:url('../img/sub/imgProduct02_tab_02on.png') 0 0 no-repeat;}
	body.mobile .product02 .pd_tab li a.on .tab.tab3{width:32px;background:url('../img/sub/imgProduct02_tab_03on.png') 0 0 no-repeat;}
	body.mobile .product02 .pd_tab li a.on .tab.tab4{width:31px;background:url('../img/sub/imgProduct02_tab_04on.png') 0 0 no-repeat;}
	
/* 16.06.22 */
/* download-popup */
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop_layer {display:block;}

.pop_layer {display:none; position: absolute; top: 50%; left: 50%; margin-top:-180px;margin-left:-80px;width: 320px; height:auto;  background-color:#fff;z-index: 10;}	
.pop_layer .pop_container {padding: 20px 25px;}

.pop_content{}
.pop_content p{padding-bottom:15px;font-size:16px;color:#000;}
.pop_content dl{height:40px;line-height:40px;border-top:1px solid #e8e8e8;font-size:12px;}
.pop_content dl:after{display:block;clear:both;content:"";}
.pop_content dl.last{border-bottom:1px solid #e8e8e8;}
.pop_content dt{float:left;padding-left:2%;width:28%;}
.pop_content dd{float:left;width:68%;}
.pop_content dd input{width:100%;border:1px solid #c7c7c7;}

.pop_layer .pop_btn{width: 100%;padding-top: 15px;text-align:center;}
.pop_btn a.btn {display:inline-block;width:70px;height:35px; font-size:12px; line-height:35px;text-decoration:none;}
.pop_btn a.btn.c_btn{margin-right:7px;color:#838383;border:1px solid #c7c7c7;}
.pop_btn a.btn.d_btn{color:#fff;background-color:#2d80c2;border:1px solid #2d80c2;}