@charset "utf-8";
@import url(../font/NotoSansKR.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700,900');
@import url('/font/nanum2016.css');

/* Reset CSS  */
* {
	/*margin:0; padding:0; border:0; outline:0; vertical-align:top;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(boxsizing.htc);
}
html {
	height: 100%;overflow-y:scroll;

	-webkit-font-smoothing: antialiased;
}
/*ac
::-webkit-scrollbar { width:3px; }
::-webkit-scrollbar-track { background-color:#192129; }
::-webkit-scrollbar-thumb { background-color:#fe2434; }
::-webkit-scrollbar-thumb:hover { background-color:#fe2434; }
*/

::-moz-selection { background: #00164d; color: #fff; text-shadow: none; }
/*::selection { background: #00164d; color: #fff; text-shadow: none; }*/

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-thumb { background: #bbbbbb; background: rgba(0, 0, 0, 0.15); border-radius: 5px; }
::-webkit-scrollbar-track { background: #dddddd; background: rgba(0, 0, 0, 0.05); }

::scrollbar { width: 8px; }
::scrollbar-thumb { background: #bbbbbb; background: rgba(0, 0, 0, 0.15); border-radius: 5px; }
::scrollbar-track { background: #dddddd; background: rgba(0, 0, 0, 0.05); }

/*
body { font-size: 13px; font-family:'Roboto','NotoSansKR','Dotum', 'Gulim', 'Arial', sans-serif; color:#333; background: #fff; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p {margin: 0px;padding:0px;list-style:none;}
h1, h2, h3, h4, h5, h6, strong, b { font-family:'Roboto','NotoSansKR','Dotum', 'Gulim', 'Arial', sans-serif;}
fieldset{ border: 0px; }
a { font-style:normal; text-decoration:none; color:#555; }
caption { font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0; }
button, a, button:hover, a:hover,
.checks *, .radioWrap *, .chk * {
	cursor: pointer;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
a:focus { outline: none !important; }
button img { vertical-align: middle; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { border:0; vertical-align:top; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-break: break-all; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
.blind,legend,hr,caption { position: absolute; top: -9999px; font-size: 0; line-height: 0; }
.hide_text { position: absolute; display: inline-block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0; text-indent: -9999em; }
i,em,address { font-style:normal; font-weight:normal; }
td,th {vertical-align: middle;}
input, select { font-family:'Titillium Web','Malgun Gothic', 'Dotum', 'Gulim', 'Arial', sans-serif; font-size: 12px; position: relative; zoom: 1; }
.placeholderText { display: none; }
embed { display: none; }
*/

.line_dashed{height:6px;background:url("/_img/line_dashed.png");clear:both}
.slash{display:inline-block;width:194px;height:194px;background:url("/_img/slash.png") no-repeat 0 0;position:absolute;z-index:1}
.slash3{display:inline-block;width:70px;height:110px;background:url("/_img/slash3_170602.png") no-repeat 0 0;position:absolute;z-index:1}

/* con_box_st */
.con_box_st1{width:1200px;position:relative;margin:80px auto;background:#fff;padding:0 0 80px;}
.con_box_st1:after { display: block; clear: both; content: ''; }

/* tit_St */
.titArea{height:120px;line-height:120px;position:relative;background:#161616;padding:0 60px;border-bottom:3px solid #e72537;}
.titArea .slash{top:-30px;left:35px;z-index:1;display: none;}
.titArea h2.tit{position:relative;font-weight:normal;color:#fff;font-size:38px;z-index:10}
.titArea h2.tit .desc{display:inline-block;font-size:16px;font-weight:normal;color:#bfc0c1;margin-left:30px}
h3.tit{
	font-size:19px;color:#333;line-height:18px;height:36px;clear:both;
	padding:0 0 0 15px; font-weight:600;
}
h3.tit::before{
	content:"";
	width: 3px;
	height: 15px;
	
	position:absolute;
	top:3px;
	left:0;
}
h4.tit{margin:0 30px}
h4.tit span{display:inline-block;font-family:'Titillium Web','Malgun Gothic';font-size:23px;color:#161616;font-weight:normal;text-transform:uppercase}
h5.tit{font-family:'Titillium Web','Malgun Gothic';font-size:18px;color:#161616;font-weight:normal}

/* checkbox st1 */
.checksWrap_st1{position:relative}
.checksWrap_st1 .checks{height:30px;position:relative}
.checksWrap_st1 .checks input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:9;width:0;height:0;-webkit-appearance:none}
.checksWrap_st1 .checks label{background:url("/_img/ico_check_off.png") 0 0 no-repeat;display:block;position:absolute;top:0;left:0;height:30px;line-height:20px;font-size:12px;color:#333;letter-spacing:-0.25px;padding-left:30px;z-index:10;cursor:pointer}
.checksWrap_st1 .checks label:hover{background:url("/_img/ico_check_hover.png") 0 0 no-repeat;}
.checksWrap_st1 .checks label.on{background:url("/_img/ico_check_on.png") 0 0 no-repeat}

.checksWrap_st1 .checks.main label{background:url("/_img/ico_check_off2.png") 0 0 no-repeat;}
.checksWrap_st1 .checks.main label:hover{background:url("/_img/ico_check_hover2.png") 0 0 no-repeat;}
.checksWrap_st1 .checks.main label.on{background:url("/_img/ico_check_on2.png") 0 0 no-repeat}

/* checkbox st2 */
.checksWrap_st2{position:relative}
.checksWrap_st2 .checks{height:14px;position:relative;margin:15px 10px}
.checksWrap_st2 .checks input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:9;width:0;height:0;-webkit-appearance:none}
.checksWrap_st2 .checks label{background:url("/_img/ico_check2_off.png") 0 0 no-repeat;display:block;position:relative;top:0;left:0;height:14px;line-height:14px;font-size:13px;color:#888;padding-left:22px;max-width:98%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;z-index:10}
.checksWrap_st2 .checks label:hover{background:url("/_img/ico_check2_hover.png") 0 0 no-repeat;color:#e72537}
.checksWrap_st2 .checks label.on{background:url("/_img/ico_check2_on.png") 0 0 no-repeat;color:#e72537}

/* checksWrap_st3 */
.checksWrap_st3 {
	position: relative;
	margin-top: 15px;
}
.checksWrap_st3 input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 1;
	width: 22px;
	height: 22px;
	-webkit-appearance: none;
}
.checksWrap_st3 label {
	background: url(/_img/icon_check_off.png) 15px 15px no-repeat #fff;
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #a7a8aa;
	border: 1px solid #e3e4e5;
	padding: 0 0 0 46px;
	z-index: 10;
}
.checksWrap_st3 label.on {
	background: url("/_img/icon_check_on.png") 15px 15px no-repeat #fff;
	color: #192129;
	border-color: #767a7f;
}
.checksWrap_st3 a {
	display: inline-block;
	font-size: 11px;
	line-height: 22px;
	padding: 0 10px;
	color: #a1a3a5;
	background: #e8e8e9;
	position: absolute;
	right: 10px; top: 14px;
	z-index: 11;
}

/* radioWrap_st1 */
.radioWrap_st1 {

}
.radioWrap_st1 ul {
	margin: 1px 0 0 1px;
}
.radioWrap_st1 ul:after {
	display: block;
	clear: both;
	content: "";
}
.radioWrap_st1 li {
	width: 50%;
	float: left;
}
.radioWrap_st1 li .radioChecks {
	height: 60px;
	position: relative;
}
.radioWrap_st1 li .radioChecks input[type="radio"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 12px;
	-webkit-appearance: none;
	z-index: 1;
}
.radioWrap_st1 li .radioChecks label {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	line-height: 25px;
	font-size: 15px;
	padding: 16px 0;
	text-align: center;
	color: #6b6e72;
	background: #f6f6f7;
	border: 1px solid #e3e4e5;
	margin: -1px 0 0 -1px;
	z-index: 10;
}
.radioWrap_st1 li .radioChecks label.on {
	background: #fff;
	color: #161616;
	border-color: #000;
	z-index: 11;
}

/* inputWrap_st1 */
.inputWrap_st1{}
.inputWrap_st1 input{width:400px;height:80px;font-size:24px;color:#fff;line-height:26px;padding:27px 30px;font-family:'Titillium Web','Malgun Gothic';background:#191919;}

/* inputWrap_st2 */
.inputWrap_st2 {
	width: 100%;
	height: 60px;
	position: relative;
	margin-top: 15px;
	border: 1px solid #e3e4e5;
}
.inputWrap_st2 i {
	width: 58px;
	height: 58px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border-right: 1px solid #e3e4e5;
	background: url(/_img/icon_input.png) no-repeat;
	background-size: 120px 60px;
	-webkit-background-size: 120px 60px;
	z-index: 10;
}
.inputWrap_st2 i.icon_car { background-position: 0 0; }
.inputWrap_st2 i.icon_phone { background-position: -60px 0; }

.inputWrap_st2 input {
	width: 100%;
	height: 58px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 15px;
	line-height: 25px;
	padding: 16px 0 16px 75px;
	color: #3d4248;
	vertical-align: top;
	background: #fff;
	font-weight: 400;
	z-index: 9;
}

/* select st1 */
.selectWrap_st1{width:120px;height:32px;display:inline-block;line-height:30px;position:relative;text-indent:10px;font-size:13px;color:#060F18;border:1px solid #192129;background:url("/_img/select_arr.png") 104px center no-repeat #fff;cursor:pointer}
.selectWrap_st1 .selected{position:relative;z-index:9}
.selectWrap_st1 .selarea{width:120px;max-height:350px;overflow:auto;position:absolute;top:-1px;left:-1px;background:#192129;color:#898b8d;z-index:10;display:none}
.selectWrap_st1 .selarea.active{display:block}
.selectWrap_st1 .selarea dt{width:100%;height:32px;background:url("/image/common/select_arr2.png") 104px center no-repeat #192129;border-bottom:1px dotted #4E545A;color:#fff}
.selectWrap_st1 .selarea dd{}
.selectWrap_st1 .selarea dd:hover{color:#fff}

/* select st2 */
.selectWrap_st2{}
.selectWrap_st2>a{width:400px;height:80px;line-height:80px;display:inline-block;background:url("/images/sub/arr_right1.png") 360px center no-repeat #191919;color:#fff;font-weight:100;font-size:24px;padding:0 30px}
.selectWrap_st2 .select_layerPopup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999999999999999}
.selectWrap_st2 .select_layerPopup.open{display:block}
.selectWrap_st2 .select_layerPopup .bg_mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#222;opacity:0.7;filter:alpha(opacity=70)}
.selectWrap_st2 .layerBody{width:600px;height:500px;position:absolute;left:50%;top:50%;background:#fff}
.selectWrap_st2 .layerBody .close{display:inline-block;width:25px;height:25px;background:url("/images/sub/btn_layerClose.png") no-repeat 0 0;position:absolute;right:30px;top:30px;font-size:0;line-height:0;text-indent:-7000000em}
.selectWrap_st2 .layerBody .tit{margin:0;color:#fff;padding:30px;background:#192129;font-size:24px;line-height:26px}
.selectWrap_st2 .layerBody .contPop{width:100%;height:414px;overflow:hidden;overflow-y:auto}
.selectWrap_st2 .layerBody .contPop ul{}
.selectWrap_st2 .layerBody .contPop ul li{width:50%;float:left}
.selectWrap_st2 .layerBody .contPop ul li a{display:block;overflow:hidden;font-family:'NanumSquare';font-size:22px;line-height:27px;max-width:100%;white-space:nowrap;text-overflow:ellipsis;padding:16px 20px 16px 60px;border-bottom:1px solid #efeff0;border-right:1px solid #efeff0;background:url("/image/common/ico_check3_off.png") no-repeat 20px center}
.selectWrap_st2 .layerBody .contPop ul li:nth-child(even) a{border-right:0}
.selectWrap_st2 .layerBody .contPop ul li a:hover{background:url("/image/common/ico_check3_on.png") no-repeat 20px center #fafbfb}


/* swingtab_st1 */
.swingtab_st1{padding:80px 60px 0}
.swingtab_st1 ul{}
.swingtab_st1 ul:after{display:block;clear:both;content:''}
.swingtab_st1 ul li{width:25%;float:left;text-align:center}
.swingtab_st1 ul li a{display:block;font-size:14px;line-height:16px;padding:12px 0;color:#192129;border:1px solid #192129;border-right:1px solid #fff;opacity:0.3;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);-moz-opacity:0.3;}
.swingtab_st1 ul li:last-child a{border-right:1px solid #192129}
.swingtab_st1 ul li.active a{border-bottom:1px solid #fff;border-right:1px solid #192129;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity:1}

/* table_st */
.table_st1{border-top:1px solid #bfbfbf;border-bottom:1px solid #292a37}
.table_st1 td,
.table_st1 th{padding:10px 20px;border-top:1px solid #d4d4d7;border-left:1px solid #d4d4d7}
.table_st1 tr th:first-child{border-left:0}
.table_st2{border-top:2px solid #292a37;border-bottom:1px solid #292a37;font-size:13px}
.table_st2 td,
.table_st2 th{padding:15px 20px;border-bottom:1px dotted #292a37;border-right:1px dotted #292a37;text-align:left}
.table_st2 td:last-child,
.table_st2 th:last-child{border-right:0}
.table_st2 th{}
.table_st2 dl{width:100%;overflow:hidden;line-height:35px}
.table_st2 dl dt{float:left}
.table_st2 dl dd{float:right;text-align:right}
.table_st3{border-top:3px solid #192129;border-bottom:1px solid #192129}
.table_st3 tr{}
.table_st3 tr td,
.table_st3 tr th{padding:12px 10px;line-height:24px;border-top:1px solid #E4E6EA;font-size:14px;text-align:center}
.table_st3 tr th{}
.table_st3 tr td{}
.table_st3 tr td.subject{text-align:left}
.table_st3 tr td.subject a{display:block}
.table_st3 tr td:hover a{text-decoration:underline}
.table_st3 tr td.state{color:#A3A6A9;text-decoration:line-through}
.table_st3 tr td.state.comp{color:#fe2434;text-decoration:none}

/* pagination */
.pagination{padding:40px 0 20px;text-align:center}
.pagination *{display:inline-block}
.pagination a:hover{background:#192129}
.pagination p{background:#fff;border:1px solid #DBDCDE;margin:0 1px}
.pagination ol{margin:0 6px;overflow:hidden}
.pagination ol li{float:left;margin:0 1px}
.pagination ol li a{font-family:'Titillium Web','Malgun Gothic';font-size:11px;width:32px;height:32px;line-height:30px;background:#fff;border:1px solid #E2E3E7;border-bottom:1px solid #CCCDD0;color:#999;font-weight:500}
.pagination ol li a.active,
.pagination ol li a.active:hover{background:#192129;color:#fff;font-weight:700;border-color:#192129;cursor:default}

/* layerPopup */
.layerPopup {
	display: none;
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 9999999999999999999;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
}
.layerPopup.open,
.layerPopup_bg_mask.open {
	display: block;
}
.layerPopup_bg_mask {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: url(/_img/bg_gray_opa70.png);
	z-index: 999;
	display: none;
}
.layerPopup .bg_mask {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: url(/_img/bg_black_opa70.png);
	z-index: 999;
}
.layerPopup .close {
	display: inline-block;
	width: 25px; height: 25px;
	background: url(/image/common/btn_layerClose.png) no-repeat 0 0;
	position: absolute;
	right: 30px; top: 30px;
	font-size: 0;
	line-height: 0;
	text-indent: -7000000em;
}
.layerPopup .layerBody {
	position: absolute;
	left: 50%; top: 50%;
	background: #fff;
	z-index: 9999;
}
.layerPopup .layerBody h2.tit {
	color: #fff;
	padding: 26px 30px;
	background: #161616;
	font-size: 24px;
	line-height: 34px;
	vertical-align: middle;
}
.layerPopup .layerBody h2.tit .desc {
	display: inline-block;
	font-size: 13px;
	margin-left: 20px;
}
.layerPopup .layerBody h2.tit .desc2 {
	display: inline-block;
	font-size: 11px;
	line-height: 16px;
	color: #D1D2D4;
	border-left: 1px solid #77797B;
	padding-left: 15px;
	margin-left: 15px;
}
.layerPopup .layerBody .contPop {
	width: 100%; min-height: 400px;
	overflow: hidden;
	overflow-y: auto;
}

/* ��â�˾� */
.pop_wrap{min-width:430px;background:#fff;overflow:hidden}
.pop_wrap h2.tit{font-family:'Malgun Gothic';color:#fff;padding:26px;background:#192129;font-size:24px;line-height:34px}
.pop_wrap h2.tit .desc{display:inline-block;font-size:13px;margin-left:20px;font-family:'NanumBareunGothicLight','NanumBarunGothic'}
.pop_wrap h2.tit .desc2{display:inline-block;font-size:11px;line-height:16px;color:#D1D2D4;border-left:1px solid #77797B;padding-left:15px;margin-left:15px}
.pop_cont{background:#fff}
.pop_bottom{color:#fff;padding:25px;background:#192129;text-align:center}
.pop_bottom a{display:inline-block;color:#fff;border:1px solid #D1D2D4;font-size:13px;line-height:19px;padding:7px 20px 5px}
.pop_cont .search_form{background:#192129;padding:20px 25px 30px;border-top:1px solid #474D53}
.pop_cont .sf_input_wrap{width:380px;overflow:hidden;position:relative}
.pop_cont .sf_input_wrap input[type="text"]{width:100%;height:50px;font-size:18px;line-height:24px;font-family:'NanumSquare','NanumBarunGothic';background:#192129;border-bottom:2px solid #fff;padding:12px 0;color:#fff;letter-spacing:2px}
.pop_cont .sf_input_wrap input[type="text"]::-webkit-input-placeholder{color:#6d7983}
.pop_cont .sf_input_wrap input[type="text"]:-moz-placeholder{color:#6d7983;opacity:1}
.pop_cont .sf_input_wrap input[type="text"]::-moz-placeholder{color:#6d7983;opacity:1}
.pop_cont .sf_input_wrap input[type="text"]:-ms-input-placeholder{color:#6d7983}
.pop_cont .sf_input_wrap input[type="text"]:placeholder-shown{color:#6d7983}
.pop_cont .sf_input_wrap input[type="image"]{position:absolute;right:0;top:6px}
.pop_cont .search_box{width:100%;height:200px;overflow:auto;overflow-x:hidden;padding:8px 25px}
.pop_cont .search_box .txt{font-family:'Malgun Gothic';text-align:center;margin-top:70px;font-size:18px;line-height:24px;color:#919295}
.pop_cont .search_box table tr{border-bottom:1px dotted #CACACC}
.pop_cont .search_box table td{padding:12px 0 10px;line-height:19px;word-break:keep-all;font-size:13px}
.pop_cont .search_box table td.left{color:#fe2434}
.pop_cont .search_box table td a{color:#27292F}
.pop_cont .report_form *{font-size:15px;line-height:22px}
.pop_cont .report_form ul{padding:25px}
.pop_cont .report_form ul li{overflow:hidden;margin-bottom:10px}
.pop_cont .report_form ul li:last-child{margin-bottom:0}
.pop_cont .report_form ul li input[type="text"],
.pop_cont .report_form ul li textarea,
.pop_cont .report_form ul li label{display:inline-block;float:left}
.pop_cont .report_form ul li label{width:25%;cursor:default;color:#898b8d;margin-top:10px}
.pop_cont .report_form ul li input[type="text"],
.pop_cont .report_form ul li textarea{width:75%;height:44px;background:#fff;color:#192129;border:1px solid #898b8d;padding:10px}
.pop_cont .report_form ul li input[type="text"]:focus,
.pop_cont .report_form ul li textarea:focus{background:#192129;color:#fff}
.pop_cont .report_form ul li textarea{height:130px;resize:none}
.pop_cont .report_form .report_btn{margin:0 25px 25px}
.pop_cont .report_form .report_btn button{width:100%;display:block;background:#fe2434;color:#fff;text-align:center;padding:20px 0;font-size:20px;line-height:26px;font-family:'Malgun Gothic';}
.pop_cont .usedCarReport{padding:25px;text-align:center}
.pop_cont .usedCarReport img{max-width:100%;border:1px solid #D1D2D4}
.pop_cont .policy_wrap{padding:10px 30px}
.pop_cont .policy_wrap,
.pop_cont .policy_wrap *{font-size:13px;word-break:keep-all;line-height:1.6;color:#192129}
.pop_cont .policy_wrap p{margin-bottom:10px}
.pop_cont .policy_wrap strong{display:inline-block;font-family:'Malgun Gothic';font-size:18px;padding:20px 0 5px}

/* --------------------------------------------
 * grid
/* ------------------------------------------ */
[class*="sec_"]{width:100%;overflow:hidden}
[class*="sec_"]:after{display:block;clear:both;content:''}

.widInner{position:relative;width:1190px;margin:auto}

.row_12,
.row_5{margin-left:-10px;margin-right:-10px}
.row_12:after,
.row_5:after,
.widInner:after{display:block;clear:both;content:''}

[class*="col_"]{float:left;padding:0 10px}

.row_5 .col_1{width:20%}
.row_5 .col_2{width:40%}
.row_5 .col_3{width:60%}
.row_5 .col_4{width:80%}
.row_5 .col_5{width:100%}

.row_12 .col_1{width:8.33333333%}
.row_12 .col_2{width:16.66666667%}
.row_12 .col_3{width:25%}
.row_12 .col_4{width:33.33333333%}
.row_12 .col_5{width:41.66666667%}
.row_12 .col_6{width:50%}
.row_12 .col_7{width:58.33333333%}
.row_12 .col_8{width:66.66666667%}
.row_12 .col_9{width:75%}
.row_12 .col_10{width:83.33333333%}
.row_12 .col_11{width:91.66666667%}
.row_12 .col_12{width:100%}

/* --------------------------------------------
 * button
/* ------------------------------------------ */
.ocBtn{display:inline-block;text-align:center;vertical-align:baseline;cursor:pointer;position:relative;letter-spacing:0.1em;font-family:'Titillium Web','NotoSansKR',sans-serif;text-transform:uppercase;font-weight:600;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.ocBtn_round{border-radius:2em}

/* .ocBtn_size */
.ocBtn_xs{line-height:32px;padding:0 20px;font-size:11px}
.ocBtn_sm{line-height:36px;padding:0 28px;font-size:12px}
.ocBtn_md{line-height:46px;padding:0 28px;font-size:14px}
.ocBtn_lg{line-height:56px;padding:0 45px;font-size:18px;font-family:'Titillium Web','NanumSquareR',sans-serif !important}

/* .ocBtn_type1 */
.ocBtn_type1_1{background:#fff;border:2px solid #000;color:#000}
.ocBtn_type1_1:hover{background:#000;color:#fff}
.ocBtn_type1_2{background:#fff;border:2px solid #dedede;color:#999999}
.ocBtn_type1_2:hover{border-color:#999;color:#333}
.ocBtn_type1_3{background:#fff;border:2px solid #1665c8;color:#1665c8}
.ocBtn_type1_3:hover{background:#1665c8;color:#fff}
.ocBtn_type1_4{background:#fff;border:2px solid #169dc8;color:#169dc8}
.ocBtn_type1_4:hover{background:#169dc8;color:#fff}
.ocBtn_type1_5{background:#fff;border:2px solid #16c8be;color:#16c8be}
.ocBtn_type1_5:hover{background:#16c8be;color:#fff}
.ocBtn_type1_6{background:#fff;border:2px solid #ff4d37;color:#ff4d37}
.ocBtn_type1_6:hover{background:#ff4d37;color:#fff}
.ocBtn_xs[class*="ocBtn_type1_"],
.ocBtn_xs.ocBtn_type3_2{line-height:28px}
.ocBtn_sm[class*="ocBtn_type1_"],
.ocBtn_sm.ocBtn_type3_2{line-height:32px}
.ocBtn_md[class*="ocBtn_type1_"],
.ocBtn_md.ocBtn_type3_2{line-height:42px}
.ocBtn_lg[class*="ocBtn_type1_"],
.ocBtn_lg.ocBtn_type3_2{line-height:52px}

/* .ocBtn_type2 */
.ocBtn_type2_1{background:#000;color:#fff}
.ocBtn_type2_1:hover{background:#333}
.ocBtn_type2_2{background:#999;color:#fff}
.ocBtn_type2_2:hover{background:#777}
.ocBtn_type2_3{background:#1665c8;color:#fff}
.ocBtn_type2_3:hover{background:#034bba}
.ocBtn_type2_4{background:#169dc8;color:#fff}
.ocBtn_type2_4:hover{background:#0388ba}
.ocBtn_type2_5{background:#16c8be;color:#fff}
.ocBtn_type2_5:hover{background:#03baaf}
.ocBtn_type2_6{background:#ff4d37;color:#fff}
.ocBtn_type2_6:hover{background:#f93923}

/* .ocBtn_type3 */
.ocBtn_type3_1{background:#fff;color:#333}
.ocBtn_type3_1:hover{background:#f0f0f0}
.ocBtn_type3_2{background:transparent;border:2px solid #fff;color:#fff}
.ocBtn_type3_2:hover{background:#fff;color:#333}
.ocBtn_type3_3{background:url("/_img/bg_white_opa20.png");color:#fff}
.ocBtn_type3_3:hover{background:#fff;color:#333}

/* .ocBtn_type4 */
.ocBtn_type4_1{background:#333;color:#fff}
.ocBtn_type4_1:hover{background:#000}
.ocBtn_type4_2{background:#999;color:#fff}
.ocBtn_type4_2:hover{background:#777}
.ocBtn_type4_3{background:#1665c8;color:#fff}
.ocBtn_type4_3:hover{background:#034bba}
.ocBtn_type4_4{background:#169dc8;color:#fff}
.ocBtn_type4_4:hover{background:#0388ba}
.ocBtn_type4_5{background:#16c8be;color:#fff}
.ocBtn_type4_5:hover{background:#03baaf}
.ocBtn_type4_6{background:#ff4d37;color:#fff}
.ocBtn_type4_6:hover{background:#f93923}

/* ocBtn_arr */
.ocBtn_arr{text-align:left;padding:0 25px}
.ocBtn_sm.ocBtn_arr,
.ocBtn_xs.ocBtn_arr{padding:0 15px}
.ocBtn_arr:after{content:"";display:inline-block;width:16px;height:9px;vertical-align:baseline;margin-left:5.5em;background:url("/_img/ocBtn_arr.png") no-repeat}
.ocBtn_sm.ocBtn_arr:after,
.ocBtn_xs.ocBtn_arr:after{width:13px;height:7px;background:url("/_img/ocBtn_arr_sm.png") no-repeat}
.ocBtn_xs[class*="ocBtn_type1_"].ocBtn_arr:after,
.ocBtn_sm[class*="ocBtn_type1_"].ocBtn_arr:after{background:url("/_img/ocBtn_arr2_sm.png") no-repeat}
.ocBtn_xs[class*="ocBtn_type1_"].ocBtn_arr:hover:after,
.ocBtn_sm[class*="ocBtn_type1_"].ocBtn_arr:hover:after{background:url("/_img/ocBtn_arr_sm.png") no-repeat}
[class*="ocBtn_type1_"].ocBtn_arr:after{background:url("/_img/ocBtn_arr2.png") no-repeat}
[class*="ocBtn_type1_"].ocBtn_arr:hover:after{background:url("/_img/ocBtn_arr.png") no-repeat}