body {background:#424242;margin:0;padding:0;font-size:12px;font-family:µ¸¿ò;min-width:320px;word-wrap:break-word;word-break:break-all;}
body img {max-width:100%;}

html{-webkit-text-size-adjust:auto;} 
p,body {margin:0;}


input,select,textarea {font-size:12px;}
img,p {border:0;margin:0;padding:0;}
form {display:inline;margin:0;padding:0;}
select {font-size:12px;font-family:dotum;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}

#header {height:47px;background:url('./image/bg_header.jpg');border-bottom:#000000 solid 1px;}
#header .logo {float:left;padding-left:8px;}
#header .logo h1 {inline-block;margin:12px 0 0 0;padding:0;}
#header .logo h1 a {font-size:23px;color:#ffffff;letter-spacing:-1px;text-shadow:-2px -1px #000;}
#header .logo .imglogo a {display:inline-block;margin:10px 0 0 0;padding:0;}
#header .logo .imglogo a img {height:28px;}
#header .tool {float:right;padding-right:8px;}
#header .tool img {margin:7px 0 0 3px;}

#topmenu {}
#topmenu .headergap {height:48px;}
#topmenu .nav {background:#efefef;border-top:#ffffff solid 1px;border-bottom:#DDDDDD solid 1px;}

#topmenu .nav ul {list-style-type:none;padding:0;margin:0;}
#topmenu .nav li {float:left;width:24.8%;border-right:#DDDDDD solid 1px;}
#topmenu .nav li a {display:block;height:30px;text-align:center;}
#topmenu .nav li a i {display:block;text-align:center;position:relative;top:8px;font-style:normal;font-weight:bold;font-size:13px;color:#666666;text-shadow:2px 1px #ffffff;padding:0 2px 0 2px;width:93%;height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#topmenu .nav .on a i {color:#CD0000;}
#topmenu .nav .noline {border-right:#efefef solid 1px;}
#topmenu .nav .allmenu {}

#content {padding:15px 8px 10px 8px;min-height:262px;background:#ffffff;}



#_admin_layer_ {position:absolute;display:none;width:1px;height:1px;}
#_system_layer_ {position:absolute;display:none;width:1px;height:1px;}
#_login_layer_ {position:absolute;display:none;width:1px;height:1px;}

.headerfix1 {position:fixed;z-index:999;width:100%;}

._layerbox {position:relative;z-index:10;left:-63px;width:150px;background:#eeeeee;border:#dfdfdf solid 0;border-radius:0 0 2px 1px;box-shadow:3px 3px 3px #888888;}
._layerbox .arr {position:absolute;left:120px;top:-23px;font-size:40px;color:#D74208;}
._layerbox ul {list-style-type:none;padding:0;margin:0;height:153px;overflow:auto;}
._layerbox li {border-bottom:#dfdfdf solid 1px;border-left:#efefef solid 1px;}
._layerbox li a {display:block;height:30px;}
._layerbox li a i {font-style:normal;position:relative;top:10px;left:10px;}
._layerbox .tt {height:35px;background:#D74208;border-left:#D74208 solid 1px;}
._layerbox .tt i {font-style:normal;font-size:14px;color:#ffffff;position:relative;top:8px;left:10px;text-shadow:-1px -1px #555555;}
._layerbox .tt span {font-size:16px;color:#ffffff;position:absolute;top:8px;left:128px;text-shadow:-1px -1px #555555;}
._layerbox .btnbox {text-align:center;border-left:#efefef solid 1px;border-top:#dfdfdf solid 1px;background:#F5F5F5;}
._layerbox .btnbox a {display:inline-block;padding:5px 10px 5px 10px;margin:8px 2px 8px 2px;color:#333333;border:#AAAAAA solid 1px;border-radius:3px 3px 3px 3px;}
._layerbox .updown {position:absolute;z-index:11;}
._layerbox .updown img {position:relative;z-index:11;top:-95px;left:125px;}
._layerbox .admin {background:#317AB1;border-left:#317AB1 solid 1px;border-top:#317AB1 solid 1px;}
._layerbox .admin a i {color:#ffffff;}

._admin_ {width:200px;left:-158px;}
._admin_ .arr {color:#317AB1;left:169px;}
._admin_ .tt {width:199px;background:#317AB1;border-left:#317AB1 solid 1px;}
._admin_ .tt span {left:176px;}
._admin_ .charbox {}

._admin_ .mbrinfo {padding:5px 8px 10px 8px;border-left:#efefef solid 1px;border-bottom:#efefef solid 1px;}
._admin_ .mbrinfo .symbol {float:left;}
._admin_ .mbrinfo .symbol img {width:35px;height:35px;}
._admin_ .mbrinfo .name {float:left;margin-left:10px;}
._admin_ .mbrinfo .name .namel {font-weight:bold;color:#454545;padding-top:9px;}
._admin_ .mbrinfo .name .namer {color:#999999;font-size:11px;padding-top:2px;}
._admin_ .mbrinfo .score,._admin_ .mbrinfo .score a {font-size:11px;color:#636363;}
._admin_ .mbrinfo .score a:hover {text-decoration:underline;}

._login_ {width:200px;left:-158px;}
._login_ .tt span {left:177px;}
._login_ .loginmsg {padding:10px;border-left:#efefef solid 1px;}
._login_ .loginmsg .mtt {font-weight:bold;}
._login_ .loginmsg .mnt {padding-top:8px;font-size:11px;line-height:130%;color:#888888;}
._login_ .loginmsg .mnt a {font-size:11px;color:#42A2FC;text-decoration:underline;display:inline-block;margin:5px 1px 0 1px;}

#popbg { width:100%; height: 100vh;background: background: rgba(0,0,0,0.5); }




/*
.ftSNS{
	border-top:1px solid #a3a3a3;
	text-align:center;
}


.footer {
	background: url('/m/cyber/img/bottomBg.jpg') no-repeat;
	width: 100%;
	max-width:720px;
	height:auto;
	background-size: 100%;
	margin:auto;
}
.footer .ftBtn{
	padding: 0 13%;
}
.footer .ftBtn ul>li{
float: left;
    width: 21%;
    padding: 7% 2%;
}
.footer .copyright{
	text-align:center;
	color:#bababa;
	font-family:Malgun Gothic;
	font-size:0.85em;
}
.footer .bottomHref {
	clear: both;
	text-align:center;
	color:#FFFFFF;
	font-family: NanumGothic;
	font-weight: bold;
	font-size:1.250em;
	padding: 2.3% 0;
}
.footer .bottomHref a:link{color:#FFFFFF}
.footer .bottomHref a:visited{color:#FFFFFF}

*/
#footer {background:#222222; }
#footer .search {text-align:center;display:none;padding:7px 0 7px 0;background:#d0d0d0;border-bottom:#c1c1c1 solid 1px;}
#footer .search .inputx {width:89%;height:25px;background:#ffffff;border:#c0c0c0 solid 1px;border-radius:8px 8px 8px 8px;}
#footer .search .submit {position:absolute;margin:5px 0 -3px -25px;}
#footer .foot {background:#DCDCDC;}
#footer .foot .btnbox {padding:10px 0 0 0;text-align:center;}
#footer .foot .btnbox a {display:inline-block;color:#333333;padding:5px 8px 5px 8px;margin:0 1px 0 1px;border:#AAAAAA solid 1px;border-radius:2px 2px 2px 2px;}
#footer .foot .link {padding:10px 0 13px 0;text-align:center;}
#footer .foot .link span {font-size:10px;color:#999999;letter-spacing:-1px;}
#footer .foot .link a {font-size:10px;color:#787878;letter-spacing:-1px;}
#footer .foot .link i {display:inline-block;width:1px;height:9px;margin:0 2px -1px 3px;background:#c0c0c0;}
#footer .adv {text-align:center;padding:0;margin:0;}



footer .ftSNS{ text-align:center; margin: 5% 0;}
footer .ftSNS>ul{display: table; margin: 0 auto; }
footer .ftSNS>ul>li{display: table-cell; }
footer .footer { background:#222222; 	width: 100%; height:auto; background-size: 100%; margin:auto; }
footer .footer .ftBtn{ padding-left:28%; padding-right:1.7%; }
footer .footer .ftBtn ul>li{ float:right; width:30%; padding:6% 1%; }
footer .footer .copyright{ text-align:center;	color:#9C9C9C; font-family:Malgun Gothic; font-size:0.85em;	padding-bottom:4%; }
footer .footer .bottomHref,footer .footer .bottomHref a:link,footer .footer .bottomHref a:visited { clear: both;	text-align:center; color:#FFFFFF; font-family: NanumGothic; font-weight: bold; font-size:1em; padding: 3.5% 0 2.3% 0; }

iframe[name="_action_frame_home"] {display:none}


@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css)
@import url('//cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}







/* MOBILE */
#m-nav {font-family: 'Nanum Gothic'; }
#m-nav { position:fixed; left:-110%; top:0; height:100%; width:100%; background:#f6f6f6; z-index:200; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; overflow-y:auto; overflow-x:hidden; z-index: 99999;}


#m-nav .top { height:120px; background:#000099; text-align: center; line-height:28px;  letter-spacing:-1px; }
#m-nav .top .before a { display:inline-block; vertical-align:middle; font-size:13px; color:#fff; position:relative; }
#m-nav .top .before a:first-child { padding-right:8px; margin-right:8px; }
#m-nav .top .before a:first-child:before { content:''; width:1px; position:absolute; right:-2px; top:13px; bottom:13px; background:#fff; }
#m-nav .top .after { font-size:1.1em; color:#fff; margin-left: -20px;}
#m-nav .top .after strong { display:inline-block; font-size:1.4em; font-weight: 600; padding-left: 4px; }
#m-nav .top .after .btn-logout { display:inline-block; vertical-align:middle; padding:3px 5px; background:#000; font-size:11px; line-height:1em; border-radius:3px; color:#fff; }
#m-nav .btn-out { position:absolute; right:12px; top:18px; display:inline-block; width: 70px; height: 32px; line-height: 31px; font-size:1.2em; font-weight: 500; color:#fff; border-radius: 30px; border: 1px solid #fff; }
#m-nav .btn-out a { color:#fff; }

#m-nav .btn-out2 { margin:0 auto; margin-top: 2px; display:inline-block; width: 100%; height: 40px; line-height: 39px; font-size:1.2em; font-family: 'Noto regular'; color:#fff; }
#m-nav .btn-out a { color:#fff; }


#m-nav .btns { background:#aaa; }
#m-nav .btns ul { overflow:hidden; padding:8px 0; }
#m-nav .btns ul li { float:left; width:33%; text-align:center; padding:0 5px; position:relative; }
#m-nav .btns ul li:before { content:''; width:1px; position:absolute; left:0; top:0; bottom:15px; background:#bbb; }
#m-nav .btns ul li a { display:block; }
#m-nav .btns ul li a .ico { display:block; height:30px; position:relative; }
#m-nav .btns ul li a strong { display:block; font-size:11px; color:#fff; }
#m-nav .btns ul li a .ico em { position:absolute; left:17px; top:-3px; width:14px; height:14px; border-radius:100%; background:#ff1200; text-align:center; line-height:14px; color:#fff; font-size:11px; }

#m-nav .snav { padding: 0; margin: 0; position:absolute; left:0; top: 70px; background: #fff;}
#m-nav .snav ul { padding: 0; }
#m-nav .snav ul li { float: left; width: 120px; height: 92px; margin-bottom: 1px; background: #222; text-align: center; font-size: 1.2em; color: #fff; font-weight: 500; padding-top: 15px; letter-spacing:-1px;}
#m-nav .snav ul li a {color: #fff;}
#m-nav .snav ul li .active a { background: #fff; color: #00c1da; }
#m-nav .snav ul li img { display:block; width: 50px; margin:0 auto; }


#m-nav .snav-tab:after { display:block; content:''; clear:both; font-family: 'Nanum Gothic'; }
#m-nav .snav-tab { width: 120px; background: #fff;}
#m-nav .snav-tab a { display:block; height: 32px; text-align:center; font-size: 1.2em; color: #697a8a;  padding-top: 20px; letter-spacing:-1px;  background: #f6f6f6; border-right:3px solid #ededed;}
#m-nav .snav-tab a.active { background: #fff; color:#0a142d; border-right:3px solid #ffffff;border-bottom:3px solid #ededed;font-weight:bold;}
#m-nav .snav-tab > span { cursor: pointer;display:block; height: 32px; text-align:center; font-size: 1.1em; color: #697a8a;  padding-top: 20px; letter-spacing:-1px;  background: #f6f6f6; border-right:3px solid #ededed;}


#m-nav .snav-tab3:after { display:block; content:''; clear:both; }
#m-nav .snav-tab3 { width: 120px; background: #fff;}
#m-nav .snav-tab3 a { display:block; height: 32px; text-align:left; font-size: 1.2em; color: #697a8a;  padding-top: 20px; padding-left: 40px; letter-spacing:-1px;  background: #f6f6f6; border-right:3px solid #ededed;}
#m-nav .snav-tab3 a.active { background: #fff; color:#0a142d; border-right:3px solid #ffffff;border-bottom:3px solid #ededed;font-weight:bold;}



#m-nav .snav-tab2:after { display:block; content:''; clear:both; }
#m-nav .snav-tab2 { width: 120px; background: #fff;}
#m-nav .snav-tab2 a { display:block; height: 32px; text-align:center; font-size: 1.2em; color: #697a8a;  padding-top: 20px; letter-spacing:-1px;  background: #f6f6f6; border-right:3px solid #ededed;}
#m-nav .snav-tab2 a.active { background: #fff; color:#0a142d; border-right:3px solid #ffffff;border-bottom:3px solid #ededed;}



#m-nav .snav-tab4:after { display:block; content:''; clear:both; }
#m-nav .snav-tab4 { width: 120px; background: #000000;}
#m-nav .snav-tab4 a { display:block; height: 32px; text-align:center; font-size: 1.2em; color: #ffffff;  padding-top: 20px; letter-spacing:-1px;  background: #000000; border-right:3px solid #ededed;}
#m-nav .snav-tab4 a.active { background: #ff6633; color:#ffffff; border-right:3px solid #ffffff;border-bottom:3px solid #ededed;}



#m-nav .snav-list { position:absolute; top:121px; left: 120px; width: 100%; background: #fff; }

#m-nav .snav-list .list { position:relative;  background: #fff;padding-left:20px; width:55%; }

#m-nav .snav-list .list p {  height: 45px; text-align: left; background: #fff; padding-left: 20px; border-bottom: 1px solid #eeeeee; line-height: 44px; font-size: 1.2em; color: #333333; letter-spacing:-1px;}
#m-nav .snav-list .list p a { color: #333333;}

#m-nav .snav-list .list .gl { height: 45px; text-align: left; background: #fff; padding-left: 20px; border-bottom: 2px solid #5a6aa6; line-height: 44px; font-size: 1.2em; color: #4868e1;  letter-spacing:-1px;font-family: 'Noto regular';}
#m-nav .snav-list .list .gl a { color: #4868e1;}

#m-nav .snav-list .list .ht { display:block; height: 66px; text-align: left; background: #fff; padding-left: 20px; border-bottom: 2px solid #222; line-height: 64px; font-size: 1.5em; color: #3f3f3f;  letter-spacing:-1px;}
#m-nav .snav-list .list .ht a { color: #3f3f3f;}


#m-nav .nav h2 { line-height:1em; padding:0; text-align:left; }
#m-nav .nav h2 a { display:block; font-size:14px;  color:#242424; font-weight:600; padding:12px 0 12px 10px; border-bottom:1px solid #808080; background:#f3f3f3 url(../img/common/ico_m_nav_plus.png) no-repeat 95% 50%; }
#m-nav .nav ul { display:none; border-bottom:1px solid #333; }
#m-nav .nav ul li a { display:block; font-size:12px; color:#242424; padding:8px 0 8px 10px; border-bottom:1px solid #e8e8e8; position:relative; }
#m-nav .nav ul li a:before { content:''; display:block; width:5px; height:5px; border-left:1px solid #535353; border-bottom:1px solid #535353; transform:rotate(-135deg); -webkit-transform:rotate(-135deg); position:absolute; right:16px; top:13px; }
#m-nav .nav ul li:last-child a { border-bottom:0; }
#m-nav .nav > div.active ul { }
#m-nav .nav > div.active h2 a { background-image: url(../img/common/ico_m_nav_minus.png); }
#m-nav .btn-close { position:absolute; left:10px; top:5px; padding:3px; line-height:0.5em; }

.bg-gnb { display:none; position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.7); z-index:150;}
#m-nav .btn-dep1 { display:block; font-size:14px;  color:#242424; font-weight:600; padding:12px 0 12px 10px; border-bottom:1px solid #808080; position:relative; background:#f3f3f3;  }
#m-nav .btn-dep1:before { content:''; display:block; width:6px; height:6px; border-left:1px solid #535353; border-bottom:1px solid #535353; transform:rotate(-135deg); -webkit-transform:rotate(-135deg); position:absolute; right:16px; top:17px; }



/* Mobile Active */

body.fixed #wrap  { overflow:hidden !important; }
body.fixed #m-nav { left:0;  }

body.fixed .bg-gnb { display:block; }
body.fixed #m-cart { bottom: 0; }

body.fixed .bg-gnb2 { display:block; }

body.left,
body.left #lang-list { left:0;  }
body.left .bg-gnb2 { display:block;   }