@font-face {
    font-family: 'nanum-square-r';
    src: url('/mobile/font/nanumsquarer.eot');
    src: url('/mobile/font/nanumsquarer.eot?#iefix') format('embedded-opentype'),
         url('/mobile/font/nanumsquarer.woff2') format('woff2'),
         url('/mobile/font/nanumsquarer.woff') format('woff'),
         url('/mobile/font/nanumsquarer.ttf') format('truetype'),
         url('/mobile/font/nanumsquarer.svg#nanumsquarerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'NanumBarunGothic';
	src: url('/font/NanumBarunGothic.eot');
	src: url('/font/NanumBarunGothic.eot') format('embedded-opentype'),
	url('/font/NanumBarunGothic.woff') format('woff');
} 

@font-face {
	font-family: 'NanumBarunGothicBold';
	src: url('/font/NanumBarunGothicBold.eot');
	src: url('/font/NanumBarunGothicBold.eot') format('embedded-opentype'),
	url('/font/NanumBarunGothicBold.woff') format('woff');
} 

/*font-family: '³ª´®¹Ù¸¥°íµñ',NanumBarunGothic,'±¼¸²',Gulim,Helvetica,sans-serif;*/
/* font-family: 'nanum-square-r'; */


body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button {margin:0px;padding:0px;-webkit-text-size-adjust:none}
html {overflow-y:scroll;}
body {position:relative;margin:0px;padding:0px;word-wrap:break-word;word-break:break-all;font:10pt Dotum, Gulim, sans-serif; font-family: '³ª´®¹Ù¸¥°íµñ',NanumBarunGothic,'±¼¸²',Gulim,Helvetica,sans-serif; }
ul {list-style-type:none;}
img {border:none; max-width:100%; }
table {border-collapse:collapse;}
a:link, a:visited {text-decoration:none;color:#000;}
a:hover, a:active {text-decoration:none;color:#F30;}
select,input,textarea { vertical-align:middle; font-family:'NotoSansKR'; border:1px solid #cecece; }
textarea { padding:5px; }
.clear	{ clear:both !important; font-size:0px; height:0px; overflow:hidden; background:none !important; border:0px solid !important; margin:0; padding:0; }  
.png24 { tmp:expression(setPng24(this)); border:0; }


.headerWrap { width:100%; height:60px; background:#0c4ca3; text-align:Center; position:relative; }
.headerWrap a { display:inline-block;  }
.headerWrap .tel { position:absolute; top:0; left:0; width:60px; height:60px; background:#78d0fd; color:#fff; font-size:12px; }
.headerWrap .tel img { height:30px; margin-top:10px; margin-bottom:3px;}
.headerWrap .logo { padding-top:8px; }
.headerWrap .logo img { height:42px; }
.headerWrap .menu { position:absolute; top:0px; right:0px; width:60px; height:60px; background:#78d0fd; text-align:center; }
.headerWrap .menu img { height:20px; padding-top:19px; }
.headerWrap .gnb { display:none; width:100%; background:white; position:absolute; top:60px; left:0; z-index:9999; }
.headerWrap .gnb li { width:100%; text-align:left; border-bottom:1px solid #5575a1; }
.headerWrap .gnb li.last a { background:#78d0fd; text-align:center; border-bottom:none; }
.headerWrap .gnb li a { display:block; width:100%; height:100%; vertical-align:middle; font-size:16px; font-weight:bold; color:#0c4ca3;   padding:15px 20px;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.headerWrap .gnb li a img { height:26px; padding-right:15px; vertical-align:middle; }
.headerWrap .gnb li a span { float:right; font-family: 'nanum-square-r'; display:inline-block; padding:5px 5px 0 0; }


/*-------------------header-------------------*/
/* ¾ð¾î¼±Åà */
.lang_wrap {position:relative; margin:0 auto; width:122px;padding: 0 .85rem;height: 28px;line-height: 28px;border-radius: .5rem;padding: 0 0 0 5px; border: 1px solid #ddd;}
.lang_wrap select {width:87px;background-repeat:no-repeat;background-position:right center;background-size:auto 16px;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.41498 8.585L11.585 15.755L18.755 8.585' stroke='%233E3E3E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");outline: 0;vertical-align: middle;appearance: none;outline-width: 0;-webkit-appearance: none;}
.lang_wrap option {color: #333;}
.language {margin-top: 0;background-color: transparent;border: 0;height: 28px;}
.flag {display: inline-block;vertical-align: middle;margin-top: 0;width: 29px;height: 28px;background-image: url('/images/flag_kor.png') ;background-repeat: no-repeat;background-position: center ;background-size: auto .85rem;}



.mainVisual { width:100%; text-align:center; background:#f5f5f5; position:relative;  }

.popular {padding:15px 0; background:#f5f5f5; text-align:center; }
.popular a {display:inline-block;padding:5px 0 5px 10px;}
.popular strong {color:#4164ce; padding-right:10px; }
.popular input[type="text"] { border:none; width:105px; height:25px; padding-left:5px; margin-right:-5px; border:1px solid #ececec; border-right:none; }
.popular input[type="submit"] { border:none; background:#44d3c5; width:50px; height:27px; }


.carList {position:relative;overflow:hidden;  }
.carList .title {padding:10px;font-size:14px;font-weight:bold;border-top:2px solid #4164ce;border-bottom:1px solid #dcdcdc;}
.carList li {overflow:hidden;padding:5px 0px;margin:0px 10px;border-bottom:1px solid #ededed;}
.carList li:last-child { border-bottom:none; }
.carList li .photo {float:left;width:80px;margin:0 15px 0 0;}
.carList li .photo img {border:1px solid #eee;}
.carList li .cont {line-height:18px;margin-top:5px;}
.carList li .cont .carName {letter-spacing:-1px;}
.carList li .cont .carinfor {font-size:11px;color:#999;}
.carList li .cont .carinfor span {color:#dcdcdc;}
.carList li .cont .price {font-weight:bold;color:#4164ce;}
.carList .more {position:absolute;right:10px;top:10px;}
.carList .more img {vertical-align:middle; margin-right:5px; width:20px;}
.carList .more a {color:#999;font-size:11px;}
.carList .listMore {  }
.carList .listMore a { color:#999; display:block; width:100%; height:45px; line-height:45px; text-align:Center; color:#0c4ca3; font-size:14px; background:#f8f8f8; border-top:1px solid #cecece; }

.btnSet {padding:10px;text-align:center;}
.btnSet input[type="submit"] { vertical-align:middle; width:100px; height:35px; background:#0c4ca3; border:none; color:white; border-radius:2px; }
.btnSet a { vertical-align:middle; display:inline-block; width:98px; height:33px; line-height:33px; background:#f9f9f9; border:1px solid #cecece; border-radius:2px; }


.customer {border-top:2px solid #4164ce;padding:20px 10px 10px 10px;}
.customer img {width:100%;}
.copyright { font-size:9px; padding:10px; color:#999; background:white; border-top:1px solid #cecece; text-align:Center; }
.copyright img { display:block; margin:0 auto; padding:5px 0 10px; height:40px; }


/* sub */
#carview {padding:0 10px;}
#carview	.title	{overflow:hidden;padding:10px 0;font-size:16px;font-weight:bold; font-family:'NotoSansKR';}
#carview	.price	{padding:0 0 10px 0; color:#4164ce;font-weight:bold;font-size:16px;}
#carview .image {position:relative;}
#carview .image .arrow {position:absolute;left:0px;top:0px;width:100%;}
#carview .image .arrow ul {margin:0px;padding:0px;width:100%;}
#carview .image .arrow ul li {float:left;margin:0px;padding:0px;width:50%;}
#carview .image .image_ea {position:absolute;left:0px;bottom:0px;width:100%;background:url(/mobile/image/bg_imageEA.png);padding:5px 0;font-family:Verdana; color:#fff;font-size:12px;text-align:center;}
#carview .infobox	{margin:0;padding:10px 0 10px 10px;border-top:1px solid #666666;border-bottom:1px solid #e3e3e3;background:#f9f9f9;}
#carview .infobox li {float:left;display:inline-block;padding:3px 0;color:#333;width:50%;font-size:11px;}
#carview .infobox li span	{ display:inline-block;width:45px; color:#9d9d9d !important; font-size:11px !important; letter-spacing:-1px;}
#carview .optionbox	{margin:0;padding:10px;background:#f9f9f9;border-top:1px solid #666666;border-bottom:1px solid #e3e3e3;}
#carview .optionbox li {float:left;display:inline-block; padding:1px 0; color:#333; width:33%; font-size:12px;}
#carview .optionbox li span	{ display:block; font-size:12px !important; padding:0;}
#carview .dealerbox	{margin:0;padding:10px;background:#f9f9f9;border-top:1px solid #666666;border-bottom:1px solid #e3e3e3;}
#carview .dealerbox li	{display:block;padding:1px 0;color:#333;font-size:14px;}
#carview .dealerbox li span	{display:inline-block;width:90px;color:#9d9d9d !important; font-size:14px !important;}
#carview .dealerbox li .phone	{ font-size:18px !important; font-weight:bold; color:#3151C2 !important; white-space:nowrap;}
#carview .carbox { border-top:1px solid #666666; padding:10px; margin:0; font-size:12px !important; }
#carview .carbox span, #carview .carbox div, #carview .carbox td, #carview .carbox li, #carview .carbox a, #carview .carbox p, #carview .carbox font { font-size:12px !important; }

h3	{margin:0;padding:20px 0 5px 0;font-weight:bold;font-size:16px;color:#4164ce;}
h3.agree {margin:0;padding:20px 0 5px 10px;font-weight:bold;font-size:16px;color:#333;}
.agreeBox { padding:10px;  }
.agreeBox input[type="checkbox"] { width:18px; height:18px; }


.ex_wrap	{padding:10px;border:1px solid #cbd0d3; border-bottom:none; background:#eaebef;}
.ex { display:block;font-size:11px;}
.ex strong	{ color:#4e66e0;}
.ex span	{color:#888888;}

.subtitle2	{ background:#b2b5bd; padding:10px;font-family:Verdana; color:#fff; font-size:12px;}
.subtitle span	{ display:block; padding:14px 0 0 40px;font-family:NanumGothicBoldWeb; color:#fff; font-size:48px;}
.subtitle div	{ position:absolute; right:0;}

.subtitle_top {padding:10px; color:#4164ce; background:#f6f6f6; font-size:20px; border-bottom:2px solid #4164ce; font-weight:bolder; }

.topsearch_box	{ background:#f8f8fa; border-bottom:1px solid #515151; padding:15px; }
.topsearch_box select	{ height:30px; margin-bottom:4px; }
.topsearch_box .select input[type="text"] { width:98%; height:30px; text-indent:5px; }
.topsearch_box .btn	{ clear:both; }
.topsearch_box .btn input[type="submit"] { width:98.5%; height:35px; margin-top:5px; background:#0c4ca3; color:white; border:none; }
.topsearch_box .txt_num { font-size:16px;}


.membersearch {padding:10px;text-align:center;}
.membersearch input[type="submit"] { vertical-align:middle; width:100%; height:35px; background:#0c4ca3; border:none; color:white; border-radius:2px; }
.membersearch a { vertical-align:middle; display:inline-block; width:100%; height:33px; line-height:33px; background:#f9f9f9; border:1px solid #cecece; border-radius:2px; }

.pagenember {width:100%; text-align:center; padding:10px 0; }
.pagenember ul {margin:0px;padding:0px;}
.pagenember ul li {display:inline-block;margin:0px;padding:0px;line-height:20px;font-size:14px;}
.pagenember ul li a {dispaly:block;padding:0 10px;font-size:14px; font-family:Verdana; vertical-align:middle; color:#777777;}
.pagenember ul li span {display:inline-block;color:#CCC;}
.pagenember ul li a.on	{ color:#5a85f2; font-weight:bold; }
.pagenember ul li.btn a	{ padding:0;}
.pagenember ul li.btn img	{margin:0 10px 0 10px;}

.t_table	{border-top:2px #dcdcdc solid;padding:0; width:100%; font-size:12px; }
.t_table th { background:#f8f8fa; border-bottom:1px #dcdcdc solid; padding:12px 0 0 20px; margin:0; text-align:left; color:#888888; width:70px; vertical-align:top; }
.t_table td { border-bottom:1px #dcdcdc solid !important; margin:0; text-align:left; padding:10px 20px 8px 20px;border-left:1px #dcdcdc solid; vertical-align:top; }
.t_table td input[type=text]	{ margin:0 0 4px 0; vertical-align:middle; text-indent:5px; width:200px; }
.t_table td input[type=number] {width:50px; text-indent:5px; }
.t_table td input[type=radio] { width:18px; height:18px; }
.t_table td textarea { margin:0 0 4px 0; line-height:1.3; width:220px; }


.t_table_m	{border-top:2px #dcdcdc solid;padding:0; width:100%; font-size:12px; }
.t_table_m th { background:#f8f8fa; border-bottom:1px #dcdcdc solid; padding:12px 0 0 20px; margin:0; text-align:left; color:#888888; width:70px; vertical-align:top; }
.t_table_m td { border-bottom:1px #dcdcdc solid !important; margin:0; text-align:left; padding:10px 20px 8px 20px;border-left:1px #dcdcdc solid; vertical-align:top; }
.t_table_m td input[type=text]	{ margin:0 0 4px 0; vertical-align:middle; text-indent:5px; width:200px; }
.t_table_m td input[type=number] {width:50px; text-indent:5px; }
.t_table_m td input[type=radio] { width:18px; height:18px; }
.t_table_m td textarea { margin:0 0 4px 0; line-height:1.3; width:220px; }


.smsbyte	{ padding:5px; text-align:right; font-size:12px; color:#888; }
.smsbyte span	{ font-weight:bold; padding:5px; color:#333; font-size:12px; }

.search_step {margin:0px;padding:0px;}
.search_step li {overflow:hidden;margin:0px;padding:0px;height:40px;border-bottom:1px solid #CCC;background:url(/mobile/image/bg_list.gif) left top repeat-x;}
.search_step li a {display:block;width:100%;margin:0px 15px 0px 0px;padding:0px 0px 0px 15px;line-height:40px;background:url(/mobile/image/arrow.gif) right top no-repeat;}

#menu_maker { margin:0px auto;padding:20px;text-align:center;}

#menu_maker ul { overflow:hidden; border-top:1px solid #cecece; border-left:1px solid #cecece; border-radius:4px; }
#menu_maker ul li { width:33.33%; float:left; border-right:1px solid #cecece; border-bottom:1px solid #cecece; padding:10px; 
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
#menu_maker ul li a { display:block; width:100%; height:100%; }
#menu_maker ul li span { width:100%; display:block; text-align:center; font-size:13px; letter-spacing:-1px; }
#menu_m img, #menu_maker img {margin:3px;}

.memberList {position:relative;overflow:hidden;}
.memberList .title {padding:10px;font-size:14px;font-weight:bold;border-top:2px solid #4164ce;border-bottom:1px solid #dcdcdc;}
.memberList li {overflow:hidden;padding:10px;border-bottom:1px solid #ededed;}
.memberList li .photo {float:left;width:80px;margin:0 15px 0 0;}
.memberList li .photo img {border:1px solid #CCC;}
.memberList li .cont {float:left;width:70%;line-height:18px;}
.memberList li .cont span {color:#999;}
.memberList li .cont .company {font-weight:bold;font-size:18px;color:#4164ce;}
.memberList li .btn {float:right;}
.memberList li .btn a {display:block;margin:5px 0; width:80px; height:30px; line-height:30px; text-align:center; border-radius:2px; letter-spacing:-1px; }
.memberList li .btn a img { height:13px; vertical-align:middle; display:inline-block; padding:0 2px 2px 0; }
.memberList li .btn a.tel { background:#78d0fd;  }
.memberList li .btn a.dealer { background:#0c4ca3; color:white; }


.dealerList {position:relative;overflow:hidden;}
.dealerList .title {padding:10px;font-size:14px;font-weight:bold;border-top:2px solid #4164ce;border-bottom:1px solid #dcdcdc;}
.dealerList li {overflow:hidden;padding:10px;border-bottom:1px solid #ededed;line-height:18px;}
.dealerList li .photo {float:left;width:80px;margin:0 15px 0 0;}
.dealerList li .photo img {border:1px solid #CCC;}
.dealerList li .cont {float:left;width:35%;}
.dealerList li .cont span {color:#999;}
.dealerList li .btn {float:right;}
.dealerList li .btn a {display:block;margin:5px 0; width:80px; height:30px; line-height:30px; text-align:center; border-radius:2px; letter-spacing:-1px; }
.dealerList li .btn a img { height:13px; vertical-align:middle; display:inline-block; padding:0 2px 2px 0; }
.dealerList li .btn a.tel { background:#78d0fd;  }
.dealerList li .btn a.dealer { background:#0c4ca3; color:white; }



@media screen and (min-width:800px){
	.mainVisual .mainText { width:100%; text-align:center; }
}

@media screen and (max-width:350px){
	.mainVisual .mainText { top:10px; } 
	.mainVisual .mainText h3 { font-size:15px; }
	.mainVisual .mainText h1 { font-size:20px; }

	#menu_maker ul li span { font-size:11px; }
}



.boardList {position:relative;overflow:hidden; width:100%; margin:0 auto; }
.boardList th{height:40px; background:#f8f8f8; border-bottom:1px solid #eaeaea;}
.boardList td{height:45px; border-bottom:1px solid #eaeaea; text-align:center;}
.boardList_photo img{border:1px solid #eee;}

.boardSearch { border:1px solid #eaeaea; background:#f8f8f8; text-align:center; padding:18px 0; margin-bottom:15px; }
.boardSearch input[type="text"] { background:white; }
.boardSearch input[type="submit"] { width:50px; height:24px; background:#2677c2; color:white; border:none; margin-left:2px;}


.loginWrap { width:100%; background:#fbfcfe; overflow:hidden; padding:50px 0; text-align:center;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.loginWrap h2 { text-align:center; font-family: 'nanum-square-r'; padding-bottom:12px; }
.loginWrap input {  padding:3px; margin-bottom:5px;
font-family: '³ª´®¹Ù¸¥°íµñ',NanumBarunGothic,'±¼¸²',Gulim,Helvetica,sans-serif;  }
.loginWrap input[type="text"] { width:260px; height:28px; border:1px solid #bdcad7; }
.loginWrap input[type="password"] { width:260px; height:28px; border:1px solid #bdcad7; }
.loginWrap input[type="submit"] {  width:268px; height:40px; background:#2c77bc; color:white; border:none; margin-top:5px; font-size:16px; }
.loginWrap input[type="checkbox"] {  width:14px; height:14px; }
.loginWrap .idSave { padding:5px 0; }
.loginWrap .btns { text-align:Center; padding-top:10px; }
.loginWrap .btns a { display:inline-block; margin:0 5px; padding:0 0px 2px 0px; border-bottom:1px solid #888888;  }


.loginWrap ul { overflow:hidden;  }
.loginWrap ul li { float:left; margin-right:10px; }
.loginWrap ul li a { display:block; width:100%; height:100%; }

/* À߸øµÈ Á¤º¸½Å°í */
.pop_footer {position:fixed;left:0;right:0;bottom:-100%;background:#f7f7f7;border-top:1px solid #ddd;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:100000;-webkit-transition:bottom .4s;-ms-transition:bottom .4s;transition:bottom .4s;}
.pop_footer .txt-box {padding:1rem 2rem 2rem;}
.pop_footer .inputFormWrap li {padding:.5rem 0;}
.pop_footer .inputFormWrap li:last-child {padding-bottom:0;}
.pop_footer .inputFormWrap label {padding-right:1rem;font-size:.95rem;}
.pop_footer textarea {width:100%;margin-bottom:0;}
.pop_footer.active {bottom:0;}

.button-group {clear:both;background-color:#fff;box-sizing:border-box;margin-bottom:0;font-size:0;}
.button-group .button {display:inline-block;width:100%;height:3.5rem;background-color:#0c4ca3;color:#fff;line-height:3.5rem;font-size:1.05rem;letter-spacing:-1px;border:0;/*border-radius:4px;*/padding:0;margin:0;}
.button.color-black {color:#555;background-color:#fff}
.button-group.col2 button, .button-group.col2-square button {width:50%;height:3.5rem;line-height:3.5rem;}

.singo_box {padding:10px;text-align:right;}
.singo_box .btn-singo {display:inline-block;height:1.5rem;padding:0 .5rem;background-color:#f8f9f9;color:#333;line-height:1.5rem;font-size:.75rem;letter-spacing:-1px;border:1px solid #97a0af;font-weight:bold;}

/* Æ˾÷ */
.pop_result {position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:100;}
.pop_result .cont {position:fixed;left:50%;top:50%;width:80%;transform:translate(-50%, -50%);background:#fff;}
.pop_result .cont img {width:100%;}
.pop_result .close {text-align:right;}
.pop_result .close input {cursor:pointer;}
.pop_result .close label {padding:0 .5rem 0 0;color:#777;font-size:12px;cursor:pointer;}
.btn {display:inline-block;min-width:3.5rem;height:2rem;padding:0;background-color:#aaa;border-style:solid;border-width:0;color:#fff;line-height:1;font-size:12px;letter-spacing:-.02rem;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;cursor:pointer;}