@charset "utf-8";
/* CSS Document */

/* mobile style */
*{-webkit-text-size-adjust:none}
html, body {height:100%}
body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select{margin:0;padding:0;font-family:'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;font-weight:normal; font-size:16px; color:#666666;}
body{
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-overflow-scrolling: touch;}
li{list-style:none}
a{text-decoration:none}
a[href^="tel"]{ font-style:normal}
address, caption, em, var{font-style:normal;font-weight:normal}
input, textarea, select{letter-spacing:normal}
ol, ul, dl{list-style:none}
fieldset, img{border:0}
legend, caption{display:none}
img{border:0;vertical-align:top}
hr{display:none}
table{border-collapse:collapse;border-spacing:0}
br{letter-spacing:normal}
p{letter-spacing:normal}
input{vertical-align:middle}
input[type="text"], input[type="password"]{-webkit-appearance:none}
input[type="checkbox"]{ -webkit-border-radius:0}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
input[type="radio"]{border:none;-webkit-appearance:radio}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}
textarea{-webkit-appearance:none}

/* select{-webkit-appearance:menulist-text} */

/*-폰트-*/
.gray999{color:#999}
.blue{color:#57a6ec}
.orange{color:#fe6b1e}
.navy {	color: #4c69ba;}
.green{color:#169900;}
.pink{color:#db5081}
.txt_bold{ font-weight:700}
.txt11{font-size:11px}
/* h2{	font-size: 1em;	font-weight: bold; color: #333333; padding:0.625em;}
.content_scroll h2{	font-size: 1em;	font-weight: bold; color: #333333; padding:0.625em;}
h3{font-size:14px; padding:0 0.625em;} */

/*-공통-*/
.f_r{float:right}
.f_l{float:left}
.content_scroll{ position:relative; overflow:scroll; height:calc(100% - 3.79em);}
.icon_new{width:14px; height:14px; background:#09F; line-height:15px; color:#FFF; font-weight:700; display:block; text-align:center; border:1px solid #06F; font-size:11px; float:left; margin:4px 4px 0 0;}
.bg_top {
	background: -webkit-linear-gradient(left, #f1813a, #eb662e); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #f1813a, #eb662e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, f1813a, #eb662e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #f1813a, #eb662e); /* Standard syntax */}
.top { background:url(../image/img_logo2.png) no-repeat center center; height:44px; background-size:100%; width:50%; max-width:190px; margin:0px auto; cursor:pointer;}
.bg_content{background-color:#f2f2f2; padding:0.625em; height:100%; overflow:scroll;}


/*-Back 메뉴-*/
.bg_top .back{width:15%; height:40px; float:right}
.bg_top .back .top_btn_back { width:40px;  height:40px; background-size:cover; margin:2px 0 0 0.400em; display:block;}


.content_main { background-color:#e7e7e7; padding:0.625em; /*-position:relative;-*/ }
.content_main div:first-child{border-radius:5px;}
.content_main > div { border-radius:5px; background:#FFF; box-shadow:#dbdbdb 0px 1px 2px; margin-bottom:0.625em;}.content_main > div { border-radius:5px; background:#FFF; box-shadow:#dbdbdb 0px 1px 2px; margin-bottom:0.625em;}
.content_main div:last-child{margin-bottom:0px;}
.content_main div h1{font-size:1.000em; font-weight:bold; color:#333333; padding:0.625em; border-bottom: 1px solid #efefef;}
.content_main a {color:#666666}
.btn_plus{float:right; width:12px; height:12px; background:url(../image/icon_plus.png) no-repeat left top; background-size:cover; margin: 12px 12px 0 0;}
.btn_minus{float:right; width:12px; height:12px; background:url(../image/icon_minus.png) no-repeat left top; background-size:cover; margin: 12px 12px 0 0;}
.btn_plus_img{float:right; width:12px; height:12px;  margin: 12px 12px 0 0;}
.box_gray{padding:0.5px 5px; background:#999; color:#fff}

/*-공통 텍스트 필드-*/
input[type="text"], input[type="password"], input, textarea, button, select {height:2.375em; border:1px solid #ddd9d7; padding:0em 4px; margin:2px 0; background:#FFF;}
button {height:2.375em; padding:0em 0.313em; background:#FFF;}

.txt_100p{width: calc(100% - 10px);}
.txt_60p{width: calc((100% - 32%) - 15px);}
.txt_30p{width: calc((100% - 30%) / 2 - 15px);}
.txt_40p{width: calc((100% - 40%) / 2 - 15px);}
.txt_10p{width: calc((100% - 10%) / 2 - 15px);}

.txt_60p2{width: calc((100% - 65%) - 10px);}

.txt_5p{width: calc((100% - 5%) - 10px) !important;}

.sel_100p{width: calc(100% - 10px);}

.sel_60p{width: calc((100% - 29%) - 15px);}
.sel_30p{width: calc((100% - 30%) / 2 - 15px);}
.sel_50p{width: calc((100% - 50%) / 2 - 15px);}
.sel_70p{width: calc((100% - 70%) - 10px);}
.sel_75p{width: calc((100% - 75%) - 10px);}
.sel_80p{width: calc((100% - 80%) - 10px);}


.sel_30p_input{width: calc((100% - 30%) / 2 - 30px);}
.sel_50p_input{width: calc((100% - 50%) / 2 - 26px);}
.sel_27p_input{width: calc((100% - 30%) / 2 - 26px);}
.sel_25p_input{width: calc((100% - 20%) / 2 - 26px);}
.sel_60p_input{width: calc((100% - 32%) - 7px);}

.sel_50p_span{font-size:0.750em; color:#a3a3a3}


/*-공통 버튼-*/
.brown_appro{color:#FFF; padding:0px 10px; background:#968a84; border:1px solid #79706b;  box-shadow:0px 2px 0px #e5e5e5}
.white_appro{color:#79706b; padding:4px 10px; background:#fff; border:1px solid #968a84; text-align:center; box-shadow:0px 2px 0px #e5e5e5}
.orange_appro{color:#FFF; padding:0px 10px; background:#ec6b30; border:1px solid #bd4816; text-align:center; box-shadow:0px 2px 0px #e5e5e5}
.gray_appro {
    color: #FFF;
    padding: 4px 10px;
    background: #535353;
    border: 1px solid #424242;
    text-align: center;
    margin-right: 10px;
    box-shadow:0px 2px 0px #e5e5e5;
}


.orange_30p100p{color:#FFF; width:30%; height:125px; background:#ec6b30; border:1px solid #bd4816; }
.orange_30p{color:#FFF; width:30%; background:#ec6b30; border:1px solid #bd4816; text-align:center}
.orange_50p{color:#FFF; width:50%; background:#ec6b30; border:1px solid #bd4816; text-align:center}
.orange_20p{color:#FFF; width:20%; background:#ec6b30; border:1px solid #bd4816}
.orange_25p{color:#FFF; width:25%; background:#ec6b30; border:1px solid #bd4816}
.orange_100p{color:#FFF; width:100%; background:#ec6b30; border:1px solid #bd4816}
.orange_50p:active{background:#FFC19E; border:1px solid #ec6b30;}
.orange_30p82p {
    color: #FFF;
    width: 30%;
    height: 82px;
    background: #ec6b30;
    border: 1px solid #bd4816;
}

.gray_30p100p{color:#FFF; width:30%; height:125px; background:#535353; border:1px solid #424242; }
.gray_30p{color:#FFF; width:30%; background:#535353; border:1px solid #424242; text-align:center}
.gray_50p{color:#FFF; width:50%; background:#535353; border:1px solid #424242; text-align:center}
.gray_20p{color:#FFF; width:20%; background:#535353; border:1px solid #424242}
.gray_25p{color:#FFF; width:25%; background:#535353; border:1px solid #424242}
.gray_100p{color:#FFF; width:100%; background:#535353; border:1px solid #424242}
.gray_100p:active{ opacity:0.5; }

.gray_50p:active{background:#8C8C8C; border:1px solid #535353;}

.top_bg{
    background: url() no-repeat center right;
    /* background-image: url(../img/bg_top.png), linear-gradient(to bottom right, #FC6753, #F36916); */
    background: url(../img/visual.png) center top;
    /* width: 100%; */
    padding: 2em;
    min-height: 28%;
    background-size: auto 100%;
    position: relative;
    box-shadow: 0 0 25px #00000021 inset;
}
.top_bg .logo{
    margin:0px auto;
    display: block;
}
.top_bg h1{
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    position: absolute;
    width: 45%;
    bottom: 3.2em;
    line-height: 1.2em;
    font-size: 1.1em;
}
.top_bg h2{
    /* color:#fff;
    position:absolute;
    font-size: 0.9em;
    bottom: 2em; */
    letter-spacing: -0.5px;
    text-align: center;
    font-weight: bold;
    color:#333;
    margin-top: 1em;
}
.txt_o{
    color:#F96741
}
.list_app{
    overflow: hidden;
    width: 90%;
    margin: 0px auto;
}
.list_app li{
   list-style-type:none;
   border-bottom:1px solid #efefef;
   padding: 2em 0;

}
.list_app li img{
    float: left;
    margin-right:1em;
}
.list_app li .t01{
    font-size:1em;
    font-weight: 600;
    color:#555555;
    
}
.list_app li .t02{
    font-size: 0.8em;
    color: #959594;
    word-break: keep-all;
    margin-top: 5px;
}