/****************************************************************
 * Common class
 ***************************************************************/
/* btn common css (바탕_글자색_화살표) */
.black_white,
.grey_white,
.white_grey,
.orange_white{position:relative;display:inline-block;zoom:1;*display:inline;width:108px;height:40px;background-repeat:repeat-x;text-align:center;box-shadow:1px 1px 2px #e3e3e3;/* behavior: url('../res/css/ie-css3.htc') */}
.orange_white_2{position:relative;display:inline-block;zoom:1;*display:inline;width:204px;height:40px;background-repeat:repeat-x;text-align:center;box-shadow:1px 1px 2px #e3e3e3;/* behavior: url('../res/css/ie-css3.htc') */}
.black_white  span,
.grey_white   span,
.white_grey   span,
.orange_white_2  span,
.orange_white span{display:block;width:100%;padding:13px 0;font-size:14px;font-weight:500;line-height:1em;letter-spacing:-0.08em;color:#fff}
.grey_white  {background-color:#7c7b75;border:1px solid #7c7b75}
.orange_white{background-image:url('../img/bg_btn_orange.gif');background-position:left top;background-color:#f18200;border:1px solid #f18200}
.black_white {background-image:url('../img/bg_btn_black.gif');background-position:left top;background-color:#4c4c4c;border:1px solid #4c4c4c}
.white_grey  {background-image:url('../img/bg_btn_white.gif');background-position:left bottom;background-color:#fff;border:1px solid #4c4c4c}
.orange_white_2  {/*background-image:url('../img/bg_btn_white.gif');*/background-position:left bottom;background-color:#f18200;border:1px solid #4c4c4c}
.white_grey span{color:#4c4c4c}
.orange_white_2 span{color:#fff}

.white_grey.bt_sm{height:34px}
.orange_white_2.bt_sm{height:34px}
.white_grey.bt_sm span{font-size:13px;padding:9px 0}
.orange_white_2.bt_sm span{font-size:13px;padding:9px 0}
.org_pdf{width:106px;margin-right:3px}
.org_pdf span{background:url('../img/btn_pdf_samll.png') 12px center no-repeat;text-indent:30px;padding:13px 0}

/* INPUT-RADIO */
.ui-radio{position:relative}
.ui-radio input{position:absolute;left:0;top:0;width:21px;height:21px;opacity:0;filter:alpha(opacity=0)}
.ui-radio .ui-btn{display:block;padding-left:24px;background-position:0 0;background-repeat:no-repeat;background-position:0 0}
.ui-radio .ui-radio-on{background-image:url('../img/input_radio.png')}
.ui-radio .ui-radio-off{background-image:url('../img/input_radio.png')}

/* INPUT-CHECKBOX */
.ui-checkbox{position:relative}
.ui-checkbox input{position:absolute;left:0;top:0;width:16px;height:16px;opacity:0;filter:alpha(opacity=0)}
.ui-checkbox .ui-btn{display:block;padding-left:20px;background-position:0 0;background-repeat:no-repeat;background-position:0 0}
.ui-checkbox .ui-checkbox-on{background-image:url('../')}
.ui-checkbox .ui-checkbox-off{background-position:0 0}

/* INPUT-SELECTBOX */
.sod_select{display:inline-block;position:relative;width:182px;height:33px;background-color:#fff;border:1px solid #d6d6d6;color:#4c4c4c;font-size:14px;cursor:pointer;outline:none;vertical-align:top;line-height:26px}
.sod_select.open{z-index:1}
.sod_select .sod_list_arw{position:absolute;right:11px;top:0;display:block;width:12px;height:100%;background:url('../img/ico_select_arw.png') center center no-repeat;content:""}
.sod_select .sod_label{display:block;padding-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:26px;text-indent:11px;letter-spacing:0}
.sod_select .sod_list_wrapper{position:absolute;top:100%;left:-1px;display:none;height:auto;width:100%;background-color:#fff;border:1px solid #d6d6d6;z-index:2;overflow:hidden}
.sod_select.open .sod_list_wrapper{display:block}
.sod_select .sod_option{display:block;position:relative;padding:7px 11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.5em;letter-spacing:0}
.sod_select .sod_option.selected{color:#f08200}
.sod_select .sod_option.active{background-color:#fafafa}
.sod_select select{display:none !important}
.sod_select.touch select{-webkit-appearance:menulist-button;position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;z-index:1;display:block !important}
.sod_select .sod_list{display:block;overflow-y:auto;padding:0;margin:0}

/* INPUT TEXT */
.overlap{position:relative;cursor:auto}
.overlap label{position:absolute;left:11px;top:11px;display:block;font-size:14px;color:#999;cursor:auto;line-height:1em}

/* PAGENUMBER */
.list_page-number{clear:both;width:100%;text-align:center;padding-top:36px;background-color:#fff}
.list_page-number .page_w{display:block}
.list_page-number .page_m{display:none}
.list_page-number *{vertical-align:top;line-height:1em;display:inline-block;zoom:1;*display:inline;margin:0 2px}
.list_page-number button{width:32px;height:32px;background-position:center center;background-repeat:no-repeat;border:1px solid #c8c8c8;font-size:3000px;line-height:100px;color:#fff;background-color:#fff;overflow:hidden}
.list_page-number .prev_depth{background-image:url('../img/ico_arw_btn01.gif')}
.list_page-number .prev_btn  {background-image:url('../img/ico_arw_btn03.gif')}
.list_page-number .next_btn  {background-image:url('../img/ico_arw_btn04.gif')}
.list_page-number .next_depth{background-image:url('../img/ico_arw_btn02.gif')}
.list_page-number .web_page a{padding:8px 9px;font-size:0.9em;color:#7c7b75;text-align:center;background-color:#fff;border:1px solid #c8c8c8;letter-spacing:0}
.list_page-number .web_page a.on{color:#fff;background-color:#f08200;border:1px solid #f08200}

.list_page-circle{clear:both;position:relative;width:100%;padding-top:6px;text-align:center}
.list_page-circle *{vertical-align:top}
.list_page-circle button,
.list_page-circle span a{display:inline-block;zoom:1;*display:inline;background-repeat:no-repeat;background-position:center center;font-size:0;line-height:0;overflow:hidden}
.list_page-circle button{width:40px;height:40px}
.list_page-circle button.p{background-image:url('../img/ico_prev_circle.gif')}
.list_page-circle button.n{background-image:url('../img/ico_next_circle.gif')}
.list_page-circle span{margin-top:1px}
.list_page-circle span a{display:inline-block;zoom:1;*display:inline;width:10px;height:10px;padding:14px 4px;margin-right:-1px;background-image:url('../img/ico_dot_circle.gif')}
.list_page-circle span a.on{background-image:url('../img/ico_dot_circle-on.gif')}

/* TAB MENU */
.tab_move{padding-bottom:18px}
.tab_move a,
.tab_move button{display:block;width:100%;height:44px;border-bottom:1px solid #ccc}
.tab_move a em,
.tab_move button em{display:block;text-align:center;line-height:1em;color:#7c7b75;letter-spacing:-0.08em;font-weight:500}
.tab_move a em{padding-top:14px}
.tab_move button em{padding-top:0}
.tab_move ul{float:left;border-top:2px solid #1a1a1a}
.tab_move li{float:left;width:370px;background-color:#ededed;border-right:1px solid #ccc}
.tab_move li:first-child{border-left:1px solid #ccc}
.tab_move li.on{background-color:#fff}
.tab_move li.on a,
.tab_move li.on button{border-bottom:1px solid #fff}
.tab_move li.on a em,
.tab_move li.on button em{color:#242424}
.tab_move.a_link li{width:242px}
.tab_move.a_link li:first-child{width:246px}
.tab_conts{display:none}
.tab_conts.open{display:block}

.tab_move.tab_new_ico{width:741px;margin:0 auto 30px}
.tab_move.tab_new_ico li{width:147px}
.tab_move.tab_new_ico a{text-align:center}
.tab_move.tab_new_ico a *{vertical-align:top}
.tab_move.tab_new_ico a em,
.tab_move.tab_new_ico a span{display:inline-block;zoom:1;*display:inline}
.tab_move.tab_new_ico a em{line-height:1.1em}
.tab_move.tab_new_ico a span{width:24px;height:20px;margin-top:12px;background:url('../img/ico_new.png') right 0 no-repeat;font-size:0;color:transparent;line-height:0}

/* 내용 더보기 버튼 */
.more_plus{display:block;position:relative;width:32px;height:32px;background-color:#4c4c4c}
.more_plus em{display:block;position:absolute;left:50%;top:50%;background-color:#fff;width:11px;height:1px;margin:0 0 0 -5px;text-indent:-99999em;overflow:hidden}
.more_plus em:first-child{width:1px;height:11px;margin:-5px 0 0 0}

/* 물음표 ICO */
.ico_mark-q{display:block;padding-left:22px;background:url('../img/ico_question-mark.gif') left 4px no-repeat;line-height:1em}

.unfloat {clear:both;display:block;height:1px;overflow:hidden}

.checkbox {text-align:right;font-size:14px;color:#444}
.checkbox input,
.checkbox label {display:inline-block;vertical-align:middle}

.circlecheck label{display:none}

.old_ie_show{display:none}
#ie_warning{padding:120px 15px;background-color:#fff}
#ie_warning dl{width:100%;text-align:center}
#ie_warning dt{padding:90px 0 38px 0;background:url('../img/ico_warning_web.gif') center top no-repeat;border-bottom:1px solid #e5e5e5;font-size:18px;line-height:19px;font-weight:500;color:#1a1a1a}
#ie_warning dd{padding-top:32px;font-size:16px;color:#1a1a1a;line-height:26px}

@media screen and ( max-width:640px ){
	.old_ie_show{display:none}
	.black_white  span,
	.grey_white   span,
	.white_grey   span,
	.orange_white_2 span,
	.orange_white span{padding:13px 0}
	.black_white span, .grey_white span, .white_grey span, .orange_white span, .orange_white_2 span {font-size:12px}
	.org_pdf{width:94px}
	.org_pdf span{background-size:16px auto;background-position:14px center;text-indent:22px;background-image:url('../img/btn_pdf_samll_mob.png')}
	.org_pdf.css_mj_top34{margin-top:4px}
	.list_page-number{padding:15px 0}
	.list_page-number .page_w{display:none}
	.list_page-number .page_m{display:block}
	.list_page-number button{width:28px;height:28px}
	.list_page-number .web_page{width:106px;padding-top:8px}
	.list_page-number .web_page em{padding:0 3px;letter-spacing:0}
	.list_page-number .prev_depth,
	.list_page-number .next_depth{background-size:12px auto}
	.list_page-number .prev_btn,
	.list_page-number .next_btn{background-size:6px auto}
	.ico_mark-q{background-position:left 2px;background-image:url('../img/ico_question-mark_mob.png');background-size:15px auto}
	.tab_move{border:none;background-color:#fff;padding:0 15px 15px 15px;margin:0}
	.tab_move ul{width:100%;border-top:none}
	.tab_move li{width:50%;box-sizing:border-box;border:none;margin-left:-1px}
	.tab_move li:first-child{border-left:none;margin-left:0}
	.tab_move li button{background-color:#fff;height:38px;border:none;border:1px solid #cacaca}
	.tab_move li button em{color:#000;font-weight:500;font-size:1em}
	.tab_move li.on{position:relative;z-index:1}
	.tab_move li.on button{background-color:#f08200;border:1px solid #f08200}
	.tab_move li.on button em{color:#fff}
	.more_plus{width:100%;height:auto;background-color:#fff;text-align:right}
	.more_plus em{display:inline-block;position:static;width:auto;height:auto;margin:0;text-indent:0;color:#e37932;line-height:1em;font-size:1em}
	.more_plus em:first-child{width:auto;height:auto;margin:0 2px 0 0}
	.list_page-circle span a{background-image:url('../img/ico_dot_circle_mob.gif');background-size:10px auto}
	.list_page-circle span a.on{background-image:url('../img/ico_dot_circle-on_mob.gif')}
	.list_page-circle button{display:none}
	.sod_select .sod_list_arw{background-image:url('../img/ico_select_arw_mob.png');background-size:12px auto}

	/*.sod_select {width:80%; float:right;} */


	#pc_warning{padding:120px 15px;background-color:#fff}
	#pc_warning dl{width:100%;text-align:center}
	#pc_warning dt{padding:70px 0 16px 0;background:url('../img/ico_warning.gif') center top no-repeat;background-size:59px auto;border-bottom:1px solid #e5e5e5;font-size:15px;line-height:19px;font-weight:500;color:#1a1a1a}
	#pc_warning dd{padding-top:16px;font-size:13px;color:#1a1a1a;line-height:22px}

	.tab_move.tab_new_ico{width:100%;overflow:hidden;border:solid #cacaca;margin:0;border-width:1px 0;box-shadow:0px 2px 3px #e0e0e0;position:relative;z-index:3;padding:0}
	.tab_move.tab_new_ico ul{width:auto;white-space:nowrap;float:none;display:inline-block;zoom:1;*display:inline}
	.tab_move.tab_new_ico ul li{display:inline-block;width:auto;float:none;padding:0 15px;background-color:#fff;margin:0}
	.tab_move.tab_new_ico ul li a{position:relative;border:none;height:44px}
	.tab_move.tab_new_ico ul li a em{color:#7c7b75;font-size:13px}
	.tab_move.tab_new_ico ul li a span{background-size:15px auto;width:18px;height:15px;margin-top:12px;background-image:url('../img/ico_new_mob.png')}
	.tab_move.tab_new_ico ul li.on a{background-color:#fff}
	.tab_move.tab_new_ico ul li.on a em{color:#f08200}
	.tab_move.tab_new_ico ul li.on a:after{content:'';display:block;width:100%;height:1px;background-color:#f08200;position:absolute;left:0;bottom:0}

    .unfloat {height:0;}

    .checkbox {position:relative;border:1px solid #cacaca;background-color:#f0f0f0;text-align:center;font-size:1em;color:#999}
    .checkbox input {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;}
    .checkbox label {display:block;height:29px;padding-top:9px;}
    .checkbox label:before {
        display: inline-block;
        width: 25px;
        height: 25px;
        overflow: hidden;
        margin-top: -3px;
        background: url(../img/ico_checkbox.png) no-repeat 50% 0;
        background-size: 25px auto;
        vertical-align: middle;
        content: ' ';
    }
    .checkbox.checked {border-color:#f08200;background-color:#f08200;color:#fff}
    .checkbox.checked label:before {background-position:50% -25px}

	.circlecheck{position:relative;width:21px;height:22px;margin:0 auto}
	.circlecheck input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}
	.circlecheck label{display:block;width:100%;height:100%;background:url('../img/ico_circlecheck_off.png') 0 0 no-repeat;background-size:21px auto;text-indent:-99999em;overflow:hidden}
	.circlecheck.checked label{background-image:url('../img/ico_circlecheck_on.png')}
}