@charset "utf-8";
button,input[type='submit']{font-weight:normal !important;}
/*
.pages {
	opacity:0;
	animation:fadeIn 0.5s ease forwards 0.5s;
}

@keyframes fadeIn{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
*/
.block-img,.block_img,.block-img img,.block_img img{display:block;width:100%;height:auto;margin:0 auto;}
.box {position:relative;}
.ib{display:inline-block;vertical-align:middle;}
/* common color */
.black{color:#222;}
.white {color:#fff;}
.red {color:#ff0000;}
.blue{color:#2c4ebc;}
caption{font-size:0px;position:absolute;width: 100%;display: block;}

/* background */
.bg_blue {background-color:#2d4c8a;}
.bg_red {background-color:#cc0000;}
.bg_darkblue {background-color:#1e3b60;}
.bg_white {background-color:#fff;}
.bg_gray {background-color:#ededed;}
.bg_lightgray {background-color:#efefef;}
.bg-light_gray {background-color:#f4f4f4;}

.no_scroll{width:100vw;height:100vh;overflow:hidden;}
.clear{float:none;clear:both;}

.autoFrame{display:block;width:100%;height:500px;border:0;margin:0;padding:0;}
.small {font-size:small;}
.smaller {font-size:smaller;}
.x-small {font-size:x-small;}
.xx-small {font-size:xx-small;}

/* web-kit scrollbar custom */
::-webkit-scrollbar { width: 8px; height:8px;} /* 스크롤 바 */
::-webkit-scrollbar-track { background-color:#e7e7e7; } /* 스크롤 바 밑의 배경 */
::-webkit-scrollbar-thumb { background: #7e7e7e; border-radius:4px;} /* 실질적 스크롤 바 */
::-webkit-scrollbar-thumb:hover { background: #404040; } /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
::-webkit-scrollbar-thumb:active { background: #808080; } /* 실질적 스크롤 바를 클릭할 때 */
::-webkit-scrollbar-button { display: none; } /* 스크롤 바 상 하단 버튼 */

.wk-sb::-webkit-scrollbar { width: 8px; } /* 스크롤 바 */
.wk-sb::-webkit-scrollbar-track { background-color:#e7e7e7; } /* 스크롤 바 밑의 배경 */
.wk-sb::-webkit-scrollbar-thumb { background: #7e7e7e; border-radius:4px;} /* 실질적 스크롤 바 */
.wk-sb::-webkit-scrollbar-thumb:hover { background: #404040; } /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
.wk-sb::-webkit-scrollbar-thumb:active { background: #808080; } /* 실질적 스크롤 바를 클릭할 때 */
.wk-sb::-webkit-scrollbar-button { display: none; } /* 스크롤 바 상 하단 버튼 */


/* Margin을 활용한 여백 */
.mt2 { margin-top:2px}
.mb2 { margin-bottom:2px}
.mr2 { margin-right:2px}
.ml2 { margin-left:2px}

.mt3 { margin-top:3px}
.mb3 { margin-bottom:3px}
.mr3 { margin-right:3px}
.ml3 { margin-left:3px}

.mt5 { margin-top:5px}
.mb5 { margin-bottom:5px}
.mr5 { margin-right:5px}
.ml5 { margin-left:5px}

.mt10 { margin-top:10px}
.mb10 { margin-bottom:10px}
.mr10 { margin-right:10px}
.ml10 { margin-left:10px}

.mt15 { margin-top:15px}
.mb15 { margin-bottom:15px}
.mr15 { margin-right:15px}
.ml15 { margin-left:15px}

.mt20 { margin-top:20px}
.mb20 { margin-bottom:20px}
.mr20 { margin-right:20px}
.ml20 { margin-left:20px}

.mt30 { margin-top:30px}
.mb30 { margin-bottom:30px}
.mr30 { margin-right:30px}
.ml30 { margin-left:30px}

.mt35 { margin-top:35px}
.mb35 { margin-bottom:35px}
.mr35 { margin-right:35px}
.ml35 { margin-left:35px}

.mt40 { margin-top:40px}
.mb40 { margin-bottom:40px}
.mr40 { margin-right:40px}
.ml40 { margin-left:40px}

.mt50 { margin-top:50px}
.mb50 { margin-bottom:50px}
.mr50 { margin-right:50px}
.ml50 { margin-left:50px}

/* Padding을 활용한 여백 */
.pt0 { padding-top:0px}
.pb0 { padding-bottom:0px}
.pr0 { padding-right:0px}
.pl0 { padding-left:0px}

.pt5 { padding-top:5px}
.pb5 { padding-bottom:5px}
.pr5 { padding-right:5px}
.pl5 { padding-left:5px}

.pt10 { padding-top:10px}
.pb10 { padding-bottom:10px}
.pr10 { padding-right:10px}
.pl10 { padding-left:10px}

.pt15 { padding-top:15px}
.pb15 { padding-bottom:15px}
.pr15 { padding-right:15px}
.pl15 { padding-left:15px}

.pt20 { padding-top:20px}
.pb20 { padding-bottom:20px}
.pr20 { padding-right:20px}
.pl20 { padding-left:20px}

.pt30 { padding-top:30px}
.pb30 { padding-bottom:30px}
.pr30 { padding-right:30px}
.pl30 { padding-left:30px}

.pt40 { padding-top:40px}
.pb40 { padding-bottom:40px}
.pr40 { padding-right:40px}
.pl40 { padding-left:40px}

.pt50 { padding-top:50px}
.pb50 { padding-bottom:50px}
.pr50 { padding-right:50px}
.pl50 { padding-left:50px}

/* 가로 사이즈 */
.w5 { width:5%}
.w10 { width:10%}
.w12 { width:12%}
.w15 { width:15%}
.w20 { width:20%}
.w25 { width:25%}
.w30 { width:30%}
.w35 { width:35%}
.w38 { width:38%}
.w40 { width:40%}
.w45 { width:45%}
.w50 { width:50%}
.w55 { width:55%}
.w60 { width:60%}
.w65 { width:65%}
.w70 { width:70%}
.w75 { width:75%}
.w80 { width:80%}
.w85 { width:85%}
.w90 { width:90%}
.w95 { width:95%}
.w100 { width:100%}

.w30p { width:30px !important}
.w50p { width:50px !important}
.w60p { width:60px !important}
.w70p { width:70px !important}
.w80p { width:80px !important}
.w90p { width:90px !important}
.w100p { width:100px  !important}
.w110p { width:110px  !important}
.w120p { width:120px  !important}
.w130p { width:130px  !important}
.w140p { width:140px  !important}
.w150p { width:150px  !important}
.w160p { width:160px  !important}
.w170p { width:170px  !important}
.w180p { width:180px  !important}
.w200p { width:200px  !important}
.w250p { width:250px  !important}
.w300p { width:300px  !important}
.w350p { width:350px  !important}
.w400p { width:400px  !important}
.w450p { width:450px  !important}
.w500p { width:500px  !important}
.w550p { width:550px  !important}
.w600p { width:600px  !important}
.w700p { width:700px  !important}
.w800p { width:800px  !important}

.h50p { height:50px  !important}
.h80p { height:80px !important}
.h100p { height:100px !important}
.h120p { height:120px !important}
.h150p { height:150px !important}
.h200p { height:200px !important}
.h250p { height:250px !important}
.h300p { height:300px !important}
.h350p { height:350px !important}
.h400p { height:400px !important}
.h450p { height:450px !important}
.h500p { height:500px !important}
.h600p { height:600px !important}
.h700p { height:700px !important}
.h800p { height:800px !important}

.mh50p  {min-height:50px !important;}
.mh80p  {min-height:80px !important;}
.mh100p {min-height:100px !important;}
.mh120p {min-height:120px !important;}
.mh150p {min-height:150px !important;}
.mh170p {min-height:170px !important;}
.mh200p {min-height:200px !important;}

.r10 {border-radius:10px;}
.r15 {border-radius:15px;}
.r20 {border-radius:20px;}
.r50 {border-radius:50%;}

.h50{height:50%;}
.h100{height:100%;}

/* 텍스트 수직 정렬 */
.txt_pos_abs { position:absolute; left:10px; top:50%; padding-left:10px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%)}
.txt_pos_abs:before { position:absolute; left:0; top:0; content:"·"; }
.dp_inline_block { display:inline-block; vertical-align:middle; }

/* 정렬 */
.text-left,.algL {text-align:left !important;}
.text-center,.algC {text-align:center !important;}
.text-right,.algR {text-align:right !important;}

/* 노출 */
.hide { display:none}

/* Jquery UI 스타일시트 수정 */
/* .ui-widget-header .ui-icon { background-image:url("../images/ui-icons_444444_256x240.png"); }*/

/* 확장 ETC */
/* 패딩 */
.pd5{padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.pd10{padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.pd15{padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.pd20{padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;}

/* 세로정렬 inline-block 요소만 됨 */
.algT{vertical-align:top !important;}
.algM{vertical-align:middle !important;}
.algB{vertical-align:bottom !important;}

/* 상위에 box 클래스를 설정하여 relative하위에 지정 -  position absolute */
.box {position:relative; z-index:auto;}
.posRT{position:absolute; right:0px;top:0px; z-index:auto;}
.posLT{position:absolute; left:0px;top:0px; z-index:auto;}
.posRB{position:absolute; bottom:0px;right:0px; z-index:auto;}
.posLB{position:absolute; left:0px;bottom:0px; z-index:auto;}

/* 플롯지정 */
.floatL {float:left}
.floatR {float:right}
.floatN {float:none}

/* float 정의 - 부트스트랩과 이름이 겹칠 수 있음 */
.float_wrap {position:relative;overflow:hidden;box-sizing:border-box; width:100%;margin:0 auto;}
.float_wrap:before,.float_wrap:after{clear:both;content:'';display:block;}
.float {box-sizing:border-box;position:relative;}
.float-left{float:left;}
.float-right{float:right;}
.ea1 .float {width:100%;}
.ea2 .float {width:50%;}
.ea3 .float {width:33.333%;}
.ea4 .float {width:25%;}
.ea5 .float {width:20%;}

.float_wrap.ea1>.float {width:100%; margin-right:0;}
.float_wrap.ea2>.float {width:49.375%; margin-right:1.25%;}
.float_wrap.ea2>.float:nth-child(2n) {margin-right:0;}
.float_wrap.ea3>.float {width:32.5%; margin-right:1.25%;}
.float_wrap.ea3>.float:nth-child(3n) {margin-right:0;}
.float_wrap.ea4>.float {width:24.0625%; margin-right:1.25%;}
.float_wrap.ea4>.float:nth-child(4n) {margin-right:0;}
.float_wrap.ea5>.float {width:19%; margin-right:1.25%;}
.float_wrap.ea5>.float:nth-child(5n) {margin-right:0;}
.float_wrap.ea6>.float {width:15.625%; margin-right:1.25%;}
.float_wrap.ea6>.float:nth-child(6n) {margin-right:0;}

.float_wrap .float{margin-bottom:2px;}
.float_wrap.ea2 >.float {width:49.375%; margin-right:1.25%;}
.float_wrap.ea2 >.float:nth-child(2n) {margin-right:0;}
.float_wrap.ea3 >.float {width:32.5%; margin-right:1.25%;}
.float_wrap.ea3 >.float:nth-child(3n) {margin-right:0;}
.float_wrap.ea4 >.float {width:24.0625%; margin-right:1.25%;}
.float_wrap.ea4 >.float:nth-child(4n) {margin-right:0;}
.float_wrap.ea5 >.float {width:19%; margin-right:1.25%;}
.float_wrap.ea5 >.float:nth-child(5n) {margin-right:0;}
.float_wrap.ea6 >.float {width:15.625%; margin-right:1.25%;}
.float_wrap.ea6 >.float:nth-child(6n) {margin-right:0;}


/* 인풋 체크,라디오 크기 설정 ????? */
/*
input[type="checkbox"] {height:20px; width:20px; border:1px solid #ccc;}
input[type="radio"] {height:20px; width:20px; border:1px solid #ccc;}
*/
.small_txt {font-size:0.85em;}
.smaller_txt {font-size:0.7em;}

.tit_box {position:relative;}
.tit_box h1,
.tit_box h2,
.tit_box h3,
.tit_box h4,
.tit_box h5,
.tit_box h6{margin:0 0 1em 0;padding:0;}

.box-border {border:1px solid #dadada;}
.box-padding {-webkit-box-sizing:border-box;box-sizing:border-box; padding:1em;}

.w_auto {width:auto !important;}
.cols_1 { width:1%; }
.cols_3 { width:3%; }
.cols_5 { width:5%; }
.cols_6 { width:6%; }
.cols_7 { width:7%; }
.cols_8 { width:8%; }
.cols_9 { width:9%; }
.cols_10 { width:10%; }
.cols_11 { width:11%; }
.cols_12 { width:12%; }
.cols_13 { width:13%; }
.cols_14 { width:14%; }
.cols_15 { width:15%; }
.cols_16 { width:16%; }
.cols_18 { width:18%; }
.cols_17 { width:17%; }
.cols_20 { width:20%; }
.cols_25 { width:25%; }
.cols_28 { width:28%; }
.cols_30 { width:30%; }
.cols_35 { width:35%; }
.cols_40 { width:40%; }
.cols_45 { width:45%; }
.cols_50 { width:50%; }
.cols_55 { width:55%; }
.cols_60 { width:60%; }
.cols_65 { width:65%; }
.cols_70 { width:70%; }
.cols_75 { width:75%; }
.cols_80 { width:80%; }
.cols_85 { width:85%; }
.cols_90 { width:90%; }
.cols_95 { width:95%; }
.cols_auto { width:auto; }

/* margin top bottom rem 형식 */
.mt1e {margin-top:0.6rem;}
.mt2e {margin-top:1rem;}
.mt3e {margin-top:1.3rem;}
.mt4e {margin-top:1.6rem;}
.mt5e {margin-top:2rem;}
.mt6e {margin-top:2.3rem;}
.mt7e {margin-top:2.6rem;}
.mt8e {margin-top:3rem;}
.mt9e {margin-top:3.3rem;}
.mt10e {margin-top:4rem;}

.mb1e {margin-bottom:0.6rem;}
.mb2e {margin-bottom:1rem;}
.mb3e {margin-bottom:1.3rem;}
.mb4e {margin-bottom:1.6rem;}
.mb5e {margin-bottom:2rem;}
.mb6e {margin-bottom:2.3rem;}
.mb7e {margin-bottom:2.6rem;}
.mb8e {margin-bottom:3rem;}
.mb9e {margin-bottom:3.3rem;}
.mb10e {margin-bottom:4rem;}

.block-algC {margin:0 auto;}


/* 기본버튼 */
[class^="co_btn_"]{display:inline-block; vertical-align:middle; box-sizing:border-box; text-align:center;letter-spacing:-0.05em;}
[class^="co_btn_"]:hover, [class^="co_btn_"]:focus, [class^="co_btn_"]:active{cursor:pointer;}
[class*="co_btn_member_"] {border:1px solid #ddd;padding:0 10px;border-radius:10px;font-size:0.9rem;}
[class*="co_btn_member_"]:hover,[class*="co_btn_member_"]:focus{color:#fff; background-color:#ddd;}

/* Button - Size */
.input_b, .btn_b {min-width:80px; height:50px; border-radius:0; line-height:50px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 2em;}
.input_s, .btn_s {min-width:60px; height:36px; border-radius:0; line-height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 1.5em;}
.input_t, .btn_t {min-width:60px; height:30px; border-radius:0; line-height:30px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.btn_f {width:100%; text-align:center;margin:0; border-radius:0; display:block;}
.btn_r {border-radius:20px;border:0;}
.btn_r > i {margin-left:1.25rem;}
.btn_f_b {font-weight:600;}
.btn_f_n {font-weight:300;}
.btn_f_t {font-weight:100;}

/* Button - Color */
.btn_white {color:#000; background:#fff; border-color:#666;}
.btn_black {color:#fff; background:#000; border-color:#000;}
.btn_red {color:#fff; background:#c30; border-color:#c30;}
.btn_blue {color:#fff; background:#27569c; border-color:#27569c;}
.btn_gray {color:#fff; background:#8f8f8f; border-color:#8f8f8f;}
.btn_darkgray {color:#fff; background:#444444; border-color:#444444;}
.btn_orange {color:#fff; background:#e8830b; border-color:#e8830b;}
.btn_darkblue {color:#fff; background:#7889aa; border-color:#7889aa;}
.btn_darkblue:hover {color:#7889aa; background:#fff; border-color:#7889aa;}
.btn_darkgreen {color:#fff; background:#128170; border-color:#128170;}
.btn_oceanblue{background:#4eaac5;border:0; color:#fff;}
.btn_evergreen{background:#4ec5b0;border:0; color:#fff;}
.btn_symbol { width:auto; min-width:auto; height:24px; }

/* 버튼 영역 */
.btn_area { position:relative; padding:6px 0; text-align:center; overflow:hidden; }
.btn_area:after { display:block; content:""; clear:both; }
.btn_area a { vertical-align:top; }
.btn_area > .btn_left_box { position:relative; float:left; text-align:left; overflow:hidden; }
.btn_area > .btn_right_box { position:relative; float:right; text-align:right; overflow:hidden; }
.btn_area_border_up { border-top:1px solid #d9d9d9; }
.btn_area_border_down { border-bottom:1px solid #d9d9d9; }

.base-border {border:1px solid #ddd;}
.base-padding {padding:.85rem; -webkit-box-sizing:border-box; box-sizing:border-box;}

.rb1 {border-radius:.5rem; overflow:hidden;}
.rb2 {border-radius:1rem; overflow:hidden;}
.rb3 {border-radius:1.5rem; overflow:hidden;}

.box{position:relative;}
.block{display:block;}
.algL{text-align:left;}
.algC{text-align:center;}
.algR{text-align:right;}

.jump_menu {position:relative;z-index:11;}
.jump_menu a {position:absolute;top:-999em;}
.jump_menu a:focus {display:block;width:100%;height:40px;background-color:#242424;color:#fff;left:0px;top:0px;z-index:999;text-align:center;line-height:40px; text-align:center;text-decoration:none;}

.write_div_label::before{content:'';clear:both;display:block;}
.write_div_label {clear:both;position:relative;display:inline-block;box-sizing:border-box;padding:0.3rem;margin:1rem 0 0.2rem 0;}
.write_div_label::after{content:'';position:absolute;top:-3px;height:2px;width:100%;background-color:#444; left:0px;}

table.tbl_cnt_vert:before{content:'';display:block;width:100%;height:2px;background-color:#1a5bb1;position: absolute;top:-2px;}
table.tbl_cnt_vert{width:100%;border-collapse:collapse;font-size:0.85rem;position: relative;}
table.tbl_cnt_vert th,table.tbl_cnt_vert td{padding:0.4rem 1rem;}
table.tbl_cnt_vert th{background-color:#f0f3f8;border:1px solid #dcdcdc;font-weight:normal;}
table.tbl_cnt_vert td{background-color:#ffffff;border:1px solid #dcdcdc;}
table.tbl_cnt_vert th:first-child{border-left:0;}
table.tbl_cnt_vert td:last-child{border-right:0;}

/* 커스텀 Alert 사용법 Alert.render('메시지') */
#dialogoverlay{display: none;opacity: .8;position: fixed;top: 0px;left: 0px;background: #242424;width: 100%;z-index: 999;}
#dialogbox{display: none;position: fixed;background: #fff;border-radius:2px;width: 90%;max-width: 400px;z-index: 999;box-shadow: 0px 0px 20px rgba(0,0,0,.7);top: 30%;left:50%;transform:translateX(-50%);}
#dialogbox{
	backface-visibility: hidden;
	-webkit-font-smoothing: subpixel-antialiased !important;
	transform-origin: 0 0; 
	/* transform:translateX(-50.1%) translateY(-30.14%) translateZ(0px); */
}
#dialogbox > div{background:#FFF;margin: 3px;}
#dialogbox > div > #dialogboxhead{background-color: #242424;font-size: 1em;padding:5px 10px;color: #fff;}
#dialogbox > div > #dialogboxbody{background-color: #f5f5f5;padding:20px;color: #000;font-size: 0.85em;}
#dialogbox > div > #dialogboxfoot{background-color: #f5f5f5;padding:10px;text-align:right;}
#dialogboxfoot button{padding:5px 20px;border: 1px solid #ccc;}

.grid-row:before,.grid-row:after{content:'';clear:both;display:table;border-spacing:0;}
.grid-row .grid-12 ,
.grid-row .grid-11 ,
.grid-row .grid-10 ,
.grid-row .grid-9  ,
.grid-row .grid-8  ,
.grid-row .grid-7  ,
.grid-row .grid-6  ,
.grid-row .grid-5  ,
.grid-row .grid-4  ,
.grid-row .grid-3  ,
.grid-row .grid-2  ,
.grid-row .grid-1 {}
.grid-row{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;margin-left:-0.85rem;margin-right:-0.85rem;}
.grid-12 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:100%}
.grid-11 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:91.66%}
.grid-10 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:83.33%}
.grid-9  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:75%}
.grid-8  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:66.66%}
.grid-7  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:58.33%}
.grid-6  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:50%}
.grid-5  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:41.66%}
.grid-4  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:33.33%}
.grid-3  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:25%}
.grid-2  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:16.66%}
.grid-1  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.85rem;padding-left:0.85rem;float:left;width:8.3%}


/* 부트스트랩 형식 콘테이너 그리드 기본 틀 */
.grid-box:before,.grid-box:after{content:'';clear:both;display:table;border-spacing:0;}
.grid-box .grid-item {padding-top:7px; padding-bottom:7px;box-sizing:border-box;float:left;}
.grid-box{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;}
.grid-box.grid-ea1 .grid-item{width:100%;}
.grid-box.grid-ea2 .grid-item{width:50%;}
.grid-box.grid-ea3 .grid-item{width:33.33%;}
.grid-box.grid-ea4 .grid-item{width:25%;}
.grid-box.grid-ea5 .grid-item{width:20%;}
.grid-box.grid-ea6 .grid-item{width:16.66%;}
.grid-box.grid-ea7 .grid-item{width:14.285%;}
.grid-box.grid-ea8 .grid-item{width:12.5%;}
.grid-box.grid-ea9 .grid-item{width:11.11%;}


/* hidden 접미어 의미
-md : 1184px 이하
-ml : 960px 이하
-ms : 768px 이하
-sm : 480px 이하
-xs : 360px 이하
*/

	#mobile_menu_wrap{display:none;}

/* 반응형 스타일 */
@media all and (max-width:1361px){

}
@media all and (max-width:1280px){

}
@media all and (max-width:1240px){
	
}

/*
2개 width:49.375%; margin-right:1.25%;
3개 width:32.5%; margin-right:1.25%;
4개 width:24.0625%; margin-right:1.25%;
5개 width:19%; margin-right:1.25%;
6개 width:15.625%; margin-right:1.25%;
*/
@media all and (max-width:1280px){
	.visible-md{display:block;}
	.hidden-md {display:none;}
	.block-md {float:none; width:100%; max-width:1200px;}
	.grid-row:before,.grid-row:after{content:'';clear:both;display:table;}
	.grid-row{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;margin-left:-0.75rem;margin-right:-0.75rem;}
	.grid-md-12 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:100%}
	.grid-md-11 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:91.66%}
	.grid-md-10 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:83.33%}
	.grid-md-9  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:75%}
	.grid-md-8  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:66.66%}
	.grid-md-7  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:58.33%}
	.grid-md-6  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:50%}
	.grid-md-5  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:41.66%}
	.grid-md-4  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:33.33%}
	.grid-md-3  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:25%}
	.grid-md-2  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:16.66%}
	.grid-md-1  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.75rem;padding-left:0.75rem;float:left;width:8.3%}
	
	.scroll_wrap {position:relative;overflow:hidden;}
	.scroll_box {max-width:100%;overflow-y:hidden;overflow-x:auto;position:relative;}
	.scroll_box .scroll_area{width:960px;}
	.has-scroll .scroll_wrap:after {
		position:absolute;
		top:0;
		left:100%;
		width:50px;
		height:100%;
		border-radius:10px 0 0 10px / 50% 0 0 50%;
		box-shadow:-5px 0 10px rgba(0, 0, 0, 0.25);
		content:'';
	}
	#menu_pc {display:none;}
	#mobile_menu_wrap {display:block;}
}
@media all and (max-width:960px){
	.visible-ml{display:block;}
	.visible-hs{display:block;}
	.hidden-hs{display:none !important;}

    .grid-row:before,.grid-row:after{content:'';clear:both;display:table;}
	.grid-row{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;margin-left:-0.5rem;margin-right:-0.5rem;}
	.grid-hs-12 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:100%}
	.grid-hs-11 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:91.66%}
	.grid-hs-10 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:83.33%}
	.grid-hs-9  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:75%}
	.grid-hs-8  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:66.66%}
	.grid-hs-7  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:58.33%}
	.grid-hs-6  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:50%}
	.grid-hs-5  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:41.66%}
	.grid-hs-4  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:33.33%}
	.grid-hs-3  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:25%}
	.grid-hs-2  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:16.66%}
	.grid-hs-1  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:8.3%}


}

@media all and (max-width:768px){
	.hidden-ms{display:none !important;}
	.visible-md {display:block;}
	.block-ms{position:relative; display:block !important; width:100% !important;clear:both;float:none !important;}
	.hidden-bg-md{background-image:url('') !important;}

	.grid-row:before,.grid-row:after{content:'';clear:both;display:table;}
	.grid-row{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;margin-left:-0.35rem;margin-right:-0.35rem;}
	.grid-ms-12 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:100%}
	.grid-ms-11 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:91.66%}
	.grid-ms-10 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:83.33%}
	.grid-ms-9  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:75%}
	.grid-ms-8  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:66.66%}
	.grid-ms-7  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:58.33%}
	.grid-ms-6  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:50%}
	.grid-ms-5  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:41.66%}
	.grid-ms-4  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:33.33%}
	.grid-ms-3  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:25%}
	.grid-ms-2  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:16.66%}
	.grid-ms-1  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.35rem;padding-left:0.35rem;float:left;width:8.3%}


	.scroll_wrap {position:relative;overflow:hidden;}
	.scroll_box {max-width:100%;overflow-y:hidden;overflow-x:auto;position:relative;}
	.scroll_box{white-space:nowrap;}
	.has-scroll.scroll_wrap:after {
		position:absolute;
		top:0;
		left:100%;
		width:50px;
		height:100%;
		border-radius:10px 0 0 10px / 50% 0 0 50%;
		box-shadow:-5px 0 10px rgba(0, 0, 0, 0.25);
		content:'';
	}

}
@media all and (max-width:640px){
	.hidden-sd {display:none !important;}
	.block-sd {width:100% !important;float:none !important;clear:both;}

	.grid-row{margin-left:-0.18rem;margin-right:-0.18rem;}
	.grid-sd-12 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:100%}
	.grid-sd-11 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:91.66%}
	.grid-sd-10 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:83.33%}
	.grid-sd-9  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:75%}
	.grid-sd-8  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:66.66%}
	.grid-sd-7  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:58.33%}
	.grid-sd-6  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:50%}
	.grid-sd-5  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:41.66%}
	.grid-sd-4  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:33.33%}
	.grid-sd-3  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:25%}
	.grid-sd-2  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:16.66%}
	.grid-sd-1  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.18rem;padding-left:0.18rem;float:left;width:8.3%}

}
@media all and (max-width:580px) {

}
@media all and (max-width:480px) {
	.hidden-sm{display:none !important;}
	.block-sm {display:block;width:100% !important; float:none !important;}
	
	.grid-row{margin-left:-0.15rem;margin-right:-0.15rem;}
	.grid-sm-12 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem;padding-left:0.15rem;float:left;width:100%}
	.grid-sm-11 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem;padding-left:0.15rem;float:left;width:91.66%}
	.grid-sm-10 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem;padding-left:0.15rem;float:left;width:83.33%}
	.grid-sm-9  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem;padding-left:0.15rem;float:left;width:75%}
	.grid-sm-8  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem;padding-left:0.15rem;float:left;width:66.66%}
	.grid-sm-7  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem;padding-left:0.15rem;float:left;width:58.33%}
	.grid-sm-6  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem;padding-left:0.15rem;float:left;width:50%}
	.grid-sm-5  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem;padding-left:0.15rem;float:left;width:41.66%}
	.grid-sm-4  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem;padding-left:0.15rem;float:left;width:33.33%}
	.grid-sm-3  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem;padding-left:0.15rem;float:left;width:25%}
	.grid-sm-2  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem;padding-left:0.15rem;float:left;width:16.66%}
	.grid-sm-1  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.15rem;padding-left:0.15rem;float:left;width:8.3%}

	.cols_sm_auto {width:auto;}
	.cols_sm_1{width:8.3%;}
	.cols_sm_2{width:16.66%;}
	.cols_sm_3{width:25%;}
	.cols_sm_4{width:33.33%;}
	.cols_sm_5{width:41.66%;}
	.cols_sm_6{width:50%;}
	.cols_sm_7{width:58.33%;}
	.cols_sm_8{width:66.66%;}
	.cols_sm_9{width:75%;}
	.cols_sm_10{width:83.33%;}
	.cols_sm_11{width:91.66%;}
	.cols_sm_12{width:100%;}

}
@media all and (max-width:360px){

	.block-xs{position:relative; display:block;}
	.block-xs {width:100% !important; display:block;float:none !important;}
	.block-xs .float {clear:both; float:none; width:98% !important;}
	.hidden-xs{display:none !important;}
	
	.grid-row{margin-left:-0.5rem;margin-right:-0.5rem;}
	.grid-sx-12 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:100%}
	.grid-sx-11 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:91.66%}
	.grid-sx-10 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:83.33%}
	.grid-sx-9  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:75%}
	.grid-sx-8  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:66.66%}
	.grid-sx-7  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:58.33%}
	.grid-sx-6  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:50%}
	.grid-sx-5  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:41.66%}
	.grid-sx-4  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:33.33%}
	.grid-sx-3  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:25%}
	.grid-sx-2  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:16.66%}
	.grid-sx-1  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:0.5rem;padding-left:0.5rem;float:left;width:8.3%}
	
}
@media all and (max-width:320px){
	.hidden-xs{display:none !important;}
	.hidden-sx{display:none !important;}
}

.eye_grp{display:inline-block;position:relative;}
.eye_grp .eye_show_btn{background-color:transparent;border:0;outline:0;position:absolute;right:0;}
.eye_grp .eye_show_btn:focus{outline:0;}

.ui-datepicker .ui-datepicker-title {
    font-size: 13px;
	text-align:center;
	vertical-align:middle;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
	color:#1748a4;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
    vertical-align: middle;
    height: 26px;
    border: 1px solid #dcdcdc;
    text-align: right;
}