@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

/* --------------------------------------------
 * Reset
/* ------------------------------------------ */
*{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;scrollbar-3dLight-Color:#ddd;scrollbar-arrow-color:#777;scrollbar-base-color:#ddd;scrollbar-Face-Color:#777;scrollbar-Track-Color:#ddd;scrollbar-DarkShadow-Color:#ddd;scrollbar-Highlight-Color:#ddd;scrollbar-Shadow-Color:#777}
::-moz-selection{background:#456cea;color:white;text-shadow:none}
::selection{background:#456cea;color:white;text-shadow:none}

/*
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-thumb{background:#bbbbbb;border-radius:5px}
::-webkit-scrollbar-track{background:#dddddd}
::scrollbar{width:5px}
::scrollbar-thumb{background:#bbbbbb;border-radius:5px}
::scrollbar-track{background:#dddddd}
*/

html, body {
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC',sizingMethod=crop);
	zoom: 1;
}

body{font-family:'Noto Sans KR', 'Nanum Gothic', 'Dotum', 'Gulim', 'Arial', sans-serif;font-weight:normal;letter-spacing: -0.05em;font-size:13px;color:#131316;overflow-x:hidden;}
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul{margin:0;padding:0;list-style:none}
h1, h2, h3, h4, h5, h6, strong{font-weight:normal}
fieldset{border:0}
a{font-style:normal;text-decoration:none;color:#131316;}
caption{font-size:0;height:0;line-height:0;visibility:hidden;width:0}
.checks *, .chk *, .radioWrap *, a, a:hover, button, button:hover{font-family:'Noto Sans KR', 'Dotum', 'Gulim', 'Arial', sans-serif;cursor:pointer;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-ms-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s 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}
input, select{vertical-align:middle}
label{cursor:pointer}
.blind, caption, hr, legend{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}
address, em, i{font-style:normal;font-weight:normal}
td, th{vertical-align:middle}
input, select, textarea{font-family:'Noto Sans KR', 'Dotum', 'Gulim', 'Arial', sans-serif;font-size:13px;position:relative;zoom:1}
embed{display:none}
b{font-weight:800;}

#wrap:after, #container:after, #footer:after, .header:after, .inner:after, ul:after, ol:after, dl:after, .clear:after{display:block;clear:both;content:""}


.slider {width: 100%; margin: 0 auto;}
.slick-slide {margin: 0;}
.slick-slide img {width: 100%;}
.slick-prev:before,
.slick-next:before{color: black;}
.slick-slide {transition: all ease-in-out .3s; opacity: .2;}
.slick-current {opacity: 1;}
.slick-active img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1); /* IE 9 */
    -o-transform: scale(1.1);
	transform: scale(1.1);

	-webkit-transition: all ease 7s; 
    -moz-transition: all ease 7s; 
    -ms-transition: all ease 7s;
    -o-transition: all ease 7s; 
	transition: all ease 7s;
}

.box_tit1 .more,.box_tit2 .more,.article_mBox .mBox_service:after, .article_mBox .mBox_cs:after, .article_mBox .mBox_review:after,.article_mBox .mBox_cstList li .state span, #location_bar li:before, .title_st2:after,.article_process li i,.table_st1 .dot,.article_rvList li a .bottom span:before,.article_csTit i,.article_boardList ul li .qusetion a:after,.article_boardList ul li i span {
	display: inline-block;
	overflow: hidden;
	text-indent: -99999em;
	color: transparent;
	background: url(/_img/ico_181218.png) 0 0 no-repeat;
	-webkit-background-size: 400px 400px;
	background-size: 400px 400px;
}



/* --------------------------------------------
 * skip
/* ------------------------------------------ */
.skipNavi{position:relative;z-index: 9999999}
.skipNavi li{position:absolute;width:100%;top:0;left:0}
.skipNavi li a{display:block;height:1px;width:1px;overflow:hidden;font-size:1em}
.skipNavi li a:active,
.skipNavi li a:focus{width:100%;height:auto;padding:7px 0;text-align:center;font-size:15px;color:#fff;background-color:#262424;border:0}

/* --------------------------------------------
 * title
/* ------------------------------------------ */
/* title_st1 */
.title_st1{position:relative;margin-bottom:66px;text-align:center}
.title_st1:after{content:'';width:48px;height:2px;display:inline-block;background:#d9d9d9;position:absolute;bottom:-26px;left:50%;margin-left:-24px}
.title_st1 span{display:block;font-size:12px;line-height:16px;color:#999;letter-spacing:0.2em;text-transform:uppercase;margin-bottom:14px}
.title_st1 p{font-size:36px;line-height:52px;color:#222;letter-spacing:-0.05em}
.title_st1 p em{color:#777}

/* title_st2 */
.title_st2{position:relative;margin-bottom:34px}
/* .title_st2:after{content:'';width:49px;height:9px;display:inline-block;background-position:-100px -90px;position:absolute;bottom:-34px;left:0} */
.title_st2 span{display:block;font-size:12px;line-height:16px;color:#999;letter-spacing:0.2em;text-transform:uppercase;margin-bottom:14px}
.title_st2 p{font-size:36px;line-height:52px;color:#222;letter-spacing:-0.05em}
.title_st2 p em{color:#777}
.title_st2 p b{color:#ef5930;border-bottom:2px solid #ef5930}

/* --------------------------------------------
 * box
/* ------------------------------------------ */
/* box_st1 */
.box_st1{position:relative;background:#fff;border-radius:5px;-webkit-box-shadow:0 3px 0 0 #e8e6e2;-moz-box-shadow:0 3px 0 0 #e8e6e2;-ms-box-shadow:0 3px 0 0 #e8e6e2;-o-box-shadow:0 3px 0 0 #e8e6e2;box-shadow:0 3px 0 0 #e8e6e2}

/* box_tit1 */
.box_tit1{position:relative;padding:24px 30px 20px}
.box_tit1 span{display:inline-block;font-size:18px;line-height:30px;color:#222;letter-spacing:-0.05em;font-weight:700}
.box_tit1 .more{width:20px;height:20px;background-position:0 0;position:absolute;top:29px;right:30px}

/* box_tit2 */
.box_tit2{position:relative;padding:31px 30px}
.box_tit2 span{display:inline-block;font-size:18px;line-height:30px;color:#a2a2a2;letter-spacing:-0.05em;font-weight:700}
.box_tit2 .more{width:20px;height:20px;background-position:-30px 0;position:absolute;top:50%;right:30px;margin-top:-10px}

/* --------------------------------------------
 * table
/* ------------------------------------------ */
/* table_st1 */
.tableWrap{margin:20px auto 50px;}
.table_st1 table{border-top:2px solid #555555;border-bottom:1px solid #e1e1e1}
.table_st1 td,
.table_st1 th{text-align:left;border-left:1px solid #f0f0f0}
.table_st1 tr:first-child td:first-child,
.table_st1 tr:first-child th:first-child{border-left:0}
.table_st1 th{font-size:18px;line-height:26px;color:#222;font-weight:400;padding:16px 0 16px 30px}
.table_st1 td{font-size:14px;line-height:26px;color:#555;font-weight:400;border-top:1px solid #f0f0f0;padding:16px 30px 30px;vertical-align:top}
.table_st1 td p{margin-bottom:10px}
.table_st1 td li{position:relative;padding-left:8px}
.table_st1 td li.mark{color:#aaa}
.table_st1 td li:before{content:'';width:4px;height:1px;display:inline-block;background:#777;position:absolute;top:12px;left:0}
.table_st1 .dot{width:6px;height:6px;display:inline-block;background-position:-74px -90px;vertical-align:middle;margin:0 4px}
.table_st1 .table_desc{margin-top:20px;font-size:14px;line-height:26px;color:#777}

/* table_st2 */
.table_st2{}
.table_st2 ul{overflow:hidden}
.table_st2 span{display:table-cell;padding-right:20px;box-sizing:border-box}
.table_st2 span.no{width:16%}
.table_st2 span.tit{width:64%}
.table_st2 span.prs{width:20%}
.table_st2 .thead{display:table;width:100%;border-bottom:2px solid #d9d9d9;color:#878787;font-size:13px;line-height:1.25;letter-spacing:0}
.table_st2 .thead span{position:relative;padding:2px 0 6px}
.table_st2 .thead span:before{content:'';width:1px;height:16px;position:absolute;left:-20px;top:0;background:#d9d9d9}
.table_st2 li>a{position:relative;display:table;table-layout:fixed;width:100%;padding:16px 0;font-size:15px;color:#878787;border-bottom:1px solid #d9d9d9;cursor:default}
.table_st2 li>a span.tit,
.table_st2 span.prs.prs_ing{color:#222}
.table_st2 li>a:hover,
.table_st2 li>a:hover span{color:#33ccff !important;border-color:#33ccff}

.checksWrap_st1{position:relative; text-align:left;}
.checksWrap_st1 .checks{position:relative;line-height:20px}
.checksWrap_st1 a{display:inline-block;font-size:12px;line-height:20px;padding:0 10px;background:#777;color:#fff;border-radius:2px; float:right;}

.table_1 td{background:#ffffff; height:50px; line-height:50px;text-align:center;border-right:solid 1px #d9d9d9;}
.table_1 td.table_black{background:#404042; }
.table_1 td.table_orange{background:#f36b21;}
.table_1 td.table_gray{background:#ebebed;}
.table_1 td.table_apricot{background:#fdf2ec;}
.table_1 td.table_red{background:#d51c28;}
.table_1 td.table_line{height:1px; background:#d9d9d9}
.table_1 td.left_border{border-left:1px solid #d9d9d9;}

.table_2 td{background:#ffffff; height:35px; line-height:35px;text-align:center;border-right:solid 1px #d9d9d9;}
.table_2 td.table_orange{background:#f36b21;}
.table_2 td.table_gray{background:#ebebed;}
.table_2 td.table_line{height:1px; background:#d9d9d9}


.table_3 td{background:#ffffff; padding:10px 0 10px 0;text-align:center;border-right:solid 1px #d9d9d9;border-bottom:solid 1px #d9d9d9;}
.table_3 td.table_orange{background:#f36b21;}
.table_3 td.table_gray{background:#ebebed;}
.table_3 td.table_apricot{background:#fdf2ec;}

.table_3_1 td{background:#f36b21; width:30px; }
.table_3_2 td{background:#ffffff; width:30px; }
.table_3_3 td{background:#fdf2ec; width:30px; }

.table_4 td{background:#ffffff; height:50px; line-height:50px;text-align:center;border-right:solid 1px #d9d9d9;border-bottom:solid 1px #d9d9d9;}
.table_4 td.table_orange{background:#f36b21;}


.table_5 td{background:#ffffff; height:35px; line-height:35px;text-align:center;border-right:solid 1px #d9d9d9;}
.table_5 td.table_orange{background:#f36b21;}
.table_5 td.table_gray{background:#ebebed;}
.table_5 td.table_line{height:1px; background:#d9d9d9}

.ys_width_100{width:100%;}
.ys_width_100 .font4_3{margin-top:38px; padding: 20px; border: 2px solid rgb(232, 217, 219); width: 46%; float: left;}
.ys_width_100 > p{margin:10px auto 30px; font-size:16px; color:#555;}
.order_wrap{width:20%; float:left;}
.order_wrap img {width:100%;}
.order_arrow{float:left; width:3%; margin:38px 0 0 0;}
.order_title{padding:7px;background:#f3f3f3; margin:0 0 5px 0;}
.order_text{margin:0 5px 0 0}
.order_common{margin:38px 0 0 0; width:8%; float:left;}

.ys_width_100.pd03 .order_wrap{width:17.6%;}
.ys_width_100.pd03 .order_arrow{margin:0;}
.ys_width_100 .Box01{width:30%; float:left;}
.ys_width_100 .Box02{width:68%; float:right;}


/* 패딩 스타일 */
.pd_style1 {padding:12px 20px 10px 15px; min-height:26px;}

/* 폰트 스타일 */
.font_style01 {color:#ffffff; font-weight: bold;}
.font_style02 {color:#000000; font-weight: bold;}
.font_style03 {font-size:50px; font-family:Nanum Gothic,sans-serif; color:#ffffff; font-weight:700; padding:16px 0 18px 0; letter-spacing:-1pt; line-height:80px;}
.font_style04 {color:#; font-weight: bold;}
.font_style05 {color:#; font-weight: bold;}
.font_style06 {color:#; font-weight: bold;}
.font_style07 {color:#; font-weight: bold;}
.font_style08 {color:#; font-weight: bold;}
.font_style09 {color:#; font-weight: bold;}
.font_style10 {color:#; font-weight: bold;}

.font1_1 {font-size:24px; font-family:Nanum Gothic,sans-serif; color:#000000; font-weight:400; line-height:40px; letter-spacing:-1pt;}
.font1_2 {font-size:24px; font-family:Nanum Gothic,sans-serif; color:#f20009; font-weight:700; line-height:40px; letter-spacing:-1pt;}
.font1_3 {font-size:24px; font-family:Nanum Gothic,sans-serif; color:#000000; font-weight:900; line-height:40px; letter-spacing:-1pt;}

.font2_1 {font-size:18px; font-family:Nanum Gothic,sans-serif; color:#444444; font-weight:400; line-height:26px; letter-spacing:-1pt;}
.font2_2 {font-size:18px; font-family:Nanum Gothic,sans-serif; color:#f20009; font-weight:700; line-height:26px; letter-spacing:-1pt;}
.font2_3 {font-size:18px; font-family:Nanum Gothic,sans-serif; color:#ff7200; font-weight:700; line-height:26px; letter-spacing:-1pt;}

.font3_1 {font-size:14px; font-family:Nanum Gothic,sans-serif; color:#444444; font-weight:700; line-height:26px; letter-spacing:-1pt;}
.font3_2 {font-size:14px; font-family:Nanum Gothic,sans-serif; color:#545454; font-weight:400; line-height:26px; letter-spacing:-1pt;}
.font3_3 {font-size:14px; font-family:Nanum Gothic,sans-serif; color:#ff7200; font-weight:700; line-height:26px; letter-spacing:-1pt;}
.font3_4 {font-size:14px; font-family:Nanum Gothic,sans-serif; color:#ff7200; font-weight:700; line-height:20px; letter-spacing:-1pt;}
.font3_5 {font-size:14px; font-family:Nanum Gothic,sans-serif; color:#f20009; font-weight:700; line-height:26px; letter-spacing:-1pt;}


.font4_1 {font-size:12px; font-family:Nanum Gothic,sans-serif; color:#333333; font-weight:700; line-height:20px; letter-spacing:-1pt;}
.font4_2 {font-size:13px; font-family:Nanum Gothic,sans-serif; color:#565656; font-weight:700; line-height:20px; letter-spacing:-1pt;}
.font4_3 {font-size:13px; font-family:Nanum Gothic,sans-serif; color:#f20009; font-weight:700; line-height:20px; letter-spacing:-1pt;}
.font4_4 {font-size:13px; font-family:Nanum Gothic,sans-serif; color:#ffffff; font-weight:700; line-height:20px; letter-spacing:-1pt;}
.font4_5 {font-size:12px; font-family:Nanum Gothic,sans-serif; color:#f20009; font-weight:700; line-height:20px; letter-spacing:-1pt;}
.font4_6 {font-size:13px; font-family:Nanum Gothic,sans-serif; color:#222222; font-weight:900; line-height:20px; letter-spacing:-1pt;}
.font4_7 {font-size:13px; font-family:Nanum Gothic,sans-serif; color:#333333; font-weight:400; line-height:20px; letter-spacing:-1pt;}

.font_s{font-size:14px;font-family:sans-serif;margin:0 1px 0 1px}
.font_h{font-size:14px;font-family:sans-serif;margin:0 1px 0 1px}


/* --------------------------------------------
 * checkbox
/* ------------------------------------------ */
/* checksWrap_st1


.checksWrap_st1 input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:-1;width:0px;height:0px;-webkit-appearance:none}
.checksWrap_st1 label{background:url("/_img/check1_off.png") 0 0 no-repeat ;display:inline-block;position:relative;top:0;left:0;height:27px;line-height:27px;font-size:17px;color:#fff;padding:0 0 0 35px;z-index:10}
.checksWrap_st1 label.on{background:url("/_img/check1_on.png") 0 0 no-repeat;}

/* --------------------------------------------
 * input
/* ------------------------------------------ */
/* inputWrap_st1 */
.inputWrap_st1{position:relative;}
.inputWrap_st1 input{display:block;width:100%;height:44px;font-size:16px;background:#fff;padding:10px 25px;color:#222;}
.inputWrap_st1 input:hover{border:1px solid #136fac; border-radius:5px; height:44px;}
.inputWrap_st1 input:focus{position:relative;border:1px solid #0b9cfb;z-index:9; border-radius:5px;}

.inputWrap_st1 input::-webkit-input-placeholder{color:#c7c7c7}
.inputWrap_st1 input:-moz-placeholder{color:#c7c7c7;opacity:1}
.inputWrap_st1 input::-moz-placeholder{color:#c7c7c7;opacity:1}
.inputWrap_st1 input:-ms-input-placeholder{color:#c7c7c7}
.inputWrap_st1 input:placeholder-shown{color:#c7c7c7}


.inputWrap_sub label{margin-bottom:5px; font-size:20px; font-weight:600; color:#000; display:block;}
.inputWrap_sub label span{padding:5px 0 0 5px; font-size:0.7em; font-weight:400; display:inline-block;}
.inputWrap_sub input{padding:0 20px; width:100%; height:50px; line-height:50px; font-size:16px; background:#fff; border-radius:5px; border:1px solid #ddd;}
.inputWrap_sub input:focus{position:relative;border:1px solid #293154;z-index:9; border-radius:5px;}

/* --------------------------------------------
 * textarea
/* ------------------------------------------ */
.textareaWrap_st1{}
.textareaWrap_st1 textarea{display:block;width:100%;height:220px;font-size:14px;line-height:20px;background:#ffffff;border:1px solid #e1e1e1;border-radius:2px;padding:14px 12px 14px 20px;color:#000000;letter-spacing:-0.05em;resize:none}

/* --------------------------------------------
 * select
/* ------------------------------------------ */
/* selectWrap_st1 */
.selectWrap_st1{position:relative;height:44px;border:1px solid #ddd; margin-bottom:5px; border-radius:5px; background:#fff;}
.selectWrap_st1 input{padding:14px 0 14px 80px; background:transparent;}
.selectWrap_st1.open{border:1px solid #ffae00;z-index:9999}
.selectWrap_st1 .select_tit{position:absolute;padding-right:10px; top:10px;left:15px;font-size:14px;font-family:'Nanum Barun Gothic',sans-serif; border-right:1px solid #ddd; line-height:20px;white-space:nowrap; z-index:10; font-weight:600;}
.selectWrap_st1 .btn_selected{font-weight:500;display:block;border-radius:4px; overflow:hidden;position:relative;height:42px;padding:0px 40px 0px 120px;font-size:17px;color:#c7c7c7;line-height:42px;background:#fff;white-space:nowrap;text-overflow:ellipsis;z-index:1}
.selectWrap_st1.selected .btn_selected{color:#222}
.selectWrap_st1 .btn_selected:hover{background:#fafafa;}
.selectWrap_st1 .btn_selected:after{display:block;position:absolute;top:0;right:0;width:40px;height:42px;background:url("/_img/select_arw.png") no-repeat center;content:'';transform: rotate(90deg);}
.selectWrap_st1 .select_list{min-width:100%;max-height:216px !important;position:absolute;top:100%;right:0;border:1px solid #ffae00;border-top:1px solid #eee;background:#fff;z-index:100;overflow-x:hidden;overflow-y:auto;margin-right:-1px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;display:none}
.selectWrap_st1 .select_list li a{height:36px;line-height:36px;font-size:14px;display:block;padding:0 20px 0 14px;color:#878787;white-space:nowrap;background:#fafafa}
.selectWrap_st1 .select_list li a:hover,
.selectWrap_st1 .select_list li.on a{color:#136fac;background:#fff}

/* selectWrap_st2 */
.selectWrap_st2{position:relative;height:62px;border:1px solid #ddd}
.selectWrap_st2.open{border:1px solid #33ccff;z-index:9999}
.selectWrap_st2 .btn_selected{display:block;overflow:hidden;position:relative;height:60px;padding:10px 40px 10px 25px;font-size:15px;color:#c7c7c7;letter-spacing:0.5px;line-height:40px;background:#fff;white-space:nowrap;text-overflow:ellipsis;z-index:1}
.selectWrap_st2.selected .btn_selected{color:#222}
.selectWrap_st2 .btn_selected:hover{background:#fafafa}
.selectWrap_st2 .btn_selected:after{display:block;position:absolute;top:0;right:0;width:40px;height:60px;background:url("/_img/arr_select2.png") no-repeat 0 0;content:''}
.selectWrap_st2 .select_list{min-width:100%;max-height:216px !important;position:absolute;top:100%;right:0;border:1px solid #33ccff;border-top:1px solid #eee;background:#fff;z-index:100;overflow-x:hidden;overflow-y:auto;margin-right:-1px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;display:none}
.selectWrap_st2 .select_list li a{height:36px;line-height:36px;font-size:14px;display:block;padding:0 20px 0 14px;color:#878787;white-space:nowrap;background:#fafafa}
.selectWrap_st2 .select_list li a:hover,
.selectWrap_st2 .select_list li.on a{color:#33ccff;background:#fff}

/* --------------------------------------------
 * pagination
/* ------------------------------------------ */
.pagination{margin-top: 40px;}
.pagination ul{text-align:center}
.pagination li{display:inline-block}
.pagination li a{width:34px;height:34px;line-height:32px;text-align:center;display:inline-block;font-size:13px;color:#6a6c73;border:1px solid #dfe0e4;background:#fff}
.pagination li a:hover{background:#f5f5f7}
.pagination li.active a,
.pagination li.active a:hover{background:#131316;border-color:#131316;color:#fff;cursor:default}
.pagination li a.page_arr{background:url("/_img/pagination_arr.png") no-repeat}
.pagination li a.page_arr.page_first{background-position:0 0}
.pagination li a.page_arr.page_prev{background-position:-32px 0;margin-right:10px}
.pagination li a.page_arr.page_next{background-position:-64px 0;margin-left:10px}
.pagination li a.page_arr.page_last{background-position:-96px 0}

/* --------------------------------------------
 * layerPopup
/* ------------------------------------------ */
.layerPopup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999999999999999;overflow:hidden}
.layerPopup.open{display:block}
.layerPopup .bg_mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#131316;opacity:0.6;filter: alpha(opacity=60);-moz-opacity:0.6;z-index:999}
.layerPopup .layerBody{position:absolute;left:50%;top:50%;background:#fff;z-index:9999}
.layerPopup .layerBody.fadeIn{-webkit-animation-duration:0.5s;animation-duration:0.5s}
.layerPopup .layerBody .close{width:80px;height:80px;line-height:80px;display:inline-block;position:absolute;right:0;top:0;text-align:center;z-index:100;background:url("/_img/icon_close.png") no-repeat center center;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;-o-background-size:20px 20px;background-size:20px 20px}
.layerPopup .layerBody .close.dark{margin-right:-80px;background:url("/_img/icon_close2.png") no-repeat center center;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;-o-background-size:20px 20px;background-size:20px 20px}
.layerPopup .layerBody h2.tit{color:#2d2d36;line-height:80px;height:80px;padding-left:30px;font-size:24px;border-bottom:1px solid #dfe0e4;background:#f5f5f7}
.layerPopup .layerBody h2.tit .desc{display:inline-block;font-size:13px;margin-left:10px;color:#808189}
.layerPopup .layerBody .contPop{width:100%;min-height:400px;overflow:hidden;overflow-y:auto}

/* --------------------------------------------
 * article_boardList
/* ------------------------------------------ */
.article_boardList{}
.article_boardList ul{width:100%;margin:auto;border-top: 1px solid #999;}

/* active, hover, focus */
.article_boardList ul li.active .qusetion a:after{background-position:-224px -144px;*/}
.article_boardList ul li.active,
.article_boardList ul li:focus,
.article_boardList ul li:hover{}

/* defaults */
.article_boardList ul li,
.article_boardList ul li:hover{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}
.article_boardList ul li{min-height:60px;position:relative;border-bottom: 1px solid #ddd;background:#fff;margin-top:4px;overflow:hidden;}
.article_boardList ul li:first-child{margin-top:0}
.article_boardList ul li .qusetion{position:relative}
.article_boardList ul li .qusetion a{position:relative;display:block;color:#222;font-size:20px;line-height:32px;padding:24px 62px 24px 26px}
.article_boardList ul li .qusetion a em{display:block;font-size: 14px;color:#999;line-height: 1;letter-spacing:0;font-family:'Rubik','Lato','NanumSquare',Arial,AppleGothic,verdana,sans-serif;}
.article_boardList ul li .qusetion a:after{content:'';display:inline-block;width:22px;height:11px;position:absolute;top:50%;right:30px;margin-top:-5.5px;background-position:-224px -155px}
.article_boardList ul li .answer{position:relative;padding: 0 30px 40px 140px;margin: 20px 0;font-size: 16px;line-height: 1.2;color:#777;display:none;}

/* cate_icon */
.article_boardList ul li i{}
.article_boardList ul li i.q{display:inline-block;position:absolute;left:0;top:0;bottom:0;border-right:1px solid #f3f3f3;padding:15px 20px;}
.article_boardList ul li i.q span{width:32px;height:32px;background-position:-224px -225px;}
.article_boardList ul li i.ntc{display:inline-block;position:absolute;left:0;top:0;bottom:0;padding: 20px;}
.article_boardList ul li i.ntc span{width: 70px;height: 20px;background-position: -140px -120px;background-size:250px 250px !important;}
.article_boardList ul li.active i{border-right:0}

/* boardList_FAQ */
.article_boardList.bl_faq ul li .qusetion a{padding:15px 62px 15px 106px}
.article_boardList.bl_faq ul li .answer{/*margin:0 30px 0 106px*/ background:#f9f9f9;}

/* boardList_NOTICE */
.article_boardList.bl_notice ul li{min-height: 90px;}
.article_boardList.bl_notice ul li .qusetion a{font-size: 18px;padding: 12px 0 0 140px;}
.article_boardList.bl_notice ul li .answer{
}

/*추가*/
.clfix{clear:both;}
.MRN{margin-right:0 !important;}
.font_black{color:#222 !important; vertical-align:top;}
.font_ylw{color:#fed804 !important;vertical-align:top;}
.font_red{color:#cf000d !important;vertical-align:top;}
.font_grn{color:#136fac !important;vertical-align:top;}
.font_sky{color:#136fac !important;vertical-align:top;}
.fl{float:left;}
.fr{float:right;}
.bgn{background:none !important;}
.txt_right{text-align:right !important;}
.bdN{border:none !important;}

.font_point{border-bottom:3px solid #fed804;}
.mb44{margin-bottom:44px;}


.f300{font-weight:300 !important;}
.f600{font-weight:600 !important;}
.manager a{padding: 10px 20px; display: inline-block; color: #666; border:1px solid #ddd; border-radius: 5px; position: absolute; right: 0; top: 15px;}