@charset "utf-8";

#wing-right {display:none}

.top-bnr {display:block; background:url(/images/banner/m_top_bg_160228.jpg); width:100%}
.top-bnr p,
.top-bnr ul{width:100%; max-width:1160px; margin:0 auto}
.top-bnr li{display:inline; float:left; width:50%}
.top-bnr img{width:100%}
.top-bnr ul:after {content:""; display:block; clear:both}

#wrap {position:relative; width:98%; padding:0 1%; margin:0 auto}
.section{
	width:100%;
	/*height:100%;	*/
	/*position: relative;*/
	top:0;
	left:0;
	bottom:0;
	overflow-x:hidden;
	overflow-y:auto;
	margin:0;
	padding:0;
}

.Layer-Popup {display:none}

/*header*/
#header {position:relative}
#header .head {position:relative}
#header .head .subMenu {position:absolute; top:1em}
#header .head .subMenu .mobileTopMenu {display:block; width:40px; height:30px; background:url(/images/sub/subMenu.png) no-repeat center center; font-size:0}
#header .head h3 {padding:1em; text-align:center}
#header .head h3 a{display:inline-block; vertical-align:middle}
#header .head .favorites {display:none; position:absolute; right:0; top:1em; z-index:2}
#header .head .favorites a{display:block; width:30px; height:30px; background:url(/images/common/favorites.png) no-repeat center center; font-size:0; text-indent:-9999}
#header .head .favorites1 {display:block; position:absolute; right:-34px; top:2.2em; z-index:3;}
#header .head .favorites1 a{display:block; background:url(https://www.namucpa.com/images/common/custmer.png)no-repeat left top; padding-left:25px; width:80px; height:30px; text-indent:-9999}



#header .searchBx {position:relative; border:1px solid #ddd}
#header .searchBx input.keyword {width:98%; height:30px; line-height:29px; border:0; padding:0; margin-left:1%}
#header .searchBx .btn-sh {position:absolute; top:0; right:0; width:30px; height:30px; background:url(/images/common/btn_sh.gif) no-repeat center center; font-size:0}
#header .searchBx2 {position:relative; border:1px solid #ddd}/*관세무역아카데미*/
#header .searchBx2 input.keyword {width:98%; height:30px; line-height:29px; border:0; padding:0; margin-left:1%}
#header .searchBx2 .btn-sh {position:absolute; top:0; right:0; width:30px; height:30px; background:url(/images/common/btn_sh.gif) no-repeat center center; font-size:0}

.gnbmobile {margin-top:10px}
.gnbmobile .gnb-mobile {width:100%;}
.gnbmobile .gnb1-mobile,
.gnbmobile .gnb2-mobile {width:49.5%;}
.gnbmobile .gnb1-mobile {float:left}
.gnbmobile .gnb2-mobile {float:right}
.gnbmobile select {width:100%}
.gnbmobile:after {content:""; display:block; clear:both}
.gnbWrap, .subpanel {display:none}

#header .signinBx {clear:both; width:100%; max-width:1160px; margin:10px auto 0}
#header .signinBx ul {float:right}
#header .signinBx li {display:inline; float:left; vertical-align:middle; height:40px; line-height:40px; margin-right:10px}
#header .signinBx li input{vertical-align:middle}
#header .signinBx li .ipt-id,
#header .signinBx li .ipt-pw{width:100px; padding:0 5px}
#header .signinBx li .btLogin{position:static; width:66px; height:27px; line-height:27px; padding:0; background:#9b9b9b; border:0; color:#fff}
#header .signinBx li.log-btns {margin-top:3px}
#header .signinBx li.log-btns a {padding:5px;}
#header .signinBx li.log-btns a.namuGO {border:1px solid #e1e1e1}
#header .signinBx ul:after {content:""; display:block; clear:both}

.ipt-id,
.ipt-pw{padding:0 1em;border:1px solid #d3d3d3;height:30px;line-height:30px}

#header .signinBx .login {color:#243746; padding-bottom:10px}
#header .signinBx .login li span {padding:0 10px}
#header .signinBx .login li a.amount {color:#e80000}
#header .signinBx .login li {display:inline;text-align:right; height:40px;line-height:40px}
#header .signinBx .login li.btns a {display:block; float:left; border:1px solid #bfbfbf; height:24px; line-height:24px; padding:0 10px; margin-right:5px; margin-top:7px}
#header .signinBx .login li.btns a.mypage {background:#539ccf; color:#fff; border:1px solid #539ccf}
#header .signinBx .login li.btns :after {content:""; display:block; clear:both}
#header .signinBx .login:after {content:""; display:block; clear:both}

#container {clear:both; width:100%; max-width:1160px; margin:0 auto; margin-top:10px}
#container-w {clear:both; width:100%; margin-top:10px}
#container:after,
#container-w:after {content:""; display:block; clear:both}

/*#container-sub { float:left; width:100%; max-width:920px; margin:0 auto; margin-top:10px}
#container-sub:after {content:""; display:block; clear:both}*/

/*LNB*/
/*LNB모바일*/
#lnbmobile {display:none; position:fixed; top:0; left:0; bottom:0; padding:0; width:220px; height:auto; background:#4a4f55; color:#fff; overflow-x:hidden; overflow-y:auto; z-index:999}
#lnbmobile h1 {border-top:2px solid #000; background:#313438; /*font-weight:bold;*/ font-size:180%; text-align:center; padding:0.75em 0}
#lnbmobile h2 {/*font-weight:bold;*/ font-size:120%; text-align:center; padding:0.75em 0; background:#4a4f55}
#lnbmobile h3 a {display:block; /*font-weight:bold;*/ font-size:95%; padding:0.875em 10%; background:#313438; color:#fff}
#lnbmobile h3 a:hover,
#lnbmobile h3 a.active {background:#539ccf; color:#fff}
#lnbmobile li li {border-top:1px dotted #2d3033; background:url(/images/common/arrow1.gif) no-repeat 10% center}
#lnbmobile li li a{display:block; color:#fff; padding:0.75em 10% 0.875em 15%}
#lnbmobile li li a:hover,
#lnbmobile li li a.on {color:#539ccf; font-weight:bold}

/*LNB PC*/
#lnb {display:none}

/*contents*/
#contents {width:100%; /*padding-top:1em*/}


/*나무경영 윌스토리 고객센터*/
.bookCustomerBox {width:217px; text-align:center; overflow:hidden}
.bookCustomerBox ul {margin:auto; width:100%; overflow:hidden;}
.bookCustomerBox ul li {display:inline-block; width:100%;}
.bookCustomerBox ul li div p {display:inline-flex; padding:0 5px;}
.bookCustomerBox ul li div.box {width:100%; height:65px; padding:18px 0; background:#f2f2f3}
.bookCustomerBox ul li.bcBox div p span.Number {margin-left:5px; font:500 15px 'NamumBarunGothic'; color:#1e1f21}
.bookCustomerBox ul li.bcBox div p {margin:auto; width:175px; text-align:left}
.bookCustomerBox ul li.bcBox div p span.R_txt1 {font:600 13px 'NamumBarunGothic'; letter-spacing:-1px; color:#1e1f21}
.bookCustomerBox ul li.bcBox div p span.R_txt2 {width:85px; margin-top:3px; font:600 12px 'NamumBarunGothic'; letter-spacing:-1px; color:#1e1f21}
.bookCustomerBox ul li.time {width:100%; background:#8eb7cd; color:#fff; padding:3px 0;}
.bookCustomerBox ul li.time div {margin:auto; width:80%; padding:5px 0; text-align:left}

/*footer*/
#footer { margin:10px 0 50px; border-top:1px solid #c1c1c2; border-bottom:1px solid #c1c1c2}
#footer .foot-link{ border-bottom:1px solid #c1c1c2}
#footer ul {position:relative; width:98%; max-width:1160px; margin:0 auto;  padding:0 1%}
#footer ul li { display:inline; float:left; padding:1em 0}
#footer li span {padding:0 5px}
#footer ul:after {content:""; display:block; clear:both}
#footer ul li.foot-top a{display:block; position:absolute; right:0; width:40px; font-size:90%; text-align:center; border:1px solid #ccc; border-radius:5px}

#footer .static {width:100%; max-width:1160px; margin:20px auto}
#footer .foot-copy {color:#8a8f98}
#footer .foot-copy p,
#footer .foot-copy br,
#footer .foot-copy address{margin-bottom:8px}

#footer .foot-fm{ margin-top:10px}
#footer .foot-fm img{vertical-align:middle}
#footer .foot-fm select{margin-left:1em}


@media all and (min-width:480px) {
#header .signinBx .ipt-id,
#header .signinBx .ipt-pw{width:65%}
}

@media all and (min-width:640px) {
#header .signinBx .ipt-id,
#header .signinBx .ipt-pw{width:68%}

#footer .foot-copy {float:left}
#footer .foot-fm{float:right}
#footer .static:after {content:""; display:block; clear:both}
}

@media all and (min-width:768px) {
#header .signinBx .ipt-id,
#header .signinBx .ipt-pw{width:69%}
}

@media all and (min-width:980px) {
#wrap {width:100%; padding:0}
#header .head .favorites {display:block}
.Layer-Popup {display:block; position:absolute; border:#000 1px solid; background:#000; z-index:9999}
.Layer-Popup p {background:#000; padding:5px 10px; vertical-align:middle; color:#fff}
.Layer-Popup p a {float:right; color:#fff}
.Layer-Popup p a:hover {color:#FF6}

#wing-right {display:block; position:absolute; right:50%; top:242px; margin-right:-700px; width:100px; z-index:997}
#wing-right li {margin-bottom:5px}

#header .head{max-width:1160px; margin:0 auto}
#header .head h3 {text-align:left}
#header .head .loginTA {display:block; position:absolute; right:5px; top:1.6em; z-index:3;}
#header .head .subMenu {display:none}
#header .searchBx {position:absolute; right:30px; top:1em; width:20%}
#header .searchBx2 {position:absolute; right:30px; top:1em; width:20%}/*관세무역아카데미*/

#header .signinBx .login {padding:0}

#header .gnbmobile {display:none}
#header .gnbWrap {display:block; width:100%; padding:10px 0}
	.gnBg1 {background:#efefef; border-top:1px solid #dadada; border-bottom:1px solid #dadada;} /*메인 메뉴바 배경*/
	.gnBg2 {background:#253850;} /*메인메뉴바 배경-관세무역아카데미*/
#header .gnbtab {width:98%; max-width:1152px; padding:0 1%; margin:0 auto}
#header .gnbtab li {display:inline; float:left; width:9.5%}
#header .gnbtab li.li01 {width:10%}
#header .gnbtab li a {display:block; font-size:120%; font-weight:550; color:#747474; text-align:center; padding:15px 0; letter-spacing:-0.5px; font-family:'NanumBarunGothic', 'Malgun Gothic', Arial,Sans-serif}
#header .gnbtab li a:hover {color:#539ccf}
#header .gnbtab li a.hit {color:#fff; background:#539ccf}
#header .gnbtab li a.hit:hover {color:#FF3; background:#2e73a3}
#header .gnbtab li.barImg {background:url(/images/common/gnbBar.gif) no-repeat right center}
#header .gnbtab:after {content:""; display:block; clear:both}

#header .gnbtab2 {width:98%; max-width:1152px; padding:0 1%; margin:0 auto}
#header .gnbtab2 li {display:inline; float:left; width:11%}
#header .gnbtab2 li.li01 {width:7%}
#header .gnbtab2 li a {display:block; font-size:120%; font-weight:550; color:#fff; text-align:center; padding:8px 0; letter-spacing:-0.5px; font-family:'NanumBarunGothic', 'Malgun Gothic', Arial,Sans-serif}
#header .gnbtab2 li a:hover {color:#FF3}
#header .gnbtab2 li a.hit {color:#fff; background:#537ecc}
#header .gnbtab2 li a.hit:hover {color:#FF3; background:#4476d1}
#header .gnbtab2 li.barImg {background:url(/images/common/gnbBar.gif) no-repeat right center}
#header .gnbtab2:after {content:""; display:block; clear:both}

#header .subpanel {display:block; border-bottom:1px solid #dadada; padding:10px 0; height:30px; line-height:30px}
#header .subpanel div {position:relative; display:none; width:1160px; margin:0 auto}
#header .subpanel #sub1 {left:45px}
#header .subpanel #sub2 {left:170px}
#header .subpanel #sub3 {left:270px}
#header .subpanel #sub4 {left:700px}
#header .subpanel #sub5 {left:270px}
#header .subpanel #sub6 {left:450px}
#header .subpanel #sub7 {left:470px}
#header .subpanel #sub440 {left:270px}
#header .subpanel #sub1026 {left:260px}
#header .subpanel #sub364 {left:570px}
#header .subpanel #sub638 {left:45px}
#header .subpanel #sub653 {left:160px}
#header .subpanel #sub654 {left:300px}
#header .subpanel #sub655 {left:430px}
#header .subpanel #sub656 {left:520px}
#header .subpanel #sub884 {left:370px}
#header .subpanel #sub547 {left:700px}
#header .subpanel #sub916 {left:700px}

#header .subpanel li { display:inline; float:left; color:#c1c1c1}
#header .subpanel a {display:inline-block; text-align:center; padding:0 10px}
#header .subpanel a:hover {color:#539ccf; text-decoration:underline}
#header .subpanel:ul{content:""; display:block; clear:both}

#header:after {content:""; display:block; clear:both}

#lnbmobile {display:none}
#lnb {display:block; float:left; width:18.96551%; letter-spacing:-1px}
#lnb h1 {border-top:2px solid #539ccf; color:#4a4f55; /*font-weight:bold;*/ font-size:180%; text-align:center; padding:0.75em 0}
#lnb h2 {color:#fff; /*font-weight:bold;*/ font-size:120%; text-align:center; padding:0.75em 0; background:#4a4f55}
#lnb .l-Menu {border:1px solid #c5c5c5; border-top:none}
#lnb h3 a {display:block; /*font-weight:bold;*/ font-size:95%; padding:0.875em 8%; background:#ddd; color:#243746; border-top:1px solid #c5c5c5}
#lnb h3 a:hover,
#lnb h3 a.active {background:#539ccf; color:#fff}
#lnb li li {border-top:1px dotted #d8dada; background:url(/images/common/arrow1.gif) no-repeat 8% 13px}
#lnb li li a {display:block; padding:0.75em 5% 0.875em 12%}
#lnb li li a:hover,
#lnb li li a.on {color:#539ccf; font-weight:bold}
	
#contents {float:right; width:79.31034%; /*padding-top:1em*/}

#footer {margin-top:40px}
#footer .foot-copy {padding-left:240px; background:url(/images/common/namu_logoF_2019.jpg) no-repeat 7% 38%}
#footer .foot-copy-willstory {padding-left:240px; background:url(/images/common/willstory_footer.jpg) no-repeat 7% 38%}
#footer .foot-copy br {display:none}

}