@charset "UTF-8";


@font-face {
    font-family: 'notor';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'notom';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'notob';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}




/* //// CSS RESET */
/* http://html5doctor.com/html-5-reset-stylesheet/ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;/*background:transparent;*/}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
nav ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none}
mark {background-color:#fff;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select,textarea {vertical-align:middle;resize:none}
table {border-collapse:collapse;border-spacing:0}caption, th, td {font-weight:normal}
table caption {visibility:hidden;width:0;height:0;overflow:hidden}
/* //// */
html {overflow-y:scroll;  }
body{min-width:100%; background:#fff;color:#333;overflow-x: hidden; font-family: 'Montserrat','notor';font-size:16px; line-height: 1.6em; -webkit-text-size-adjust:none}
ul {border:0;list-style:none}
dd {padding:5px 0}
em {font-style:normal}
img {border:0;vertical-align:middle}
legend {display:none} label {cursor:pointer;vertical-align:middle}
h1, h2, h3, h4, h5, h6 {clear:both;margin:10px 0;padding:0}
h1 {font-size:1.2em}
h2 {font-size:1.2em}
h3 {font-size:1em}
h4 {font-size:1em}
strong {font-weight:bold}
iframe#hiddenframe {display:none;width:0;height:0}
input,button,select {} 
button {cursor:pointer} 
select {padding: 3px;border:1px solid #A9A9A9}
.f9{font-size:9pt}
.f10{font-size:10pt !important}
.f11{font-size:11pt !important}
.f12{font-size:12pt}
.f13{font-size:13pt}
.f14{font-size:14pt}

.fr{float:right}
.fl{float:left}
.fc{float:center}

.p00{padding:0px !important}
.p10{padding:10px}
.p20{padding:20px}
.p30{padding:30px}
.p40{padding:40px}
.p50{padding:50px}
.p60{padding:60px}
.p70{padding:70px}


.pl10{padding-left:10px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pl40{padding-left:40px}
.pl50{padding-left:50px}
.pl60{padding-left:60px}
.pl70{padding-left:70px}


.pr10{padding-right:10px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pr40{padding-right:40px}
.pr50{padding-right:50px}
.pr60{padding-right:60px}
.pr70{padding-right:70px}


.m10{padding:10px}
.m20{padding:20px}
.m30{padding:30px}
.m40{padding:40px}
.m50{padding:50px}
.m60{padding:60px}
.m70{padding:70px}


.ml10{padding-left:10px}
.ml20{padding-left:20px}
.ml30{padding-left:30px}
.ml40{padding-left:40px}
.ml50{padding-left:50px}
.ml60{padding-left:60px}
.ml70{padding-left:70px}


.mr10{padding-right:10px}
.mr20{padding-right:20px}
.mr30{padding-right:30px}
.mr40{padding-right:40px}
.mr50{padding-right:50px}
.mr60{padding-right:60px}
.mr70{padding-right:70px}

.txtr{text-align:right}
.txtl{text-align:left}

/* css reset 에서 초기화한것 본문에서는 어느정도는 살려두자 */
.article_body table, .article_body th, .article_body td { border-width: 1px; border-style: solid }

.contentsBottommargin {height: 100px;}

/* 공통 */
article {position:relative; text-align:center;}
a {color:#333;text-decoration:none} a:hover, a:focus {text-decoration:underline}
.ed, .inputbox { border:1px solid #d5d5d5; padding: 5px 0px 4px 3px } 
.readonly { cursor: not-allowed; background: #eee }
.ed_full { width: 99% }
.tx { border:1px solid #d5d5d5; padding: 5px 0px 4px 3px } 
.bold { font-weight: bold }
.small { font-size:11px }
.esmall {font-size:.9em}
.cloudy, a.cloudy {color:#888888;} /* 흐림 */
.pull-left, .fLeft   { float: left }
.pull-right, .fRight  { float: right }
.clearfix, .clr     { clear: both; content: ''; display: block }
.clr2    { clear: both !important; float: none !important; line-height: 0 !important; height: 0 !important; font-size: 0 !important; content: ''; display: block }
.tLeft   { text-align: left }
.tRight  { text-align: right }
.tCenter { text-align: center }
.pRelative { position: relative }
.pAbsolute { position: absolute }
.pFixed { position: fixed }
.icon_set { background: url('/image/icon_set.gif') no-repeat; display: block; padding-left: 20px; padding-top:0px; margin-bottom: 5px; }
.w100 { width: 100% }



/* placeholder */
label.placeholder {	color:#999 !important; line-height:1em }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {	color:#999 !important; }
input:-moz-placeholder, textarea:-moz-placeholder {	color:#999 !important; }



/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; background:url(/image/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(/image/buttonGreen.gif); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(/image/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(/image/buttonRed.gif); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(/image/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}

/* 테이블 공통 */
/* 폼 테이블 */
.frm_tbl {margin-bottom:20px;width:100%;border-collapse:collapse;border-spacing:0}
.frm_tbl caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left; visibility:visible; width: auto; height: auto}
.frm_tbl th {padding-left:10px;width:100px;border-top:1px solid #eee;border-bottom:1px solid #eee;font-weight:normal;text-align:left}
.frm_tbl td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.frm_tbl textarea,
.frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:middle}
/*.frm_input:focus, input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important;color:#fff}*/
.frm_tbl textarea {width:90%;height:70px}
.frm_tbl #captcha {margin:0;padding:0;border:0;background:transparent}
.frm_tbl #captcha input {margin-left:5px;text-align:center}
.frm_tbl a {text-decoration:none}


/* 각 게시판 상단 안내글 테두리 */
.board_desc {clear:both; margin-bottom:5px;padding:7px 10px 5px;border:1px solid #eee;background:#f9f9f9;color:#BF0000;line-height:1.5em;letter-spacing:-0.1em}
.board_desc a {color:#888;text-decoration:underline}

/* 새창 기본 스타일 */
.new_win {}
.new_win h1 {margin-bottom:20px;padding:0 20px;height:60px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;background:#fff;font-size:1.2em;line-height:5em}
.new_win table {margin:0 auto 20px !important;width:93% !important;background:#fff !important}
.new_win_ul {margin:-20px 0 20px 0;padding:0 0 0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win_ul li {float:left;margin-left:-1px}
.new_win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:"dotum";font-weight:bold;text-decoration:none}
.new_win_desc {margin:0 auto;width:93%}

/* 기본테이블 */
.basic_tbl {margin-bottom:10px;width:100%;border-collapse:collapse;border-spacing:0}
.basic_tbl caption {margin:0;padding:0;font-size:0;line-height:0;overflow:hidden}
.basic_tbl thead th {padding:12px 0 8px;background:#565e60;color:#fff}
.basic_tbl thead a {color:#fff}
.basic_tbl thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.basic_tbl tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.basic_tbl tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.basic_tbl td {padding:8px 5px 6px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.basic_tbl a {}
.bo_sideview td {padding:6px 4px} /* 사이드뷰 사용하는 테이블 셀 패딩값 */
td.empty_table {padding:85px 0;text-align:center}

.empty_list {padding:85px 0;text-align:center}
.btn_win {clear:both;margin-bottom:20px;text-align:center} /* 새창용 */

/* legend 를 이용한 fieldset */
.fieldset { margin-top: 30px; border: 1px solid #ccc; padding: 10px; padding-top: 20px; }
.fieldset legend { display: block; position: absolute; background: #2080D0; margin-top: -35px; padding: 5px 10px; color: #fff }

/* 검색어 강조 */
.sch_word { font-weight: bold }


/* 페이징리스트 */
/* new_paging */
.paging_area {padding:15px 0; text-align:center;}
.new_page span,
.new_page a {display:inline-block; text-decoration: none}
#contents .new_page a {display:inline-block; text-decoration: none}
.new_page a {color:#555;}
.new_page a,
.new_page .curent {height:15px; line-height:15px; padding:0 10px 0 10px; border-left:1px solid #e9e9e9;}
.new_page .curent {letter-spacing:-1px; font-weight:bold; color:#fd650d;}
.new_page .first,
.new_page .first a {border:none;}
.new_page .pre2,
.new_page .pre,
.new_page .next,
.new_page .next2 {padding:0; width:15px; height:15px; overflow:hidden; text-indent:-9000px; border:none; background:url('/image/sprites_btn.gif') no-repeat; vertical-align:top;}
.new_page .pre2,
.new_page .pre {margin-right:3px;}
.new_page .next,
.new_page .next2 {margin-left:3px;}
.new_page span.pre2 {background-position:-1440px 0;}
.new_page span.pre {background-position:-1460px 0;}
.new_page span.next {background-position:-1480px 0;}
.new_page span.next2 {background-position:-1500px 0;}
.new_page a.pre2 {background-position:-1520px 0;}
.new_page a.pre {background-position:-1540px 0;}
.new_page a.next {background-position:-1560px 0;}
.new_page a.next2 {background-position:-1580px 0;}


span.page_navigation {padding:5px 6px;margin:5px 3px;border:#FF9494 1px solid}
a.page_navigation {padding:5px 7px;margin:0}
/* a.page_navigation {padding:5px 7px;margin:0;border:transparent 1px solid} */
a.page_navigation:hover {border:#ACACAC 1px solid;margin:0 -1px}
a.page_navigation:link,a.page_navigation:active,a.page_navigation:visited {text-decoration:none;color:#1B6C8F}

.member { font-weight: bold }
.member em { font-weight: normal; font-size: 11px; font-style: normal }
.level_icon { padding-right: 5px }


/* 쪽지 */
#memo_view section {margin:0 auto 20px;padding:0px;width:87%}
#memo_view section h2 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0;padding:0 0 10px;border-bottom:1px solid #eee;list-style:none}
.memo_view_li {position:relative;padding:5px 0}
.memo_view_subj {display:inline-block;width:65px}
#memo_view_ul a {}
#memo_view section p {padding:10px;min-height:150px;height:auto !important;height:150px;background:#fff}

#memo_write textarea {height:100px}

#sideview { position: absolute; background: #fff; border: 1px solid #999; z-index:1 }
#sideview li { float: none; list-style: none; margin: 0; padding: 0 }
#sideview li a { float: none; display: block; border-bottom: 1px solid #ccc; padding: 3px 30px 2px 10px; font-weight: normal }
#sideview li a:hover, #sideview li a:focus { text-decoration: none; background: #333; color: #fff !important }


/* layout  */
.wrapper,
.bigwrapper { width: 1280px; min-width: 1280px; margin: 0 auto }


/* header */
#h1 {margin:0;padding:0;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;position:relative}


/* header */
header {top:0; left:0; width:100%; height:76px; position:fixed;background:#fff; z-index:300; transition:all 0.75s cubic-bezier(.75,.0,0,1); -webkit-transition:all 0.75s cubic-bezier(.75,.0,0,1); border-bottom:1px solid #dcdcdc;}
header .inner {position:relative; width:1280px; margin:0 auto; box-sizing:border-box;}
header > .inner {min-height:80px;}
header .top-area {position:relative; top:0; height:40px; line-height:40px; background:#fbfbfb; border-bottom:1px solid #e6e6e6; text-align:right; overflow:hidden; transition:all 0.75s cubic-bezier(.75,.0,0,1); -webkit-transition:all 0.75s cubic-bezier(.75,.0,0,1);}
header .top-area .sub-tit {position:absolute; top:0; left:0; color:#646464; font-size:13px; overflow:hidden;}
header .top-area .sub-tit span {position:relative;}
header .top-area .link {font-size:0; overflow:hidden;}
header .top-area .link a {color:#646464; font-size:13px;}
header .top-area .link a + a:before {content:''; display:inline-block; width:1px; height:12px; margin:0 12px; background:#dcdcdc; vertical-align:middle;}
header h1 {position:absolute; top:8px; left:0;}
header h1 + .sub-tit {position:absolute; top:30px; left:175px; color:#646464; font-size:13px; overflow:hidden;}
header h1 + .sub-tit span {position:relative; left:-100%; opacity:0; transition:all 1s cubic-bezier(.27,.24,0,1); -webkit-transition:all 1s cubic-bezier(.27,.24,0,1);}
header .login_menu {width:48px; position:absolute; top:10px; right:45px; padding-top:17px;}
header .login_box{width:100px; position:absolute; top:55px; right:-45px; z-index:99999;}
header .login_box span{display:block; padding-left:11px;}
header .login_box div{margin-top:-1px; border:1px solid #8a8a8a; background:#fff;}
header .login_box div ul{padding:8px 0 8px 10px;}
header .login_box div ul li{line-height:22px;}
header .login_box div ul li a{text-decoration:none; color:#000;}
header .utils {float:right; clear:both; padding-top:17px;}
header .utils a {display:inline-block; margin-left:24px; color:#8c8c8c; font-weight:400; line-height:48px; vertical-align:middle; text-decoration:none;}
header .utils a .blet {display:inline-block; margin-right:8px;}
header .utils a .blet img {vertical-align:middle;}
header .utils a:hover {color:#323232;}
header .utils a.btn-allmenu {position:relative; width:48px; height:48px; margin-left:44px; border:1px solid #4d5d6a; background:#fff; overflow:hidden; box-sizing:border-box;}
header .utils a.btn-allmenu span {display:block; position:absolute;}
header .utils a.btn-allmenu .bg {top:0; left:0; width:0; height:100%; background:#324554; transition:all 0.3s cubic-bezier(.75,.0,0,1); -webkit-transition:all 0.3s cubic-bezier(.75,.0,0,1);}
header .utils a.btn-allmenu .line {top:50%; left:50%; width:20px; height:16px; margin:-8px 0 0 -10px;}
header .utils a.btn-allmenu .line span {top:0; left:0; right:0; height:2px; background:#324554; transition:all 0.3s cubic-bezier(.75,.0,0,1); -webkit-transition:all 0.3s cubic-bezier(.75,.0,0,1);}
header .utils a.btn-allmenu .line span + span {top:7px;}
header .utils a.btn-allmenu .line span + span + span {top:14px;}
header .utils a.btn-allmenu:hover .bg {width:100%;}
header .utils a.btn-allmenu:hover .line span {background:#fff;}
header .utils a.btn-allmenu.active .line span {transform:matrix(0.7, 0.7, -0.6, 0.7, 0, 7); -webkit-transform:matrix(0.7, 0.7, -0.6, 0.7, 0, 7);}
header .utils a.btn-allmenu.active .line span + span {transform:matrix(1, 0, 0, 1, -10, 0); -webkit-transform:matrix(1, 0, 0, 1, -10, 0); opacity:0;}
header .utils a.btn-allmenu.active .line span + span + span {transform:matrix(0.7, -0.7, 0.6, 0.7, 0, -7); -webkit-transform:matrix(0.7, -0.7, 0.6, 0.7, 0, -7); opacity:1;}

header.open {}
header.open .top-area {top:-40px;}
header.open h1 + .sub-tit span {left:0; opacity:1; transition-delay:0.25s;}
header.open .allmenu-box {background-position:0 0; opacity:1; transition-duration:1.5s;}

/* gnb */
#gnb {position:relative; display:inline-block; left:250px; padding-top:16px;}
#gnb nav {overflow:hidden;}
#gnb nav a {display:block; float:left; margin-left:40px; color:#333333; font-size:19px; font-weight:500; line-height:54px; text-decoration:none;}
#gnb nav a.active{color:#00bd46;}
#gnb nav a.active2{color:#00bd46;}

/* 프로그램 LNB */
#programLnb {min-height:200px; margin-bottom:30px; padding:30px; background:#233644; box-sizing:border-box;}
#programLnb li + li {margin-top:5px;}
#programLnb li a {color:#85929c; font-size:16px; font-weight:400; transition:all 0.3s; -webkit-transition:all 0.3s; text-decoration:none;}
#programLnb li a:hover,
#programLnb li a.active {color:#fff;}

/* allmenu */
.allmenu-box {position:absolute; top:89px; left:0; width:100%; height: 300px; padding:30px 0 50px; border-top:1px solid #ddd; opacity:0; overflow:hidden; transition:all 1s cubic-bezier(.75,.0,0,1); -webkit-transition:all 1s cubic-bezier(.75,.0,0,1); z-index:10000;}
.allmenu-box:after {content:''; display:block; clear:both;}
.allmenu-box > * {float:left;}
.allmenu-box .menu {overflow:hidden;}
.allmenu-box .menu dl {float:left;min-width:300px /*min-width:240px;*/}
.allmenu-box .menu dl dt {margin-bottom:22px;color:#000; font-size:23px; font-weight:500;}
.allmenu-box .menu dl dt a {color:inherit; font-size:inherit; font-weight:inherit; text-decoration:none;}
.allmenu-box .menu dl dd {color:#444; font-size:16px; font-weight:400;}
.allmenu-box .menu dl dd a {color:inherit; font-size:inherit; font-weight:inherit; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; text-decoration:none;}
.allmenu-box .menu dl dd a:hover {color:#00bd46; text-decoration:none}
/*.allmenu-box .menu dl dd > a:hover {text-decoration:underline;}*/
.allmenu-box .menu dl dd > a:hover {text-decoration:none;}
.allmenu-box .menu dl dd ul li {margin-top:5px;}
.allmenu-box .menu dl dd ul li a {color:#888; font-size:14px; font-weight:400; display:block;text-decoration:none}
.allmenu-box .menu dl dd ul li a:hover {color:#00bd46; }
.allmenu-box .menu dl dd + dd {margin-top:10px;text-decoration:none}







/* 우측 fixed */
#asideRight {position:fixed;top:0;left:0;bottom:0;width:104px; height: 100%;z-index:9999; background: #fff url(/image/quick_bg.png) no-repeat;}
#asideRight aside { padding: 25px 0 0 30px;height: 100%;}
#asideRight aside a {display:block;height:39px;text-indent:-9999em; width:40px;}
#asideRight aside li.nth-child-1 a {background:url('/image/all_manu.png') no-repeat; height:39px;}

#asideRight aside li a:hover, #asideRight aside li a:focus {background-position-x:right}


/* 상단 전체 메뉴 */
/*#allmenu-wrap {position:absolute;width:1280px;left:50%;margin-left:-600px;z-index:11;display:none;font-size:13px}*/
#allmenu-wrap {position:fixed;width:1280px;left:50%;margin-left:-600px;z-index:11;display:none;font-size:13px}
#allmenu-wrap .wrapper {width:1280px;min-width:1280px}
#allmenu-wrap h3 {font-size:24px;padding:10px 0}
#allmenu-wrap .inner {border:4px solid #c41230;padding:0 60px 60px 60px;position:relative;background:#fff}
#allmenu-wrap #allmenu-close {position:absolute;right:0;top:0;background:#c41230;color:#fff;padding:20px 30px;font-size:24px}
#allmenu-wrap h5 {position:absolute;left:60px;margin:25px 0 0 0px;color:#c41230;font-weight:normal;font-size:1.15em}
#allmenu-wrap h5 span {color:#3a3a3a}
#allmenu-wrap a {color:#333333;display:inline-block;line-height:1.2em;vertical-align:middle;font-size:1.15em;}
#allmenu-wrap .ul {margin-left:225px}
#allmenu-wrap .allmenu-ul {padding:20px 0}
#allmenu-wrap .allmenu-ul li {float:left;width:25%}
#allmenu-wrap .allmenu-ul li ul {display:inline-block;margin-left:20px}
#allmenu-wrap .allmenu-ul li li {width:auto !important;display:inline-block;margin:0;margin-bottom:-8px;margin-right:20px}
#allmenu-wrap .allmenu-ul li li a {color:#858584;font-size:.9em;line-height:1em}
#allmenu-wrap ul:after {display:block;content:'';clear:both}
#allmenu-wrap div {border-bottom:1px solid #d2d2d2;position:relative;clear:both;}


/* 좌측 메뉴 */
#lmenu em {display:none}
#lmenu li:first-child a {border-top:1px solid #d5d7de}
#lmenu li a {display:block;position:relative;text-decoration:none;position:relative;font-size:1em;border-bottom:1px solid #d5d7de;overflow:hidden}
#lmenu li a span {display:block;position:relative;z-index:1;padding:10px 0 10px 25px;letter-spacing:-1px}
#lmenu li a span,
#lmenu li a i {
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}
#lmenu li a i {
	background:#1853d9;
	right:-230px;width:100%;height:100%;top:0;
	position:absolute;
}
#lmenu li a:hover span, #lmenu li a:focus span, #lmenu li a.on span {color:#fff}
#lmenu li a:hover i, #lmenu li a:focus i, #lmenu li a.on i {right:0}

#lmenu .snbLeftSub {border-bottom:1px solid #d5d7de;padding:10px 0}
#lmenu .snbLeftSub li a {font-size:0.95em;padding:3px 0 3px 30px;border:0;color:#585858}
#lmenu .snbLeftSub li a:hover, #lmenu .snbLeftSub li a:focus, #lmenu .snbLeftSub li a.on {color:#1853d9}




/* mvisu */
.slider{width:100%; height: 685px; margin-top: 0px; position: relative;}
.slItems{width: 100%; height: 100%; overflow: hidden; position: relative;}
.slItem{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; opacity: 0; visibility: hidden; -webkit-backface-visibility: hidden; 
/* Chrome, Safari, Opera */ backface-visibility: hidden; background-position:center 0;cursor: pointer;}
.slText{position: absolute; left: 50%; width: 1280px; max-width: 1280px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); margin-top:85px;}
.slText span{display:block; padding-top:30px;}
.slider [class*="ctrl"] {position: absolute; top: 50%; color: #fff; font-size: 85px; font-weight: bold; margin-top: -42.5px; cursor: pointer;}
.ctrlNext {right: 50%; margin-right:-750px;}
.ctrlPrev {left: 50%; margin-left:-750px;}
.slItem.active {opacity: 1; visibility: visible; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
.next, .prev {transition: transform 0.7s ease-in-out; -webkit-transition: -webkit-transform 0.7s ease-in-out; -moz-transition: -moz-transform 0.7s ease-in-out; -o-transition: -o-transform 0.7s ease-in-out; -ms-transition: -ms-transform 0.7s ease-in-out;}
.slItem.nextItem {opacity: 1; visibility: visible; transform: translate3d(100%,0, 0); -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0);}
.slItem.nextItem.next, .slItem.prevItem.prev {transform: translate3d(0,0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
.slItem.active.next {transform: translate3d(-100%,0,0); -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); -o-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0);}
.slItem.prevItem {opacity: 1; visibility: visible; transform: translate3d(-100%,0,0); -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); -o-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0);}
.slItem.active.prev{transform: translate3d(100%,0,0); -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0);}
.slDots{position: absolute; bottom: 150px; left: 50%; margin-left:-559px; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%,  0); -ms-transform: translate(-50%, 0);}
.slDotsSingle {width: 6px; height: 6px; float: left; background:rgba(250, 250, 250, 0.5); border-radius: 50%; border: 2px solid #000;  margin: 0 3px; cursor: pointer;}
.slDotsSingle.active {width:30px; height: 9px; border-radius:20px; border: none; background:#000;}
/*.slDotsSingle:hover {background: #D0D0D0; border-color: #D0D0D0;}*/


/* 서브페이지 상단 */
/*.pagetitle .wrapper {position:relative;background:#fff;height:80px;margin-top:-80px;text-align:center}
.pagetitle .wrapper_no {position:relative;margin-top:0;height:80px;text-align:center}
.pagetitle .prev,
.pagetitle .next {position:absolute;width:25px;height:25px;background:url('/image/current-arrow.png') no-repeat;top:0px;z-index:1;margin-top:-90px}
.pagetitle .prev {left:0}
.pagetitle .next {background-position:right top;right:0}
.pagetitle h2 {position:absolute;width:50%;margin-left:25%;text-align:center;top:-180px;color:#fff;font-size:1.8em;line-height: 1.3;}
.pagetitle ul {padding-top:20px}
.pagetitle ul li {display:inline-block}
.pagetitle ul li a {display:inline-block;position:relative;padding:5px 15px;text-decoration:none}
.pagetitle ul li a:hover, .pagetitle ul li a:focus, .pagetitle ul li a.on {color:#00bd47}
.pagetitle ul li a i {position:absolute;right:0;top:10px;width:1px;height:15px;background:#dfe1e9}
.pagetitle ul li:last-child a i {display:none}
.pagetitle a:hover, .pagetitle a:focus {background-position-y:bottom}*/

/* 서브페이지 상단 */
.pagetitle {}
.pagetitle h2 {position:absolute;width:50%;margin-left:25%;text-align:center;top:-220px;color:#fff;font-size:1.8em;line-height: 1.3;}
.pagetitle .wrapper {position:relative}
.pagetitle .wrapper .current_nav a {position:absolute;width:50px;height:50px;background:url('/img/page/pagetitle.png') no-repeat;z-index:1;top:220px}
.pagetitle .wrapper .current_nav a.prev {left:10px}
.pagetitle .wrapper .current_nav a.next {background-position:right top;right:10px}
.menu110101 .pagetitle .wrapper .current_nav a {top:292px}
.menu110110 .pagetitle .wrapper .current_nav a {top:292px}
.pagetitle .wrapper #fixed_menu {position:absolute;left:0;right:0;bottom:0;z-index:1;list-style:none;margin:0;padding:0;}
.pagetitle .wrapper #fixed_menu li {float:left}
.pagetitle .wrapper #fixed_menu li a {display:block;border:1px solid #d5d5d5;background:#fff;padding:12px 0;text-align:center;font-size:.9em;letter-spacing:-0.05em}
.pagetitle .wrapper #fixed_menu li ~ li a {border-left-width:0}
.pagetitle .wrapper #fixed_menu li a.on {color:#fff;background: #00bd47;border:1px solid #00bd47;}
.menu110 .pagetitle .wrapper #fixed_menu li {width:20%}
.menu210 .pagetitle .wrapper #fixed_menu li {width:33.3333%}
.menu310 .pagetitle .wrapper #fixed_menu li {width:100%}
.menu410 .pagetitle .wrapper #fixed_menu li {width:20%}
.menu510 .pagetitle .wrapper #fixed_menu li {width:25%}


.section-tit {position:relative; width: 1280px; margin:80px auto 0; padding:60px 0 50px;text-align:center}
.section-tit h2 {font-size:35px; font-weight:600; color:#3a3a3a; margin-bottom:10px}
.section-tit h2 span {font-weight:300}
.section-tit h3 {font-size:12px; font-weight:500; color:#888; letter-spacing:5px; text-transform:uppercase}
.section-tit h3 span {color:#25221d}

.tab-primary {display:table; width:100%; margin-bottom:30px; table-layout:fixed}
.tab-primary > li {display:table-cell; width:auto; height:55px; text-align:center; vertical-align:middle}
.tab-primary > li a {display:block; width:100%; height:100%; font-size:16px; color:#333; line-height:55px; text-align:center; border:1px solid #d5d5d5; border-left:none}
.tab-primary > li:first-child a {border-left:1px solid #d5d5d5}
.tab-primary > li.active a {color:#fff; border-color:#00bd47; background:#00bd47 !important}
.tab-primary > li:hover a {background:#f4f4f4}


/* 상단 타이틀 */
#snbMain {}
#contents-wrap {position:relative;}
#contents-wrap:after {display:block;visibility:hidden;clear:both;float:none;content:""}

#topimg {}
#topimg .wrapper {position:relative}
.menu110 #topimg {height:245px;background:url('/image/110.jpg') center no-repeat}
.menu120 #topimg {height:245px;background:url('/image/120.jpg') center no-repeat}
.menu130 #topimg {height:245px;background:url('/image/130.jpg') center no-repeat}
.menu140 #topimg {height:245px;background:url('/image/140.jpg') center no-repeat}
.menu150 #topimg {height:245px;background:url('/image/150.jpg') center no-repeat}
.menu200 #topimg {height:420px;background:url('/image/200.jpg') center no-repeat}
.menu300 #topimg {height:526px;background:url('/image/300.jpg') center no-repeat}
.menu400 #topimg {height:526px;background:url('/image/400.jpg') center no-repeat}

.menu410 #topimg {height:526px;background:url('/image/410.jpg') center no-repeat}

.menu200104 #topimg {height:245px;background:url('/image/200104.jpg') center no-repeat}
.menu200105 #topimg {height:245px;background:url('/image/200105.jpg') center no-repeat}
.menu300101 #topimg {height:245px;background:url('/image/300101.jpg') center no-repeat}
.menu300102 #topimg {height:245px;background:url('/image/300102.jpg') center no-repeat}
.menu300103 #topimg {height:245px;background:url('/image/300103.jpg') center no-repeat}
.menu300104 #topimg {height:245px;background:url('/image/300104.jpg') center no-repeat}
.menu300105 #topimg {height:245px;background:url('/image/300105.jpg') center no-repeat}
.menu300106 #topimg {height:245px;background:url('/image/300106.jpg') center no-repeat}
.menu300107 #topimg {height:245px;background:url('/image/300107.jpg') center no-repeat}
.menu300108 #topimg {height:245px;background:url('/image/300108.jpg') center no-repeat}
.menu600 #topimg {height:245px;background:url('/image/600.jpg') center no-repeat}
.menu600102 #topimg {height:245px;background:url('/image/600102.jpg') center no-repeat}
.menu700 #topimg {height:245px;background:url('/image/700.jpg') center no-repeat}
.menu700102 #topimg {height:245px;background:url('/image/700102.jpg') center no-repeat}
.menu700103 #topimg {height:245px;background:url('/image/700103.jpg') center no-repeat}
.menu700104 #topimg {height:245px;background:url('/image/700104.jpg') center no-repeat}
.menu700105 #topimg {height:245px;background:url('/image/700105.jpg') center no-repeat}
.menu700106 #topimg {height:245px;background:url('/image/700106.jpg') center no-repeat}
.menu910 #topimg,
.menu920 #topimg {height:245px;background:url('/image/910.jpg') center no-repeat}




/* 하단 공통 */
#article-footer {display:none}


/* 하단 */
#footer{clear:both;background:#242424}
#footer .foot_box{background:#242424; border-top:1px solid #333;}
#footer .foot_box .fmenu_wap{border-bottom:1px solid #333;background:#333;color:#fff}
#footer .foot_box .fmenu_wap a{color:#fff}
#footer .foot_box .fmenu_wap .fmenu_box{width:1280px; height:55px; margin:0 auto;font-size:10pt}
#footer .foot_box .fmenu_wap .fmenu_box ul{height:auto; overflow:hidden; float:left; padding-top:20px;}
#footer .foot_box .fmenu_wap .fmenu_box ul li{float:left; line-height:15px; padding:0 20px; border-left:1px solid #ccc;}
#footer .foot_box .fmenu_wap .fmenu_box ul li:first-child{padding-left:0; border:0;}
#footer .foot_box .fmenu_wap .fmenu_box ul li a{text-decoration:none; color:#000;}
#footer .foot_box .fmenu_wap .fmenu_box p{float:right; line-height:55px; font-size:14px; color:#000;}
#footer .foot_box .fmenu_wap .fmenu_box p b{font-size:22px; color:#00bd47; line-height:55px; font-family: Montserrat, Noto Sans KR, sans-serif; letter-spacing:1px;}
#footer .foot_box .foot_info{width:1280px; margin:0 auto; padding:30px 0;}
#footer .foot_box .foot_info p{font-size:font-size:14px; color:#fff; letter-spacing:-0.5px;}


/* 웹접근성 */
#header_skip { z-index: 1000; display: block; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; position: absolute; text-align: center; font-size: 16px; color: #fff; background: #666 }
#header_skip:focus { font-weight: bold; color: #ff0000; text-decoration: none; width: 100%; max-width: 100%; min-width: 100%; line-height: 2em; height: 35px }


.board_page { text-align: center; padding-top:20px; height:auto }
.board_page a, .board_page b, .board_page .noact { display: inline-block; margin-right: 3px; vertical-align: middle; border:1px solid #dedede; padding: 11px;line-height:1em }
.board_page img { vertical-align: middle }
.board_page a span, .board_page b {color:#aaa;font-weight:bold}
.board_page b { background:#00a9b0; color: #fff } 

/* 게시판 공통 버튼 */
.board_button {margin: 20px 0 0 0;position:relative}
.board_button a { background: #1472ca; display: inline-block; padding: 6px 30px 6px 30px;color: #fff; font-weight: normal; vertical-align: middle}
.board_button a:hover {text-decoration:none}
.board_button .btn { border: 1px solid #00c670; background: #00c670; display: inline-block; padding: 10px 50px 10px 50px; color: #fff; font-weight: normal; vertical-align: middle }
.board_button .blue {background:#2754ae;border-color:#444}
.board_button .black {background:#232021;border-color:#232021}
.board_button .lite-black {background:#4b4b4b;border-color:#4b4b4b}
.board_button .sky {background:#00b8cc;border-color:#00b8cc}
.board_button .cancel {background: #aaa;border-color:#aaa}
.board_button .dark {background: #181619;border-color:#181619}
.board_button .litedark {background: #7d7d7d;border-color:#7d7d7d}
.board_button .gray {background:#bdbdbd;border-color:#bdbdbd}
.board_button .red {background:#00a7af;border-color:#00a7af}
.board_button .orange {background:#00c670;border-color:#00c670; border-radius: 30px; }
.board_button .lite-brown {background:#a78752;border-color:#a78752}
.board_button .lite-sky {background:#7ad2d4;border-color:#7ad2d4}
.board_button .purple2 {background:#5e35ab;border-color:#5e35ab}

.board_button a, .board_button .btn {font-size:18px}
.board_button .btn {line-height:23px;}

.board_button a.bigPadding { padding: 15px 30px }
.board_button button.bigPadding { padding: 15px 30px 15px 30px }
.board_button a:hover, .board_button a:focus, .board_button button:hover, .board_button button:focus {}
.board_button:after {display:block;visibility:hidden;clear:both;float:none;content:""}

/* 게시판 공통 버튼2 */
.board_button2 {margin: -30px 0 10px 0;position:relative}
.board_button2 a { background: #1472ca; display: inline-block; padding: 6px 30px 6px 30px; color: #fff; font-weight: normal; vertical-align: middle}
.board_button2 a:hover {text-decoration:none}
.board_button2 .btn { border: 1px solid #1472ca; background: #1472ca; display: inline-block; padding: 6px 30px 6px 30px; color: #fff; font-weight: normal; vertical-align: middle }
.board_button2 .blue {background:#2754ae;border-color:#444}
.board_button2 .black {background:#232021;border-color:#232021}
.board_button2 .lite-black {background:#4b4b4b;border-color:#4b4b4b}
.board_button2 .sky {background:#00b8cc;border-color:#00b8cc}
.board_button2 .cancel {background: #aaa;border-color:#aaa}
.board_button2 .dark {background: #181619;border-color:#181619}
.board_button2 .litedark {background: #7d7d7d;border-color:#7d7d7d}
.board_button2 .gray {background:#bdbdbd;border-color:#bdbdbd}
.board_button2 .red {background:#9a0d16;border-color:#9a0d16}
.board_button2 .orange {background:#00a9b0;border-color:#00a9b0}
.board_button2 .lite-brown {background:#a78752;border-color:#a78752}
.board_button2 .lite-sky {background:#7ad2d4;border-color:#7ad2d4}
.board_button2 .purple2 {background:#5e35ab;border-color:#5e35ab}

.board_button2 a, .board_button .btn {font-size:18px}
.board_button2 .btn {line-height:23px}

.board_button2 a.bigPadding { padding: 15px 30px }
.board_button2 button.bigPadding { padding: 15px 30px 15px 30px }
.board_button2 a:hover, .board_button a:focus, .board_button button:hover, .board_button button:focus {}
.board_button2:after {display:block;visibility:hidden;clear:both;float:none;content:""}


/* ie fix */
.ie .board_button a { padding: 6px 30px }
.ie .board_button a.bigPadding { padding: 15px 30px 14px 30px }
.ie .board_button button.bigPadding {padding: 15px 30px 15px 30px}

.board_search {text-align: center;margin-bottom:0px;background:#FFF;border:1px solid #FFF;padding:20px 0 0 0;margin-top:0px}
.view_bottom_spacer {height:110px}
.board_bottom_spacer {height:0px}
.board_view td.viewContentTD {word-break:break-all; padding:50px 100px;border-bottom:0}
.board_view td.viewContentTD td {border:0}

.sr-only,.sound_only,.sound_only2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
.sound_only { margin:0; padding:0; font-size: 1px; text-indent: -9999px }
.sound_only2 { margin:0; padding:0; font-size: 1px; text-indent: -9999px; height: 1px}
fieldset.sound_only { display: inline-block; font-size: 12px; text-indent: 0; position: static; left: 0 }
legend.sound_only, .sound_onlyA { position: absolute; left: -9999px }

hr.hr { border: 0; margin: 0; border-bottom: 1px dotted #bdc5cb; height: 1px; width: 460px; text-align: left }


/* iframe 레이어 팝업 */
#inner_bg              { left: 0; top: 0; width: 100%; height: 100%; position: absolute; background: url('/image/popupbg.png') repeat; z-index: 1001 }
#inner_bg_layer        { position: absolute; left: 0; top: 0; width: 100% }
#inner_bg_frame_area   { position: relative; width: 885px; margin: 0 auto; margin-top: -9999px }

/* 게시판 */
.gothic {font-family:'맑은고딕','Malgun Gothic','나눔고딕','Nanum Gothic','Dotum'}
.board_list tr td.empty {line-height:400px}
.board-wrap {font-size:.9em;position:relative;width:1180px;min-width:1180px;margin:0 auto 100px auto}
.board_tit {font-size:1.2em}

.w95 {width:95%}


/* 하단 공통 탭 배너 */
#mContentBottomCommon{width:1280px;position:absolute;left:50%;margin-left:-600px;}
.menu100200  #mContentBottomCommon{top:751px;}
.menu200200  #mContentBottomCommon{bottom:151px;}
.menu400100  #mContentBottomCommon{bottom:111px;}
.menu500100  #mContentBottomCommon{bottom:111px;}
.mContentBottomCommon a {position:absolute;width:172px;height:25px}
.mContentBottomCommon a:hover, .mContentBottomCommon a:focus {box-shadow:0 0 10px 1px #666}
#mContentBottomCommon img {display:block;margin-bottom:30px}
#mContentBottomCommon li {float:left;margin-right:1px}
#mContentBottomCommon li.nth-child-4 {margin:0}
#mContentBottomCommon li a {display:block;background:#8b9ec3;text-align:center;color:#FFF;width:299px;font-size:21px;line-height:26px;padding:10px 0 15px 0;letter-spacing:-2px}
.menu100200 #mContentBottomCommon li a {background:#e6e0ca;color:#967813;}
#mContentBottomCommon li.nth-child-4 a{width:300px;}
#mContentBottomCommon li a span.s{font-size:16px;}
#mContentBottomCommon li a:hover, #mContentBottomCommon li a.on {background:#1f1142;color:#FFF;text-decoration:none}
.menu100200 #mContentBottomCommon li a:hover, .menu100200 #mContentBottomCommon li a.on {background:#1f1142;color:#FFF;}
#mContentBottomCommon1 {background:url('/image/mContentBottomCommon1.jpg') no-repeat;height:598px;position:relative}
#mContentBottomCommon2 {background:url('/image/mContentBottomCommon2.jpg') no-repeat;height:598px;position:relative;display:none}
#mContentBottomCommon3 {background:url('/image/mContentBottomCommon3.jpg') no-repeat;height:598px;position:relative;display:none}
#mContentBottomCommon4 {background:url('/image/mContentBottomCommon4.jpg') no-repeat;height:598px;position:relative;display:none}
/* 서브 컨텐츠 가로 폭 */
.sContentWrap {width:908px;margin:0 auto}
.sContentWrap p {margin:0;padding:0;line-height:1.8em}
.sContentWrap h3 {font-size:28px;line-height:35px;letter-spacing:-1px;margin:0;padding:0;margin-bottom:35px;color:#272727;font-weight:normal}
.sContentWrap h3.ico_circle {background:url('/image/ico_heading.png') left center no-repeat;text-indent:38px}
.sContentWrap h4 {color:#272727;font-size:20px;font-weight:normal}
.sContentWrap .sHeading {color:#272727;font-weight:normal;font-size:22px;letter-spacing:-1px;line-height:1.4em}
.sContentWrap .sContent {color:#6d6d6d;margin:5px 0}
.sContentWrap .cSky {color:#00a6f4}
.sContentWrap .fUpdot2 {font-size:1.2em;line-height:1.6em}
.sContentWrap .cGray {color:#6d6d6d}
.sContentWrap .mT20 {margin-top:20px}

.thumbul li {position:relative;padding-left:390px;padding-bottom:40px;min-height:151px}
.thumbul li h4 {font-size:22px;color:#272727;padding-top:5px}
.thumbul li img {position:absolute;left:0;top:0}






@media all and (max-width: 1880px) {
    #asideRight {display: none}
}



.blind {
  position: absolute !important;
  height: 1px; width: 1px; 
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}


.ellipsis {text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.imgResize {border:1px dotted #829C2C;padding:2px}







.price_table td {padding: 5px 10px;}

/*상세페이*/
.list_price{ font-family:Tahoma, 돋움; font-weight: normal;font-size: 20px;color:#000000;}
.view_price{ font-family: Tahoma, 돋움; font-weight: bold;font-size: 20px;color:#000000; border-top: 1px solid #ddd;}
.view_price span{ font-family: Tahoma, 돋움; font-weight: bold;font-size: 40px;color:#00ad50; line-height:90%;float: right;}
.view_title{ font-family: Tahoma, 돋움; font-weight: bold;font-size: 22px;color:#000000;}
.list_title{ font-family: Tahoma, 돋움; font-weight: normal;font-size: 14px;color:#000000;}
.s_price {font-size: 16px;}
.s_price span{float: right;}
.list_title a{ font-family:Tahoma, 돋움; font-weight: normal;font-size: 14px;color:#000000;}
.list_title a:visited{ font-family: Tahoma, 돋움; font-weight: normal;font-size: 16px;color:#000000;}


.main_form { position: relative; width: 100%; height: 238px; background: #0cb649; }


/*메인폼*/
.rel { width: 1280px; height: 238px; position: relative; margin: 0 auto;top: 0; z-index: 0;background: url(/image/form_bg.jpg)}

.input1 { position: absolute; top: 56px; left: 415px; width: 483px; height: 44px; z-index: 99; border:none; line-height: 27px; IME-MODE: active; }
.input2_1 { position: absolute; top: 111px; left: 415px; width: 154px; height: 46px; z-index: 99; border:none; line-height: 27px }
.input2_2 { position: absolute; top: 111px; left: 578px; width: 154px; height: 44px; z-index: 99; border:none; line-height: 27px }
.input2_3 { position: absolute; top: 111px; left: 745px; width: 154px; height: 44px; z-index: 99; border:none; line-height: 27px }

.content2_btn1 { position: absolute; left: 960px; top: 55px }
    
.agree1 { position: absolute; left: 410px; top: 170px; }          
.content2_btn2 { position: absolute; left: 435px; top: 168px }
          

          
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }


.sub_rel{width:1180px;height:205px;position:relative; margin: 0 auto; top:10px;z-index:0}
.sub_rel .radio { position: absolute; top: 122px; left: 710px;height:40px; color: #000; }
.sub_rel .input1{position:absolute;top:122px;left:145px;width:150px;height:40px;z-index:99;border:1px solid #7c7b7b;line-height:27px;IME-MODE:active}
.sub_rel .input2_1{position:absolute;top:122px;left:393px;width:100px;height:40px;z-index:99;border:1px solid #7c7b7b;line-height:27px}
.sub_rel .input2_2{position:absolute;top:122px;left:499px;width:90px;height:40px;z-index:99;border:1px solid #7c7b7b;line-height:27px}
.sub_rel .input2_3{position:absolute;top:122px;left:600px;width:90px;height:40px;z-index:99;border:1px solid #7c7b7b;line-height:27px}
.sub_rel .content2_btn1{position:absolute;left:851px;top:113px}
.sub_rel .agree1{position:absolute;left:770px;top:78px}
.sub_rel .content2_btn2{position:absolute;left:790px;top:79px}





/* 차모델 */
#car_model {position:relative; z-index:25;margin-bottom: 50px; }
#car_model .car_model {}
#car_model .car_model {position:relative; width:1280px; margin:0 auto; background-color:#fff;}
#car_model .car_model .list_wrap {width:990px; height:109px; margin-left:130px; padding:10px 0 11px 20px; border-left:1px solid #e5e5e5;}
#car_model .car_model .btn_wrap {position:absolute; top:0; left:0; width:130px; height:130px;}
#car_model .car_model .btn_wrap .btn_open {width:130px; height:130px;}
#car_model .car_model .btn_wrap .btn_open span {position:relative; display:block; width:130px; height:47px; padding:83px 0 0 0; color:#2d2d2d; font-size:15px; line-height:23px;}
#car_model .car_model .btn_wrap .btn_open span:after,
#car_model .car_model .btn_wrap .btn_open span:before {content:''; position:absolute; background-color:#494949; transition:transform 0.5s;}
#car_model .car_model .btn_wrap .btn_open span:after {top:32px; left:64px; width:1px; height:39px;}
#car_model .car_model .btn_wrap .btn_open span:before {top:51px; left:45px; width:39px; height:1px;}

#car_model .list_wrap ul {padding-left:0; font-size:0;}
#car_model .list_wrap li {display:inline-block; padding:0 28px; text-align:center;}
#car_model .list_wrap a {display:block; text-decoration:none;}


#car_model .list_wrap .img_wrap {display: block; position: relative; width: 65px; height: 65px; overflow: hidden; border-radius: 50%;border: 1px solid #ddd;background: #fff;}
#car_model .list_wrap .img_wrap img { width: auto; height: 25px;  position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}


#car_model .list_wrap .car_name {color:#2d2d2d; font-size:15px; line-height:3;}

#car_model .all_list {position:absolute; top:130px; left:50%; width:1280px; max-height:0; margin-left:-600px; background-color:#fff; overflow:hidden;
transition:1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}	/* easeOutExpo */
#car_model .all_list .car_list {padding:31px 0 38px 44px; border-top:1px solid #e5e5e5;}
#car_model .all_list .car_list:after {content:''; display:block; clear:both;}
#car_model .all_list .h3_tit {float:left; width:108px; margin-top:19px; color:#111; font-size:20px; line-height:32px;}
#car_model .all_list .list_wrap {float:left; width:990px;}
#car_model .all_list .list_wrap li {display:inline-block; padding:0 28px 12px; text-align:center;}
#car_model .all_list .list_wrap .item.off {}
#car_model .all_list .list_wrap .item.off img {opacity:0.2;}
#car_model .all_list .list_wrap .item.off .car_name {color:#a3a3a3;}

/* 열렸을 때 */
#car_model.open .car_model .btn_wrap .btn_open span:after,
#car_model.open .car_model .btn_wrap .btn_open span:before {-webkit-transform:rotate(135deg); transform:rotate(135deg)}
#car_model.open .all_list { max-height:5000px; transition:560ms cubic-bezier(0.550, 0.055, 0.675, 0.190); }	/* easeInCubic */




.cpp {}
.cpp li {float: left;text-align: center; width: 180px; padding: 15px 0;  border: 1px solid #99e27c; border-radius: 10px; box-sizing: border-box; margin-right: 10px;   }
.cpp li:last-child {margin-right: 0; }
.cpp li span { display: block; color: #00bd47; font-size: 25px;}


/*견적신청팝업*/

	.application_Area{position:absolute;background-color: rgba( 255, 255, 255, 0.95 );z-index:3;right:20%;top:150px;width:410px;height:430px;border-radius:20px;box-shadow:1px 1px 10px #555;}
	.application_Area h1{margin:20px 20px 10px;text-align:Center;color:#000 !important;font-family:'NanumSquareNeo-Variable', sans-serif}
	.application_Area h1 span{font-size:16pt !important;font-family:'NanumSquareNeo-Variable', sans-serif;font-weight:normal;color:#666 !important}
	.application_Area li {padding:5px 60px}
	.application_Area li select{width:100%;font-family:'NanumSquareNeo-Variable', sans-serif;font-size:11pt;border:1px solid #ddd;border-radius:5px;padding:5px;}
	.application_Area li input{width:60%;font-family:'NanumSquareNeo-Variable', sans-serif;font-size:11pt;border:0px solid #ddd;border-radius:5px;padding:5px;}
	.application_Area li input:focus{outline:none;}
	.name_area {border:1px solid #ddd;width:93%;font-family:'NanumSquareNeo-Variable', sans-serif;font-size:11pt;border-radius:5px;padding:2px 10px;background:#ffff}
	.name_area span{color:#ff3300}
	.tel_area {border:1px solid #ddd;width:93%;font-family:'NanumSquareNeo-Variable', sans-serif;font-size:11pt;border-radius:5px;padding:2px 10px;background:#fff}
	.tel_area span{color:#ff3300}
	.pop_btn{background:#3bc524;color:#fff;width:70%;border-radius:5px;padding:5px 40px}
	.pop_btn:hover{background:#666;color:#fff;width:70%;border-radius:5px;padding:5px 40px}
	.application_Area .close{position:absolute;right:20px;top:20px;font-size:20px}

/*퀵메뉴*/

	.quick{position:absolute;right:30px;width:224px;margin-top:10px}
	.qbox{font-size:11pt;text-align:Center}
	.qbox_input{border:1px solid #eee;background:#fafafa;padding:8px 8px 8px 11px;margin-bottom:5px;border-radius:3px}
	.qbox_input::placeholder {font-family:'NanumSquareNeo-Variable', sans-serif;color:#000}
	.qbox button{background:#ff6600;color:#fff;font-family:'NanumSquareNeo-Variable', sans-serif;border-radius:5px;display:block;width:94%;font-size:10pt;padding:3px 0px;margin-left:5px}

/*국산차*/

	.brandBx{margin-top:50px}
	.search_area{background:#537446;overflow:hidden;color:#fff;vertical-align:top;width:260px;padding:5px 10px;border-radius:20px;margin-top:-50px;position:absolute}
	.search_area button{color:#fff;padding-right:10px}
	.search_area input{background:#537446;border:0px;color:#fff}
	.search_area input:focus {outline: none;}
	.sarch_araa input::placeholder{color:#fff}
	.list_Brand {border:1px solid #ddd;border-radius:10px 10px 0px 0px;margin-bottom:0px}
	.list_Brand li{font-size:9pt}
	.inner_car {border:1px solid #ddd;border-radius:10px 0px 0px 0px;border-bottom:0px;border-right:0px;padding:10px 80px;font-size:11pt;font-weight:700;font-family:'NanumSquareNeo-Variable', sans-serif;}
	.inter_car {border:1px solid #ddd;border-radius:0px 10px 0px 0px;border-bottom:0px;padding:10px 80px;font-size:11pt;font-weight:700;font-family:'NanumSquareNeo-Variable', sans-serif;}


 #car_area .swiper-slide {text-align:center; overflow:hidden;background:#fff; margin-left:0px; border:3px solid #fff; width: 100%; height: 10%; object-fit: cover; border-radius: 20px;}
  #car_area .swiper-slide:hover{border:3px solid #009c4d; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
  #car_area .swiper-slide img{height:160px; width:auto; border:none;box-shadow:none; margin:0px auto 0;}
  #car_area .swiper-slide h3{font-weight:600; width:90%;}
 #car_area  .swiper-slide p{word-break:keep-all; font-size:11pt;width:90%; }
  #car_area .carSwiper .swiper-button-prev{background:#222; color:#fff; border:none;margin-left:0px;top:43%;}
  #car_area .carSwiper .swiper-button-next{background:#222; color:#fff;border:none; margin-left:145px;top:43%;}
 #car_area  .carSwiper .swiper-button-prev:hover, 
  #car_area .carSwiper .swiper-button-next:hover{background:#009c4d; }
  #car_area .swiper-button-next:after, .swiper-button-prev:after{display:none;}
  #car_area .carSwiper .swiper-slide img{border-radius:5px !important}
  #car_area .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0px !important;}
  #car_area .swiper-pagination-bullet-active{background:#009c4d !important}
  @media ( max-width: 560px ) {
  #car_area .swiper-slide{margin-left:0px; border:none;}
  #car_area .swiper-slide:hover{border:none;}
 #car_area  .swiper-slide img{width:80px;}
 #car_area	.swiper-slide p{line-height:1.2em;}
 #car_area	.carSwiper .swiper-button-prev{margin-left:0;left:5%;}
 #car_area	.carSwiper .swiper-button-next{margin-left:0;left:auto;right:5%;}
  }

	.special {max-width:1280px;margin:0 auto;padding:20px 0px;overflow:hidden;}
	.special .car{margin:10px;border:1px solid #ddd;box-shadow:1px 1px 10px #ddd;transition: all 0.5s;}
	.special .car:hover{margin:10px;border:1px solid #339900;box-shadow:1px 1px 10px #339900;transition: all 0.5s;}
	.special .car:hover .applicate{margin:10px 0px;width:48%;background:#339900;color:#fff;border-radius:3px;font-size:11pt;padding:5px;transition: all 0.5s}
	.special .car:hover .detail_view{margin:10px 0px;width:48%;background:#f4671c;color:#fff;border-radius:3px;font-size:11pt;padding:5px;transition: all 0.5s}
	.car_img {overflow:hidden}
	.special .car_img img{transition: all 0.3s linear;cursor:pointer}
	.car ul{position:absolute;z-index:2;}
	.car li{float:left;margin:10px 0px 0px 0px;font-size:9pt;min-width:70px;text-align:Center}
	.special .car_img img{min-height:200px;width:100%}
	.special .car_img img:hover{transform: scale(1.1);}
	.special-pro {background:#ff0000;color:#fff;width:70px;transition: all 0.8s;}
	.limit_pro {background:#3366cc;color:#fff;width:70px}
	.hit_pro {background:#669900;color:#fff;width:70px}
	.pro_de{padding:20px;font-size:11pt}
	.ca_name{font-family:'NanumSquareNeo-Variable', sans-serif;font-size:14pt}
	.ca_name span{font-family:'NanumSquareNeo-Variable', sans-serif;font-size:10pt;float:right}
	.ca_option{font-family:'NanumSquareNeo-Variable', sans-serif;font-size:10pt;border-bottom:1px dotted #ddd;padding-bottom:10px;margin-bottom:10px}
	.ca_condition span{float:Right}
	.ca_condition em{font-size:12pt;font-family:'NanumSquareNeo-Variable', sans-serif}
	.ca_rental{clear:Both;margin:10px 0px}
	.ca_rental span{float:Right;font-family:'NanumSquareNeo-Variable', sans-seriffont-size:13pt;color:#f74409}
	.ca_rental span em{font-size:9pt;color:#666}
	.cl{clear:Both}
	.applicate {margin:20px 0px 10px;width:48%;background:#333300;color:#fff;border-radius:3px;font-size:11pt;padding:5px;transition: all 0.5s;font-family:'NanumSquareNeo-Variable', sans-serif}	
	.detail_view {margin:20px 0px 10px;width:48%;background:#333300;color:#fff;border-radius:3px;font-size:11pt;padding:5px;transition: all 0.5s;font-family:'NanumSquareNeo-Variable', sans-serif;float:Right !important;}	

.modal-btn-box{
  width:100%;
  text-align:center;
}
.modal-btn-box button{
  display:inline-block;
  width:150px;
  height:50px;
  background-color:#ffffff;
  border:1px solid #e1e1e1;
  cursor:pointer;
  padding-top:8px;
}
.popup-wrap{
  background-color:rgba(0,0,0,.3);
  justify-content:center;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:none;
  padding:15px;
  z-index:999999999999;
}
.popup{
  width:100%;
  max-width:400px;
  background-color:#ffffff;
  border-radius:10px;
  overflow:hidden;
  background-color:#009c4d;
  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3);
}
.popup-head{
  width:100%;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.head-title {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
	color:#Fff
}
.popup-body{
  width:100%;
  background-color:#ffffff;
}
.body-content{
  width:100%;
  padding:30px;
}
.body-titlebox{
  text-align:center;
  width:100%;
  height:40px;
  margin-bottom:10px;
}
.body-contentbox{
  word-break:break-word;
  overflow-y:auto;
  min-height:100px;
  max-height:200px;
}
.inp {width:80%;border:1px solid #ddd;padding:10px;margin-bottom:10px}
.popup-foot{
  width:100%;
  height:50px;
}
.pop-btn{
  display:inline-flex;
  width:49%;
  height:100%;
  float:left;
  justify-content:center;
  align-items:center;
  color:#ffffff;
  cursor:pointer;
}
.pop-btn.confirm{
  border-right:1px solid #077c41;
}

.special h3.tit_left{text-align:left; margin-top:0px; margin-bottom:30px; font-size:22pt; font-weight:600;position:relative; padding-left:40px;}
.special h3.tit_left:after{content:''; display:block; width:12px; height:12px; border-radius:0 12px; border:7px solid #009c4d; position:absolute; left:0; top:6px;}



@media ( max-width: 560px ) {
	.time li{width:50%;display:fixed;float:left}
	.applicate {margin:10px 0px 10px;width:48%;background:#339900;color:#fff;border-radius:3px;font-size:11pt;padding:5px;transition: all 0.5s;font-family:'NanumSquareNeo-Variable', sans-serif}

}