@charset "utf-8";
/* reset */
a {text-decoration:none;color:#666666;}
ul,ol {list-style:none; margin:0;padding:0;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1,h2,h3,h4,h5,h6,b,strong {font-weight:bold;}
article, aside, details, figcaption, figure, footer, hgroup, menu, nav, section {display:block}
button {cursor:pointer}
img {max-width:100%; line-height:0; vertical-align:top;}
form, fieldset {width:100%; display:block;}
table {border-collapse:collapse; border-spacing:0;}
pre {overflow:hidden; white-space:pre-line; word-break:break-all;}
em, address {font-style: normal;}
ul, li {list-style:none; margin:0; padding:0;}
label {vertical-align:middle;}
hr {display:none}
/* ===================== */
/* ===== 작성자 : jooyk  ===== */
/* ===================== */
/*fonts*/
@font-face {
	font-family: 'NanumSquare';
	src: url('../fonts/NanumSquare.eot');
	src: /*local('NanumSquare'), */url('../fonts/NanumSquare.woff') format('woff'), url('../fonts/NanumSquare.ttf') format('truetype');
}
/* common */
::selection {background:#ee9d00; color: #fff;}
html,body, h1,h2,h3,h4,h5,h6,p,img,textarea {font-size:16px; font-family:'NanumSquare', "맑은 고딕", Malgun Gothic, HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif,"돋움",dotum; }
html,body {line-height:1.2;}
* {margin:0;padding:0;box-sizing:border-box; }
body {min-width:320px;margin:0 auto;}
p {margin:0;padding:0;word-break:break-all;}
textarea, input[type=text], input[type=password] {  border:1px solid #d6d6d6; box-sizing:border-box; outline: none; -webkit-appearance: none; -webkit-border-radius: 0; vertical-align:middle;    font-family: 'NanumSquare', "맑은 고딕", Malgun Gothic, HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif,"돋움",dotum;}
.sdonly {position:absolute; top:0 !important; left:0 !important; line-height:0 !important; font-size:0 !important; width:0 !important; height:0 !important; color:transparent !important; overflow:hidden !important;display:none !important;}
.sdonly:before, .sdonly:after {display:none !important;}
.none {display:none;}
.ov-bg {background:#000; opacity: 0.8; filter:alpha(opacity=80); top:0;left:0; right:0; height:100%; z-index:999; position: fixed; display: none;}
.clr:after {content:''; display:block; clear:both;}
.clr > li {float:left;}
.clr.li02 > li {width:50%;}
.clr.li04 > li {width:25%;}
.inner {max-width:1200px; margin:0 auto;position: relative;}

/*공통사용*/
.main_contents div {transition:all 0.3s ease-in;}
/*.logo {transition:all 0.3s ease-in;}*/
body { max-width:1600px; color:#666666;}
.txt_o {color:#ff9600;}
.txt_b {color:#222222;}
.btn {display:inline-block; vertical-align:middle; transition:all 0.15s ease;}
.btn.blue {background: #405da7; color:#fff; }
.btn.blue:hover {background: #2e4787;} 
.btn.sky {background: #38afe6; color:#fff; }
.btn.sky:hover {background: #1c81b0;} 
.btn.gray {background: #656565; color:#fff; }
.btn.gray:hover {background: #3f3f3f;} 
.btn.white {background: #ffffff; }
.btn.white:hover {background: #9e9e9e;}
/* 2018. 2. 12추가*/
.btn.gray_onsign {background: #656565; color:#fff; }
.btn.gray_onsign:hover {background: #3f3f3f;} 

.btn.line0 {background: #ffffff; border:1px solid #d6d6d6; color:#666666;}
.btn.line0:hover {background: #ffffff; border:1px solid #ff9600; color:#ff9600;} 
.tac {text-align:center;}
.tar {text-align:right;}
.tal {text-align:left;}

footer { position: relative; text-align:center; background: #343434; color:#909090;}
footer .f_top {border-bottom:1px solid #525252; padding:24px 0;}
footer .f_top ul {display:inline-block;vertical-align: top;}
footer .f_top ul li:before {content:''; display:inline-block; width:14px;height:10px; vertical-align:middle; margin:0 20px; background:url(../images/main/bg_f_top.png) no-repeat;    transition: all 0.3s ease;}
footer .f_top ul li:first-child a {color:#ff9600;}
footer .f_top ul li:first-child:before {display:none;}
footer .f_top ul li a {font-size:18px; color:#ffffff; display:inline-block; vertical-align:middle;}
footer .f_top ul li a:hover {text-decoration:underline;}
footer .f_btn {position: absolute; right:0;top:0;}
footer .f_btn a {display:block; width:70px;height:70px;    border-left: 1px solid #525252; }
footer .f_btn a i {display:inline-block; width:30px;height:30px; margin-top:20px; background: url(../images/main/ic_fb.png); color:transparent; overflow:hidden;transition:all 0.2s ease-in-out;}
footer .f_btn a:hover i {background-position:-30px 0;}
footer p { font-size:14px; padding:24px 0;}
footer p br {display:none;}
header {border-bottom:1px solid #ffffff;border-bottom:1px solid rgba(255,255,255,0.3);background: ;}
header .logo {position: absolute;top:29px;left:40px;}
header .logo a {display:block;width:182px;height:42px;background: url(../images/main/logo.png); background-size:cover; position: relative; z-index:1;}
header.pc {width:100%; max-width:1600px; margin:0 auto;height:100px;z-index: 999; position: fixed;top:0;left:0;right:0;   }
section.full_wrapper {position: relative;max-width:1600px; margin:0 auto;}
#mnb li a {color:#ffffff; font-size:22px; font-weight:bold;transition:all 0.2s ease;}
#mnb li a:hover {color:#FF9600 !important;}
#gnb .srch {position: relative;}
#gnb .btn_srch {display:block;width:100px;height:100px; text-align:center; position: absolute; top:0;right:200px;    border-left: 1px solid #fff; border-left: 1px solid rgba(255,255,255,0.3);z-index: 1;}
#gnb .login_after .btn_srch {right:100px; width:100px;}
#gnb .btn_srch:hover,
#gnb .btn_srch.act {background: #848484; border-left: 1px solid #848484;}
.sticky #gnb .btn_srch {background: #acacac; border-left:1px solid #acacac;}
.sticky #gnb .btn_srch:hover {background: #848484;}
#gnb .btn_srch i {display:inline-block;width:30px;height:30px;margin-top: 20px;margin-bottom: 17px;vertical-align: top; background: url(../images/main/srch_main.png) no-repeat;}
#gnb .btn_srch.act i {background-position:0 -30px ;}
#gnb .btn_srch span {display:block; color:#ffffff; font-size:14px; font-weight:bold;}  
#gnb .srch_box {display: none;  position: absolute; right:200px; top:100px; background: #ffffff; border:1px solid #848484; padding:32px;}
#gnb .login_after .srch_box {right:100px;}
#gnb .srch_box h3 {font-size:22px; color:#222222; margin-bottom:12px;}
#gnb .srch_box input[type=text] {line-height:58px; height:60px; width:400px;padding:0 20px;font-size:18px;float:left;}
#gnb .srch_go {line-height:58px; height:60px; padding:0 45px; font-size:18px; float:left;}
.pc .gnb_menu {position: absolute; top:0;right:0;z-index: 1;}
.pc .gnb_menu.logout .mb_info {display:none;}
.pc .gnb_menu.logout a {display:block; width:100px; height:100px; float:left; color:#ffffff; font-weight:bold; text-align:center; border-left: 1px solid #fff; border-left: 1px solid rgba(255,255,255,0.3);    font-size: 14px;}
.pc .gnb_menu.logout a span {display:block; color:#ffffff; }
.pc .gnb_menu.logout a i {display:inline-block; width:27px; height:33px; margin-top:18px; margin-bottom:15px;vertical-align:top;}
.gnb_btn01 i {background: url(../images/main/gnb_btn01.png);}
.gnb_btn02 i {background: url(../images/main/gnb_btn02.png);}
.pc .gnb_btn01:hover {background-color:#e69403 !important;}
.pc .gnb_btn02:hover {background-color:#474747 !important;}
.pc .gnb_menu.login {border-left: 1px solid #fff; border-left: 1px solid rgba(255,255,255,0.3);display:block; width:100px; height:100px;text-align:center; }
.pc .gnb_menu.login .mb_info {width:100px; height:100px;}
.pc .gnb_menu.login .mb_info .mb_img {display:inline-block; width:48px; height:48px; overflow:hidden; border-radius:100%; border:2px solid #bcbcbc;background: #bcbcbc; margin-top:14px;}
.pc .gnb_menu.login .mb_info .mb_img img {width:100%;height:100%;}
.pc .gnb_menu.login .mb_info .mb_name {display:block; color:#fff; font-size:14px; font-weight:bold; margin-top:3px;}
.pc .gnb_menu.login .mb_list {display:none; width:150px;height:; position: absolute; right:0;top:100px;   z-index: 1; border:2px solid #f6a600;}
.pc .gnb_menu.login .mb_list a {display:block; line-height:50px; border-top:1px solid #d6d6d6; background: #fff; font-size:14px;}
.pc .gnb_menu.login .mb_list a:first-child {border-top:none;}
.pc .gnb_menu.login .mb_list a:hover {color:#ff9600; background: #f4f5f6; font-weight:bold;}
.pc .gnb_menu.login.ov { background: #e69403;}
.pc .gnb_menu.login.ov  .mb_list {display:block;}
.pc nav {text-align:center;}
.pc #mnb {display:inline-block; vertical-align:top; padding:37px 0;}
.pc #mnb li { transition: margin 0.3s; position: relative; margin: 0 30px;}
.pc #mnb li:before {content:''; display:block; width:16px;height:9px;background: url(../images/main/dot_mnb.png) no-repeat; position: absolute; top:8px; left:-38px;}
.pc #mnb li:first-child:before {display:none;}

.btn_top { display: none;}
.btn_top a {width:70px;height:70px;display:block; color:transparent;  border-radius:100%;box-shadow:0px 1px 10px 1px rgba(0,0,0,0.2);
position: fixed; bottom: 70px; right: 20px; background-image: url(../images/main/top.png); background-size:cover; overflow:hidden;}
.btn_top a:hover { background-image: url(../images/main/top_ov.png); background-size:cover;}

/*1024맞춤*/
@media screen and (max-width: 1216px){
.top_header,
.inner {padding:0 20px;transition:all 0.3s ease-in;}
.pc #mnb li {    margin: 0 20px;}
.pc #mnb li:before {left:-28px;}
.pc #mnb li a {font-size:20px;}
#gnb .btn_srch {width:80px; right:160px;}
#gnb .srch_box {right:160px; position: fixed; /* top:0; */}
.pc .gnb_menu.logout a {width:80px;}
}


/*패드*/
@media screen and (max-width: 1023px){
header {border:0;}
.top_header {border-bottom:1px solid #ffffff;border-bottom:1px solid rgba(255,255,255,0.3);transition:all 0.3s ease-in; }
header .top_header {position: fixed;      width: 100%; height: 100px; padding: 0; z-index: 99; top:0;}
header.mp .logo  {left:40px; z-index:51;}
.mnb_btn {display:block; color:transparent; width:100px;height:100px;position: fixed; top:0;overflow:hidden; z-index:52;}
#mnb_open {background: url(../images/main/mnb_btn.png) no-repeat center;  right:0; border-left: 1px solid #ffffff;
    border-left: 1px solid rgba(255,255,255,0.3); transition:all 0.3s ease-in; background-size:44px auto ;}
#mnb_close {background: url(../images/main/mnb_btn_ov.png) no-repeat;background-size:cover; left:-100px; }
#gnb {position: fixed; width:100%; top:0; /*right:0;*/right:-100%; width:70%; max-width:460px;height: 100%; z-index: 999; background: #f6a600; }
#gnb nav .inner {padding:0;}
#gnb nav ul {background: #f3f3f3;}
#gnb nav li {width:50%;background:#ffffff;}
#gnb nav li a {display:block; text-align:center; line-height:110px; padding-top:110px; color:#222; font-size:30px; font-weight:normal; position: relative;}
#gnb .btn_srch {width:100px; position: fixed; right:100px;    z-index: -1; top:0;}
#gnb .btn_srch, 
#gnb .btn_srch:hover, 
.sticky #gnb .btn_srch, 
.sticky #gnb .btn_srch:hover {background:#acacac url(../images/main/btn_srch.png) no-repeat center; border:0;transition:all 0.3s ease-in;}
#gnb .btn_srch.act {background:#848484 url(../images/main/btn_srch_act.png) no-repeat center;border:0;}
#gnb .btn_srch span,
#gnb .btn_srch i {display:none;}
#gnb .srch_box {right:99px; }
.mnb01 a {background: url(../images/main/mnb01.png) no-repeat center 45px;border-right:1px solid #dedede; border-bottom:1px solid #dedede;}
.mnb02 a {background: url(../images/main/mnb02.png) no-repeat center 45px; border-bottom:1px solid #dedede;}
.mnb03 a {background: url(../images/main/mnb03.png) no-repeat center 45px;}
.mnb04 a {background: url(../images/main/mnb04.png) no-repeat center 45px;border-right:1px solid #dedede;}
.mb_info { background: url(../images/main/bg_mb_info.png) no-repeat; background-size:cover ; height:auto; padding:50px;}
.mb_list {background: #222222;}
.mb_list:after {content:''; display:block; clear:both;}
.mb_list a {width:50%; float:left; color:#fff; line-height:100px;display:block; text-align:center;position: relative; font-size:26px; }
.mb_list a:first-child:after {content:''; display:block; position: absolute; right:0; top:34px; width:1px; height:32px; background: #434343;}
.mb_list a span { font-size:26px; }
.mb_img {display:inline-block; vertical-align:middle; width:140px;height:140px; overflow:hidden; text-align:center; border-radius:100%; border:3px solid #fff;}
.mb_img img {width:100%;height:100%;}
.mb_name {display:inline-block; vertical-align:middle; color:#fff; font-size:36px; font-weight:bold; margin-left:20px;}
.gnb_menu.logout .mb_name {font-size:26px; margin-left:20px;}
.gnb_menu.logout .mb_name img {padding-bottom:15px;}
.gnb_menu.logout .mb_info {padding:40px 32px;}
 
 }
 /*모바일*/
@media screen and (max-width: 767px){
footer p {padding-top:10px; }
footer p br {display:block;}
footer .f_top ul li a, footer .f_top ul li a u {font-size:13px;}
footer .f_top ul li:before {width:6px; height:5px; margin: 0 7px; background-size:auto 100%;}
footer .f_top {padding:17px 0;}
footer .f_btn {position: relative;top:auto; right:auto;margin-top: 15px; }
footer .f_btn a {display:inline-block; border:0; width:auto; height:auto;}
footer .f_btn a i {margin:0;}
header.mp .logo {top:13px; left:20px;}
header.mp .logo a {width:140px; height:30px;}
header .top_header {height:55px;}
#gnb {width:240px;}
#gnb nav li a {line-height:55px; font-size:15px; padding-top:55px;}
#gnb .btn_srch, .sticky #gnb .btn_srch:hover {right:55px !important; width:55px !important;height:55px !important;}
#gnb .btn_srch, #gnb .btn_srch:hover, #gnb .btn_srch.act { background-size:cover !important;}
#gnb .srch_box {top:55px; width:100%;right:0;left:0;padding:20px;}
#gnb .srch_box h3 {font-size:16px;}
#gnb .srch_box input[type=text] {height:40px; line-height:38px; padding:0 10px;font-size:13px; width:80%;}
#gnb .srch_go {height:40px; line-height:38px;font-size:13px; text-align:center; width:20%; padding:0;}
.gnb_menu.logout .mb_name {font-size:14px; letter-spacing:-1px;}
.gnb_menu.logout .mb_name img {width:75px; padding-bottom:8px;}
.mnb01 a,
.mnb02 a,
.mnb03 a,
.mnb04 a {background-size: auto 40px; background-position: center 23px ;}
.mnb_btn {width:55px;height:55px;}
#mnb_open {background-size:22px auto ;}
#mnb_close {left:-55px; position:absolute;}
.mb_info {padding:20px 0 20px 20px !important;}
.mb_img {width:70px;height:70px;}
.mb_name {font-size:18px; margin-left:10px !important;}
.mb_list a {line-height:55px; font-size:14px; }
.mb_list a:first-child:after {    top: 20px; width: 1px;  height: 14px;}
.mb_list a span { font-size:14px; }

.btn_top a {width:50px;height:50px; bottom:30px;}
}
/**/
@media screen and (min-width: 1600px){
body {max-width:1600px; margin:0 auto;box-shadow:0 5px 25px rgba(0,0,0,0.5);}
}
@keyframes spinplus{
	0% {transform: rotate(-180deg);}
}

.mb_info, .mb_list {display: none;}
header.pc .mb_list, header.pc .mb_info {display: block;}
header.mp .mb_info, header.mp .mb_list {display: block;}

.wrap_txt, .wrap_txt p {word-break: keep-all;}