/* 최종수정일 141127 - by yjko */

@charset "utf-8";
/*@import url("http://fonts.gstatic.com/ea/nanumgothic/v5/nanumgothic.css");*/
@import url("nanumgothic.css");
/*@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");*/

/* Type Selector */
*{margin:0; padding:0; font-family: 'Nanum Gothic';}
body{font-size:13px; color:#303030; line-height:1.4; overflow-x:hidden; overflow-y:auto;} 
img, fieldset, button{border:0 none;}
fieldset {margin:0; padding:0;}
hr, button img, .hidden{display:none;}
li{list-style:none;}
em, address{font-style:normal;}
body a{text-decoration:none; color:#565656; font-weight:600;}

/*홈페이지별 body클레스 지졍필요*/
a:hover{text-decoration:underline;}
a:active, a:focus{text-decoration:none;}
body.seoul a:hover,body.seoul a:active,body.seoul a:focus{color:#2486c5;}
body.gm a:hover,body.gm a:active,body.gm a:focus{color:#5aaa25;}

textarea{overflow:auto; background:#f2f1f0;}
table{border-collapse:collapse;}
td, th {display: table-cell;}
div{display:block}
html:first-child select{padding-right:6px; height:20px;} /* Opera 9 & Below Fixf */
option {padding-right:6px;} /* Firefox Fix */
caption, legend, .alt {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; display:none; font-size:0; line-height:0;} 

/* form */
select{color:#575757; font-size:13px; height:21px; font-weight:bold; border:1px solid #e1e1e1;}
input {margin:0px; padding:0px;}
input.text{line-height:1.6; font-size:12px; color:#575757; min-height:19px; border:1px solid #e1e1e1;}
input.text2{width:500px; line-height:1.6; font-size:12px; color:#575757; min-height:19px; border:1px solid #e1e1e1;}
input.text23{height:23px; line-height:1.6; font-size:12px; color:#575757; min-height:19px; border:1px solid #e1e1e1;}
input.w97{width:97%; line-height:24px; height:24px; font-size:14px; color:#575757; border:1px solid #e1e1e1;}
textarea{border:1px solid #cccbcb; padding:3px 5px; background:#fff; font-size:12px ;color:#777; width:98%; min-height:200px;}
html, body{height:100%; margin:0px; padding:0px;}

a.btn {width:70px; height:23px; line-height:23px; display:block; background:#909fa8; text-align:center; color:#FFF; margin:auto; font-size:12px;}
.middle {vertical-align:middle;}
.overflow-y{overflow-y:scroll;}
.grey_bg {background:#e1e1e1;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}

.inline {display:inline;}
.inline-block {display:inline-block;}
.bold {font-weight:bold;}
.none {display:none;}
.num01 {background:url("/images/common/icon/icon_01.png") left center no-repeat;}
.num02 {background:url("/images/common/icon/icon_02.png") left center no-repeat;}
.num03 {background:url("/images/common/icon/icon_03.png") left center no-repeat;}
.num04 {background:url("/images/common/icon/icon_04.png") left center no-repeat;}

.ls025 {letter-spacing:-0.25px;}
.ls05 {letter-spacing:-0.5px;}
.ls075 {letter-spacing:-0.75px;}
.ls1 {letter-spacing:-1px;}

.font0 {font-size:0px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font16 {font-size:16px;}
.font17 {font-size:17px;}
.font18 {font-size:18px;}
.font19 {font-size:19px;}
.font20 {font-size:20px;}
.font21 {font-size:21px;}
.font22 {font-size:22px;}
.font23 {font-size:23px;}
.font24 {font-size:24px;}
.font25 {font-size:25px;}
.font36 {font-size:25px;}

.circle{list-style-type:circle;}
.square{list-style-type:square;}
.disc{list-style-type:disc;}
.decimal li{list-style-type:decimal;}
.upper-alpha{list-style-type:upper-alpha;}
.lower-alpha{list-style-type:lower-alpha;}
.upper-roman{list-style-type:upper-roman;}
.lower-roman{list-style-type:lower-roman;}

.list-decimal li {list-style-type:decimal;}

.font_italic {font-style:italic;}
.underline {text-decoration:underline;}

.rline {border-right:1px solid #e1e1e1;}
.lline {border-left:1px solid #e1e1e1;}
.tline {border-top:1px solid #e1e1e1;}
.tline2 {border-top:2px solid #e1e1e1;}
.bline {border-bottom:1px solid #e1e1e1;}
.bline2 {border-bottom:2px solid #e1e1e1;}
.dotline {border-bottom:1px dashed #dad1c9;}
.icon_hyphen {background:url("/images/common/icon/icon_hyphen.png") left 10px no-repeat;}

.box {border:1px solid #e1e1e1;}
.seoul_box {border:1px solid #2386c4;}
.seoul_box2 {border:2px solid #2386c4;}
.gm_box {border:1px solid #5aaa25;}
.gm_box2 {border:2px solid #5aaa25;}

.round3 {border-radius:3px;}
.round5 {border-radius:5px;}
.round10 {border-radius:10px;}
.round15 {border-radius:15px;}
.round20 {border-radius:20px;}

.box0 {border:0px;}
.positionr {position:relative;}
.positiona {position:absolute;}

.color_seoul {color:#2386c4;}
.color_gm {color:#5aaa25;}
.color_gray {color:#575757;}
.color_575757 {color:#575757;}
.color_red {color:#e54b4b;}
.font-grey {color:#ababab;}
.color_606060 {color:#606060;}
.color_323232 {color:#323232;}
.color_d6d6d6 {color:#d6d6d6;}

.icon_circle_seoul {background:url("/images/seoul/icon/icon_circle.png") left center no-repeat; min-width:14px; min-height:14px;}
.icon_circle_gm {background:url("/images/gm/icon/icon_circle.png") left center no-repeat; min-width:14px; min-height:14px;}

.line-s-t {background:url("/images/seoul/icon/line.png") left top repeat-x;}
.line-s-b {background:url("/images/seoul/icon/line.png") left bottom repeat-x; min-height:4px;}
.round_bg {background:url("/images/seoul/round_bg.png") left bottom no-repeat; width:755px; height:50px; line-height:50px; padding-left:20px; font-size:14px;}
.round_bg.gm {background:url("/images/gm/round_bg.png") left bottom no-repeat; width:755px; height:50px; line-height:50px; padding-left:20px; font-size:14px;}
.gubun_line {background:url("/images/seoul/icon/h_line.png") right center no-repeat;}
.tcenter {text-align:center;}
.tleft {text-align:left;}
.tright {text-align:right;}
.bg {background:#f8f8f8}

.m0 {margin:0px;}
.m5 {margin:5px;}
.m10 {margin:10px;}
.m15 {margin:15px;}
.m20 {margin:20px;}
.m30 {margin:30px;}
.m40 {margin:40px;}
.m50 {margin:50px;}

.mb0 {margin-bottom:0px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.mt0 {margin-top:0px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}

.ml0 {margin-left:0px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}

.mr0 {margin-right:0px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}

.p0 {padding:0px;}
.p5 {padding:5px;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.p40 {padding:40px;}
.p50 {padding:50px;}

.pb0 {padding-bottom:0px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}

.pt0 {padding-top:0px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}

.pl0 {padding-left:0px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}

.pr0 {padding-right:0px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}

.pb0 {padding-bottom:0px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}

.bg_seoul {background:#2486c5;}
.bg_gm {background:#5aaa25;}

#skipNavi {width:100%; margin:auto; list-style:none; height:25px; line-height:25px; box-shadow:3px 3px 5px #999; margin-bottom:5px;}
#skipNavi .skipNavi_inner {width:980px; margin:auto; text-align:right;}
#skipNavi .skipNavi_inner2{width:980px; height:132px; margin:auto; text-align:right; position:relative;}

#container{height:100%;}
#header{min-height:138px; background:#FFF; position:relative; z-index:100;}
#header.chn{min-height:88px;}
#header #header-area{width:980px; height:88px; margin:auto;}
#header #header-area .logo {margin-top:26px; width:300px;}
#header #header-area .m_area {float:left; width:680px;}
#header #header-area .member_menu {float:right; width:390px; height:21px; line-height:25px;}
#header #header-area .top_menu ul.right {margin-top:7px;}
#header #header-area .top_menu ul li {float:left; width:120px; text-align:center; margin-right:2px; padding:1px; background:#6f7c84; position:relative;}
#header #header-area .top_menu ul.layer li {float:left; width:116px; text-align:center; background:#fff; border-bottom:1px dotted #484848; color:#323232;}
#header #header-area .top_menu ul.layer li a  {color:#323232;}
#header #header-area .top_menu ul li a {color:#FFF;}
#header #header-area .top_menu ul li.on {background:#2486c5;}
#header #header-area .top_menu ul li.on2 {background:#5aaa25;}
#header #header-area .top_menu ul li.end {margin:0px;}

#header #header-area .top_menu .layer_pops {background:#fff; border:1px solid #484848; color:#323232; text-align:center; position:absolute; width:120px; left:50%; top: 30px; margin-left:368px;  line-height:24px; z-index:10000;}
#header #header-area .top_menu .layer_pops ul.layer li {float: left; width: 116px; text-align: center; background: #fff; border-bottom: 1px dotted #484848; color: #323232;}
#header #header-area .top_menu .layer_pops ul.layer li:last-child{border-bottom-style:none;}
#header #header-area .top_menu .layer_pops ul.layer li a {color: #323232;}

#header #header-area .top_menu2 ul {margin-top:7px;}
#header #header-area .top_menu2 ul li {float:left; width:120px; text-align:center; margin-right:2px; padding:1px; background:#6f7c84;}
#header #header-area .top_menu2 ul li a {color:#FFF;}
#header #header-area .top_menu2 ul li.on {background:#5aaa25;}
#header #header-area .top_menu2 ul li.end {margin:0px;}

#header #header-area ul.member {margin-top:18px;}
#header #header-area ul.member li {float:left; margin-right:25px;}
#header #header-area ul.member li.end {margin:0px;}

#header #header-area ul.search {margin-top:18px; border:2px solid #484848; width:260px; height:21px;}
#header #header-area ul.search li {float:left; height:21px;}
#header #header-area ul.search li .search_input {border:0px; width:230px; height:21px; line-height:21px; margin:0px 5px 0 5px;}
#header #header-area ul.search li .search_btn {width:20px; height:21px;}

#header #gnb.seoul {background:#2486c5; height:50px; position:relative; z-index:1000; box-shadow:3px 3px 5px #999;}
#header #gnb.gm {background:#5aaa25; height:50px; position:relative; box-shadow:3px 3px 5px #999;}
#header #gnb #menu{width:980px; margin:auto;}
#header #gnb #menu ul li {float:left; width:140px; text-align:center; height:50px; line-height:50px; font-size:16px;}
#header #gnb #menu ul li a {color:#FFF; width:140px; height:50px; display:block;}
#header #gnb #menu ul li a:hover {color:#72f0ff;}
#header #gnb #menu ul.gm li a:hover {color:#d5ff54;}

#content {}
#content.main {background:#fff;}
#content #content-area {width:1024px; margin:auto;}
#content #content-area #left-area {width:206px; float:left;}
#content #content-area #right-area {width:778px; float:left; border-left:1px solid #e1e1e1; padding:20px 15px;}

#footer{height:100px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#FFF;}
#footer #footer-area {width:980px; margin:auto; padding:25px 0 25px 0; color:#848484;}