@charset "utf-8";

/*~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ 
2016.11 Pjsuny
~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~*/

/*Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, 
em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure,  
figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0;}
hr {display:none; height:0; -moz-box-sizing:content-box; box-sizing:content-box;}
ul, ol {list-style:none; list-style-image:none;}
img {border:0; vertical-align:top; -ms-interpolation-mode:bicubic;}
em, label, span, strong, button {display:inline-block;}
button {overflow:visible; border:0 none; background:transparent; vertical-align:top; cursor:pointer; font-family:'맑은 고딕','malgungothic','Tahoma';}
button::-moz-focus-inner {border:0;padding:0;}
a, a:link, a:visited {cursor:pointer; text-decoration:none; color:#383838}
a:hover {text-decoration:none; color:#000}
input, select, textarea {font-size:100%; font-family:'맑은 고딕','malgungothic','Tahoma'; vertical-align:middle }
h1, h2, h3, h4, h5, h6{font-size:100%; font-family:'맑은 고딕','malgungothic','Tahoma'; !important;}
html {overflow-y:scroll;}
html, body {width:100%; height:100%;}
body, button {font-size:12px; line-height:1.6em; font-family:'맑은 고딕','malgungothic','Tahoma'; color:#383838; -webkit-text-size-adjust:none; !important; }
iframe{width:100%; height:auto; overflow:hidden; border:none}

* {color:#4f4f4f}
#wrap {width:100%; height:auto; overflow:hidden; border-top:3px solid #ee3a43}
.cent_wrap {width:980px; height:auto; margin:0 auto; z-index:1;}
.cent_wrap h1 {padding:45px 0 24px 0; }
.container {overflow:hidden; position: relative;} /* LNR 수정 2017.04.26 */
/***Login***/
.login_area {float:left; width:324px; min-height:430px; padding:30px; border:1px solid #dddddd;}
.login_area h3 {width:100%; border-bottom:1px solid #dddddd; padding-bottom:15px; font-size:22px; color:#4a433b}
.login_area .input_area {padding-top:24px;}
.login_area .input_area li {padding-bottom:10px}
.login_area .input_area label {width:75px; font-size:14px; color:#4a433b; font-weight:bold} /* Lee nara수정 2017.02.06 */
.login_area .input_area input {width:243px; height:20px; border:1px solid #dddddd; padding:2px} /* Lee nara수정 2017.02.06 */
.login_area .input_area select {width:249px; height:26px; border:1px solid #dddddd; padding:2px} /* Lee nara수정 2017.02.06 */
.login_area a.btn_login {display:inline-block; width:323px; height:40px; background:#717073; margin:10px 0 20px; text-align:center}
.login_area a.btn_login:hover {background:#4d4b50;}
.login_area .btn_login span {font-size:18px; color:#fff; margin-top:9px}
.login_area .option {text-align:right}
.login_area .option p, .login_area .option a {display:inline; padding-left:8px} 
.login_area .option p {background:url('../img/bar_divide2.png') no-repeat right 3px ; padding-right:8px}
.login_area .info_line {height:1px; color:#dddddd; margin:24px 0}
.login_area .info_area {width:100%; height:1px; border-top:1px solid #cccccc; margin-top:20px;}
.login_area .info_area h4 {font-size:14px; color:#4a433b; padding:20px 0 10px 0}
.login_area .info_area ul li {line-height:1.5em; letter-spacing:-1px;background:url('../img/bult_jum.png') no-repeat 0px 9px; padding-left: 10px}
/***Banner***/
.banner_area {float:left; width:584px; min-height:490px;}
.banner_area a {float:left; display:inline-block}
.banner_area .panel {position:relative; width:188px; height:188px;}
.banner_area .panel .titimg {position:absolute; top:28px; left:20px}
.banner_area .panel .plus {position:absolute; top:155px; left:155px}
.banner_area a.benner1 {background:url('../img/bnn_bg1.png') no-repeat}
.banner_area a.benner1:hover {background:url('../img/bnn_bg1_over.png') no-repeat}
.banner_area a.benner2 {background:url('../img/bnn_bg2.png') no-repeat}
.banner_area a.benner2:hover {background:url('../img/bnn_bg2_over.png') no-repeat}
.banner_area a.benner3 {background:url('../img/bnn_bg3.png') no-repeat}
.banner_area a.benner3:hover {background:url('../img/bnn_bg3_over.png') no-repeat}
.banner_area a.panel2 {width:186px; height:136px; padding-top:50px; border:1px solid #dddddd; background:#fff; text-align:center}
.banner_area a.panel2:hover {border:1px solid #b9b9b9; background:#f7f7f7}
.banner_area a.panel2 p {font-size:16px; color:#555; font-weight:bold; margin-top:20px}
.banner_area a.panel3 {width:188px; height:94px; background:#f1f4f8 url('../img/arw_right.png') no-repeat 160px 43px}
.banner_area a.panel3:hover {background:#ebedf1 url('../img/arw_right.png') no-repeat 160px 43px}
.banner_area a.panel4 {width:188px; height:94px; background:#d8dbe2 url('../img/arw_right.png') no-repeat 160px 43px}
.banner_area a.panel4:hover {background:#c5c8d0 url('../img/arw_right.png') no-repeat 160px 43px}
.banner_area a.panel3 span, .banner_area a.panel4 span {font-size:14px; color:#555; font-weight:bold; margin:37px 0 0 20px}

.banner_area a.panel5 {width:188px; height:94px; background:#f1f4f8 url('../img/arw_right.png') no-repeat 160px 43px} /* LNR 추가 2017.04.26 */
.banner_area a.panel5:hover {background:#ebedf1 url('../img/arw_right.png') no-repeat 160px 43px} /* LNR 추가 2017.04.26 */
.banner_area a.panel5 span{font-size:14px; color:#555; font-weight:bold; margin:37px 0 0 20px} /* LNR 추가 2017.04.26 */

/***Footer***/
.footer {overflow:hidden; clear:both; margin-top:20px}
.fnb {float:left; font-size:12px; color:#4f4f4f}
.fnb li {display:inline; height:13px; font-weight:bold; padding:0 10px 0 4px;}
.fnb li:first-child {background:url('../img/bar_divide.png') no-repeat right 3px;}
.copyright {float:right; font-size:11px; color:#4f4f4f; }

.mgl7 {margin-left:7px}
.mgl10 {margin-left:10px}
.mgrb10 {margin-right:10px; margin-bottom:10px !important}
.mgb10 {margin-bottom:10px !important}
.mgr10 {margin-right:10px !important}

/* 
LNR 추가 2017.04.26 
quick links, 관련사이트 */

.fml_site{position: absolute; overflow: hidden; bottom:96px; left : 396px; display: none;}
.fml_site>ul{width: 146px; height: 63px; background-color: #f8f8f8; border : 1px solid #cccccc; padding : 15px 20px 20px 20px;}
.fml_site>ul>li {font-size: 13px; cursor: pointer; font-weight: bold;}
.fml_site>ul>li>a{width: 150px; margin-bottom: 5px;}
.fml_site>ul>li>a>img {margin:10px 8px 0 0;}
.fml_site>ul>li>a:HOVER{text-decoration: underline;}

.fml_site2{position: absolute; overflow: hidden; bottom:96px; left : 594px; display: none;}
.fml_site2>ul{width: 146px; height: 209px; background-color: #f8f8f8; border : 1px solid #cccccc; padding : 15px 20px 20px 20px;}
.fml_site2>ul>li {font-size: 13px; cursor: pointer; font-weight: bold;}
.fml_site2>ul>li>a{width: 150px; margin-bottom: 5px;}
.fml_site2>ul>li>a>img {margin:10px 8px 0 0;}
.fml_site2>ul>li>a:HOVER{text-decoration: underline;}