@charset "utf-8";
/* ----------------------------------------
 * Create by jinwoo
 * Created : 2018 v01
 --------------------------------------- */
/* ==========================================================================
   Base styles & import
   ========================================================================== */
/* @import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);

Reset
html{overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,textarea{font:normal 15px/1 'Nanum Gothic','돋움',Dotum, sans-serif; color:#666666;}

body{text-align:left; word-break:break-word;}
html{}
html,body {}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
a{color:#000;text-decoration:none;}outline-width:0;outline:none;
a:hover{}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
caption{font-size:0; line-height:0; height:0}
input[type=radio] {margin-top:0;}
input[type='text']:focus,input[type='password']:focus {background:#fbfae7 ;}
*{box-sizing: border-box;}

select {border:1px solid #bcc1c2}
strong {font-family:ngb;}
strong.line {border-bottom:1px solid #353535}
.skip, .blind{position:absolute;overflow:hidden;visibility:hidden;width:0px;height:0px;font-size:0;line-height:0;text-indent:-9999px;}

font color
.fc-red {color: #ec5a4b;}
.fc-blue {color: #4a6596;}
Mobile Form Default
input[type='text'],input[type='password'],input[type='image'],input[type='search']{-webkit-appearance:none;-webkit-border-radius:0}
input[type=text], input[type=password]{border: 1px solid #bcc1c2;height: 34px;line-height: 34px;padding: 0 10px 0 10px;}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{border: 1px solid #bcc1c2;height: 34px;line-height: 34px;padding: 0 10px 0 10px;}

.header
.header_d .header_box .header_box_w{position: relative;height:70px;padding-right:0;max-width:1280px;margin:0 auto;z-index:52;}


container
.container_w{position: relative;max-width:1280px;width:100%;min-width:320px; margin:0 auto;background: transparent;}

.leftHeader{display: block;transition:all 0.5s ease;}

.leftHeader{position: absolute;left: 0;top:0; width: 230px;z-index: 40;background: #fff; overflow: hidden; height: 100%;}
.leftHeader .h2Box{display:table; width: 100%;background: #fff;padding-left:0;padding-top:0;height: 160px; }
.leftHeader .h2Box p{display: none;}
.leftHeader .h2Box h2{display:table-cell; vertical-align:middle; height: 124px;padding:0 10px; text-align: center; font-weight: 600; font-size: 26px; color: #d81f25;border:1px solid #ccc;}
.leftHeader .gnbList{background: #fff;padding-bottom: 0;padding-top:0;}


.content{position: relative;clear: both;overflow: hidden;padding: 0 0 60px 40px;min-height: 800px;margin-left: 230px;background: #fff;transition:all 0.5s ease;}


.h3Box{padding-top:0;padding-bottom:0;border:1px solid red;clear: both;overflow: hidden;}
.h3Box h3{padding-top:0;float:left; text-align: left;font-weight:700;font-size: 36px;color:#000000;}
.navigation{float:right}
.navigation li.first{width:13px;height:12px;margin-left:0;margin-right:12px;text-indent: -9999em;background:url('images/design_common/ic_home.png') no-repeat center center;}
.navigation li{display: inline-block;float:left;padding-left:15px;font-size:14px;color:#636363;margin-right:12px;background:url('images/design_common/ic_gt.png') no-repeat left center;}
.navigation:after{clear:both;overflow:hidden;}
.navigation li.last{margin-right:0;}



footer
footer{width:100%;}
.footer_wrap{position: relative; max-width:1280px;margin:0 auto;padding:30px 0 80px 20px;}





Skip
#skipnavigation{z-index:9999;position:absolute;left:0;top:0;width:100%;text-align:center}
#skipnavigation *{list-style:none;margin:0;padding:0;}
#skipnavigation a{display:block;width:100%;height:0;overflow:hidden;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{display:block;width:100%;height:36px;color:#fff;background:#000;line-height:36px;text-decoration:underline !important;font-size:14px;}
 */
/* margin */
.ml0 {margin-left:0px !important;}.ml1 {margin-left:1px !important;}.ml2 {margin-left:2px !important;}.ml3 {margin-left:3px !important;}.ml4 {margin-left:4px !important;}.ml5 {margin-left:5px !important;}.ml10 {margin-left:10px !important;}.ml15 {margin-left:15px !important;}.ml20 {margin-left:20px !important;}.ml25 {margin-left:25px !important;}.ml30 {margin-left:30px !important;}.ml35 {margin-left:35px !important;}.ml40 {margin-left:40px !important;}.ml45 {margin-left:45px !important;}.ml50 {margin-left:50px !important;}.ml60 {margin-left:60px !important;}.ml70 {margin-left:70px !important;}.ml80 {margin-left:80px !important;}.ml90 {margin-left:90px !important;}.ml100 {margin-left:100px !important;}.ml150 {margin-left:150px !important;}.ml200 {margin-left:200px !important;}
.mr0 {margin-right:0px !important;}.mr1 {margin-right:1px !important;}.mr2 {margin-right:2px !important;}.mr3 {margin-right:3px !important;}.mr4 {margin-right:4px !important;}.mr5 {margin-right:5px !important;}.mr10 {margin-right:10px !important;}.mr15 {margin-right:15px !important;}.mr20 {margin-right:20px !important;}.mr25 {margin-right:25px !important;}.mr30 {margin-right:30px !important;}.mr35 {margin-right:35px !important;}.mr40 {margin-right:40px !important;}.mr45 {margin-right:45px !important;}.mr50 {margin-right:50px !important;}.mr60 {margin-right:60px !important;}.mr70 {margin-right:70px !important;}.mr80 {margin-right:80px !important;}.mr90 {margin-right:90px !important;}.mr100 {margin-right:100px !important;}.mr150 {margin-right:150px !important;}.mr200 {margin-right:200px !important;}
.mt0 {margin-top:0px !important;}.mt1 {margin-top:1px !important;}.mt2 {margin-top:2px !important;}.mt3 {margin-top:3px !important;}.mt4 {margin-top:4px !important;}.mt5 {margin-top:5px !important;}.mt10 {margin-top:10px !important;}.mt15 {margin-top:15px !important;}.mt20 {margin-top:20px !important;}.mt25 {margin-top:25px !important;}.mt30 {margin-top:30px !important;}.mt35 {margin-top:35px !important;}.mt40 {margin-top:40px !important;}.mt45 {margin-top:45px !important;}.mt50 {margin-top:50px !important;}.mt60 {margin-top:60px !important;}.mt70 {margin-top:70px !important;}.mt80 {margin-top:80px !important;}.mt90 {margin-top:90px !important;}.mt100 {margin-top:100px !important;}.mt150 {margin-top:150px !important;}.mt200 {margin-top:200px !important;}
.mb0 {margin-bottom:0px !important;}.mb1 {margin-bottom:1px !important;}.mb2 {margin-bottom:2px !important;}.mb3 {margin-bottom:3px !important;}.mb4 {margin-bottom:4px !important;}.mb5 {margin-bottom:5px !important;}.mb10 {margin-bottom:10px !important;}.mb15 {margin-bottom:15px !important;}.mb20 {margin-bottom:20px !important;}.mb25 {margin-bottom:25px !important;}.mb30 {margin-bottom:30px !important;}.mb35 {margin-bottom:35px !important;}.mb40 {margin-bottom:40px !important;}.mb45 {margin-bottom:45px !important;}.mb50 {margin-bottom:50px !important;}.mb60 {margin-bottom:60px !important;}.mb70 {margin-bottom:70px !important;}.mb80 {margin-bottom:80px !important;}.mb90 {margin-bottom:90px !important;}.mb100 {margin-bottom:100px !important;}.mb150 {margin-bottom:150px !important;}.mb200 {margin-bottom:200px !important;}


/* padding */
.pl0 {padding-left:0px !important;}.pl1 {padding-left:1px !important;}.pl2 {padding-left:2px !important;}.pl3 {padding-left:3px !important;}.pl4 {padding-left:4px !important;}.pl5 {padding-left:5px !important;}.pl10 {padding-left:10px !important;}.pl15 {padding-left:15px !important;}.pl20 {padding-left:20px !important;}.pl25 {padding-left:25px !important;}.pl30 {padding-left:30px !important;}.pl35 {padding-left:35px !important;}.pl40 {padding-left:40px !important;}.pl45 {padding-left:45px !important;}.pl50 {padding-left:50px !important;}.pl60 {padding-left:60px !important;}.pl70 {padding-left:70px !important;}.pl80 {padding-left:80px !important;}.pl90 {padding-left:90px !important;}.pl100 {padding-left:100px !important;}.pl150 {padding-left:150px !important;}.pl200 {padding-left:200px !important;}
.pr0 {padding-right:0px !important;}.pr1 {padding-right:1px !important;}.pr2 {padding-right:2px !important;}.pr3 {padding-right:3px !important;}.pr4 {padding-right:4px !important;}.pr5 {padding-right:5px !important;}.pr10 {padding-right:10px !important;}.pr15 {padding-right:15px !important;}.pr20 {padding-right:20px !important;}.pr25 {padding-right:25px !important;}.pr30 {padding-right:30px !important;}.pr35 {padding-right:35px !important;}.pr40 {padding-right:40px !important;}.pr45 {padding-right:45px !important;}.pr50 {padding-right:50px !important;}.pr60 {padding-right:60px !important;}.pr70 {padding-right:70px !important;}.pr80 {padding-right:80px !important;}.pr90 {padding-right:90px !important;}.pr100 {padding-right:100px !important;}.pr150 {padding-right:150px !important;}.pr200 {padding-right:200px !important;}
.pt0 {padding-top:0px !important;}.pt1 {padding-top:1px !important;}.pt2 {padding-top:2px !important;}.pt3 {padding-top:3px !important;}.pt4 {padding-top:4px !important;}.pt5 {padding-top:5px !important;}.pt10 {padding-top:10px !important;}.pt15 {padding-top:15px !important;}.pt20 {padding-top:20px !important;}.pt25 {padding-top:25px !important;}.pt30 {padding-top:30px !important;}.pt35 {padding-top:35px !important;}.pt40 {padding-top:40px !important;}.pt45 {padding-top:45px !important;}.pt50 {padding-top:50px !important;}.pt60 {padding-top:60px !important;}.pt70 {padding-top:70px !important;}.pt80 {padding-top:80px !important;}.pt90 {padding-top:90px !important;}.pt100 {padding-top:100px !important;}.pt150 {padding-top:150px !important;}.pt200 {padding-top:200px !important;}
.pb0 {padding-bottom:0px !important;}.pb1 {padding-bottom:1px !important;}.pb2 {padding-bottom:2px !important;}.pb3 {padding-bottom:3px !important;}.pb4 {padding-bottom:4px !important;}.pb5 {padding-bottom:5px !important;}.pb10 {padding-bottom:10px !important;}.pb15 {padding-bottom:15px !important;}.pb20 {padding-bottom:20px !important;}.pb25 {padding-bottom:25px !important;}.pb30 {padding-bottom:30px !important;}.pb35 {padding-bottom:35px !important;}.pb40 {padding-bottom:40px !important;}.pb45 {padding-bottom:45px !important;}.pb50 {padding-bottom:50px !important;}.pb60 {padding-bottom:60px !important;}.pb70 {padding-bottom:70px !important;}.pb80 {padding-bottom:80px !important;}.pb90 {padding-bottom:90px !important;}.pb100 {padding-bottom:100px !important;}.pb150 {padding-bottom:150px !important;}.pb200 {padding-bottom:200px !important;}

/* width */
.wid40{width:40px;}
.wid50{width:50px;}
.wid60{width:60px;}
.wid80{width:80px;}
.wid100{width:100px;}
.wid110{width:110px;}
.wid120{width:120px;}
.wid140{width:140px;}
.wid150{width:150px;}
.wid160{width:160px;}
.wid180{width:180px;}
.wid200{width:200px;}
.wid275{width:275px;}
.wid300{width:300px;}
.wid400{width:400px;}
.wid500{width:500px;}
.wid600{width:600px;}
.wid700{width:700px;}
.wid800{width:800px;}

.wid5p{width:5%;}
.wid10p{width:10%;}.wid15p{width:15%;}
.wid20p{width:20%;}.wid25p{width:25%;}
.wid30p{width:30%;}.wid30p{width:30%;}
.wid40p{width:40%;}.wid45p{width:45%;}
.wid50p{width:50%;}.wid55p{width:55%;}
.wid60p{width:60%;}.wid65p{width:65%;}
.wid70p{width:70%;}.wid75p{width:75%;}
.wid80p{width:80%;}.wid85p{width:85%;}
.wid90p{width:90%;}.wid95p{width:95%;}
.wid100p{width:100%;}

.swid50{min-width:50px}
.swid80{min-width:80px}
.swid100{min-width:100px}
.swid120{min-width:120px}
.swid140{min-width:139px}
.swid150{min-width:150px}
.swid200{min-width:200px}
.swid300{min-width:300px}
.swid400{min-width:400px}
.swid500{min-width:500px}
.swid600{min-width:600px}
.swid700{min-width:700px}
.swid800{min-width:800px}

.swid10p{min-width:10%}
.swid20p{min-width:20%}
.swid30p{min-width:30%}
.swid40p{min-width:40%}
.swid50p{min-width:50%}
.swid60p{min-width:60%}
.swid70p{min-width:70%}
.swid80p{min-width:80%}
.swid90p{min-width:90%}
.swid100p{min-width:100%}
.swid15p{min-width:15%}
.swid25p{min-width:25%}
.swid35p{min-width:35%}
.swid45p{min-width:45%}
.swid55p{min-width:55%}
.swid65p{min-width:65%}
.swid75p{min-width:75%}
.swid85p{min-width:85%}
.swid95p{min-width:95%}

/* 정렬 */
.f_clear{clear: both;overflow: hidden;}
.f_left{float: left;}
.f_right{float: right;}
.t_left{text-align: left !important;}
.t_center{text-align: center !important;}
.t_right{text-align: right !important;}

/* ul 정렬 */
.ul_inblock li{display: inline-block;padding-right:20px;letter-spacing: -0.5px;}
.ul_inblock li.first.last{padding-right:0;}
.ul_block li{display:block;}

/* 색상 */
.col_red{color:#db464d;}
.col_blue{color:#103ea6;}


/* form */
select:disabled, textarea:disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="date"]:disabled, input[type="month"]:disabled, input[type="time"]:disabled, input[type="week"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="url"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="color"]:disabled {background: #f6f6f6;}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {border:1px solid #bcc1c2; height:34px; line-height:34px; padding:0 10px 0 10px;}
input::-webkit-placeholder{color:#cecece;}
input::-moz-placeholder{color:#cecece;opacity:1}
input::-ms-placeholder{color:#cecece;}
input::placeholder{color:#cecece;}
textarea::placeholder{color:#cecece;}
select {height:34px; line-height:34px; padding-left:5px; font-size:13px; border:1px solid #bcc1c2;}
textarea{border:1px solid #bcc1c2;width:100%;min-height:120px;resize: none;line-height:1.2em;margin:0;padding:10px;box-sizing:border-box;}
input[type="radio"]:disabled + label, input[type="checkbox"]:disabled+ label{opacity: 0.5;}
input[type="checkbox"],input[type="radio"]{margin:0;}






/*TEXT*/
h3{font-size: 26px;font-weight: 700;color:#333333;}
h4{font-size: 20px;font-weight: 700;color:#333333;}
h4:BEFORE{	display: inline-block;margin-right:10px; width:3px;height:13px;content: "";background:#d91f26;vertical-align: unset;}
.h4_style{font-size: 20px;font-weight: 700;color:#333333;}
.h4_style:BEFORE{	display: inline-block;margin-right:10px; width:3px;height:13px;content: "";background:#d91f26;vertical-align: unset;}
h5{font-size: 18px;font-weight: 700;color:#333333;}
.h5_style{font-size: 18px;font-weight: 700;color:#333333;}

/* button */
.btn_wrap{text-align: center;clear:both;overflow:hidden;padding-top:30px;}
.btn_wrap a + a{margin-left:20px;}
.btn_wrap .btn01{min-width:80px;}

a.btn01{padding:11px 5px;font-weight:700; display:inline-block;min-width:50px;border-radius:3px; text-align:center;font-size:16px;color: #303030;background: #ffffff;border: 1px solid #868686;opacity:1;}
a.btn01:active{transform:scale(0.95)}
a.btn01:hover{opacity:0.8;}
a.btn01.col01{color:#303030; background:#fff;border:1px solid #868686;}
a.btn01.col02{color: #fff;background:#d81f25; border:1px solid #d81f25;}
a.btn01.col03{color: #fff;background:#afb8c0;border:1px solid #afb8c0; }
a.btn01.col04{color:#fff;background:#848c93; border:1px solid #848c93;}
a.btn01.col05,a.btn01:disabled{color: #999999;background:#e1e1e1;border:1px solid #e1e1e1;cursor: context-menu;transform:none;}
a.btn01.col06{color:#fff;background:#ef8d31; border:1px solid #ef8d31;}
a.btn01.col07{color: #fff;background:#103ea6; border:1px solid #103ea6;}
a.btn01.file_btn{color: #333333;background:#fafafa; border:1px solid #e1e1e1;border-radius:2px;}

.table a.btn02{padding:7px 5px;font-weight:700; display:inline-block;min-width:50px;border-radius:3px; text-align:center;font-size:14px;color: #303030;background: #ffffff;border: 1px solid #868686;opacity:1;}
.table a.btn02:active{transform:scale(0.95)}
.table a.btn02:hover{opacity:0.8;}
.table a.col01{color:#333333; background:#fafafa;border:1px solid #e1e1e1;}
.table a.col02{color: #fff;background:#103ea6; border:1px solid #103ea6;}
.table a.col03{color: #fff;background:#cccccc;border:1px solid #cccccc; }
.table a.col04{color:#fff;background:#d81f25; border:1px solid #d81f25;}
.table a.col05{color:#fff;background:#848c93; border:1px solid #848c93;}
.table a.col06{color:#fff;background:#ef8d31; border:1px solid #ef8d31;}
.table a.col07{color:#103ea6;background:#ffffff; border:1px solid #e1e1e1;}
.table a + a{margin-left:4px;}


.table_top_wrap a.btn01.col04{padding:6px 12px;color:#fff;font-size:14px;letter-spacing:-0.5px; background:#666666;border:1px solid #666666; }

/* tab style */
.tabType01 {width:100%;margin-bottom:30px;padding-bottom:0; overflow: hidden;}
.tabType01 ul{display:block; clear:both;}
.tabType01 ul li {display: table; float:left; text-align:center;box-sizing:border-box;margin-right:8px;}
.tabType01 ul li:LAST-CHILD{margin-right:0;}
.tabType01 ul li a{display:table-cell; margin-left:-2px; height:40px; vertical-align:middle;padding:0 30px; color:#fff; font-size:14px;font-weight:700; border-radius: 20px;background: #afb8c0; transition:all 0.5s ease;}
.tabType01 ul li a:hover,
.tabType01 ul li.on a {background: #d91f26;}

 /* 안내 박스 */
/*.guide_wrap + .tab_wrap{padding-top:30px;}
.guide_wrap{position:relative; border:1px solid #e1e1e1;background: #fff;padding:26px;}
.guide_wrap > ul{clear:both;overflow:hidden;}
.guide_wrap > ul > li{padding-left:34px;padding-top:1px;padding-bottom:13px;font-size:15px;background: url('images/common/ic_guide.png') no-repeat 0 0;line-height:1.4em;}
.guide_wrap >  ul > li:LAST-CHILD{padding-bottom:0;}
.guide_wrap >  ul > li ul{padding-top:5px;}
.guide_wrap >  ul > li ul li{padding-top:5px;padding-left:10px;}
.guide_wrap.bgno{}
.guide_wrap.bgno > ul > li{background: none;padding-left:0;padding-top:0;} */

/* 체크박스공통 */
.check {overflow:hidden;display:inline-block;position:relative;min-height:20px;box-sizing:border-box;cursor:pointer;}
.check input {overflow:hidden;display:none;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
.check .ico {position:absolute;left:0px;top:0;width:20px;height:20px;background:url("images/common/check01.png") no-repeat 0 0;}/* 이미지는 디자인에 맞게 변경 */
.check .txt {display:inline-block;padding-left:30px;font-size:15px;vertical-align: middle;}/* 텍스트는 디자인에 맞게 변경 */
.check input:checked + .ico {background:url("images/common/check01_on.png") no-repeat 0 0;background-size: 20px;}/* 체크됐을때, 이미지변경 */

/* 라디오버튼공통 */
.radio {overflow:hidden;display:inline-block;position:relative;min-height:20px;box-sizing:border-box;cursor:pointer;}
.radio input {overflow:hidden;display:none;width:0px;height:0px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
.radio .ico {position:absolute;left:0;top:0;width:20px;height:20px;background:url("images/common/radio01.png") no-repeat 0 0;}/* 이미지는 디자인에 맞게 변경 */
.radio .txt {display:inline-block;padding-left:30px;font-size:15px;vertical-align: middle;}/* 텍스트는 디자인에 맞게 변경 */
.radio input:checked + .ico {background:url("images/common/radio01_on.png") no-repeat 0 0;background-size: 20px;}/* 체크됐을때, 이미지변경 */

/* 셀렉트박스 */
.select_box01 {	min-width:70px;height:40px;padding:0 20px 0 10px;	border:1px solid #e1e1e1;	background:url('images/common/select_bg.png') right center no-repeat;background-color:#fff;	appearance:none; /* 기본 스타일 없애기 */	-webkit-appearance:none;	-moz-appearance:none;	-o-appearance:none;}
.select_box01 select::-ms-expand {display:none;}/* ie에서 기본 스타일 없애줌 */


/* ul정렬*/
.ul_list{clear: both;overflow: hidden;}
.ul_list li{display:block;float:left;padding-right:10px;}
.ul_list li:LAST-CHILD{padding-right:0;}
.ul_list2{clear: both;overflow: hidden;}
.ul_list2 li{display:block;padding-top:10px;}
.ul_list2 li:FIRST-CHILD{padding-top:0;}

/* 개인정보동의박스 */
.terms_wrap{padding-top:20px;}
.terms_wrap .terms_title{ padding-bottom:20px;color:#333333;font-size:16px;font-weight:700;}
.terms_wrap .terms_box{padding:26px;line-height: 1.4em;border:1px solid #e1e1e1;background:#fafafa; }
.terms_wrap .terms_chk{padding-top:10px;text-align: right;color:#333333;line-height: 1.2em;}

/* 페이징 */
.tab_bottom{padding-top:20px;clear: both;overflow: hidden;}
.tab_bottom p{color:#666666;}
.tab_bottom p span{display: inline-block;color:#333333;font-size:15px;font-weight: 700;line-height: 1;}


.pageList {padding-top:30px;}
.pageList {text-align:center;display: block;transition:all 0.5s ease;}
.pageList li{display: inline-block;margin:0 1px}
.pageList li a{display: block;width:40px;height:40px;font-weight:700; margin:0 0;line-height:40px; font-size:16px; color:#999999;}
.pageList li.on a{ color:#4356b7;}
.pageList li a:hover{color:#4356b7;}
.pageList li.first_btn{margin-right:-2px;}
.pageList li.last_btn{margin-left:-2px;}
.pageList li.first_btn a{width:40px; height:40px;text-indent: -9999em;background:#fff url('images/common/paging01.png') center center no-repeat;vertical-align: top;border:1px solid #ebebeb;}
.pageList li.prev_btn a{width:40px;height:40px;text-indent: -9999em;background:#fff url('images/common/paging02.png') center center no-repeat;vertical-align: top;border:1px solid #ebebeb;}
.pageList li.next_btn a{width:40px;height:40px;text-indent: -9999em;background:#fff url('images/common/paging03.png') center center no-repeat;vertical-align: top;border:1px solid #ebebeb;}
.pageList li.last_btn a{width:40px;height:40px;text-indent: -9999em;background:#fff url('images/common/paging04.png') center center no-repeat;vertical-align: top;border:1px solid #ebebeb;}


.m_btn_wrap{display: none;padding-top:10px;transition:all 0.5s ease;}
.m_btn_wrap .btn01{display:block; width:100%;}



/* 팝업 */
.ui-widget{}

.dialog_wrap{padding:10px;border:1px solid #ccc;}
.popup_bg{overflow:hidden; position:fixed; top:0px; left:0px; bottom:0; right:0; z-index:49; background:#000; opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;}
.ui-widget.ui-widget-content{padding:0;}
.ui-dialog .ui-dialog-titlebar{text-align:left; padding: 16px 30px;background: #d91f26;}
.ui-dialog .ui-dialog-title{font-size:18px;font-weight:700;color:#fff;margin:0;}
.ui-dialog h4{font-size:24px;font-weight:400;margin-top:0;}
.ui-widget-content{color:#333333;}
.ui-dialog .ui-dialog-buttonpane{text-align: center;border:none;margin-top:20px;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:none;min-width:90px;}
.ui-widget .ui-widget{font-size:13px;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{}
.ui-dialog .ui-dialog-buttonpane button{background:#ffffff;font-size:16px; border:1px solid #323942;font-weight:400;color:#37343f;margin:0 0 0 20px;border-radius:3px;}
.ui-dialog .ui-dialog-buttonpane button:first-child{margin-left:0;}
.ui-dialog .ui-dialog-buttonpane button:hover{background:#eef9f2 !important; border:1px solid #4bb980 !important;color:#4bb980;}
.ui-dialog .ui-dialog-buttonpane button.col02{background:#009fd9;color:#fff;border:1px solid #009fd9;}
.ui-dialog .ui-dialog-buttonpane button.col03{background:#8d9caf;color:#fff;border:1px solid #8d9caf;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-radius:0;}
.ui-button.ui-corner-all{display:inline-block;padding:12.5px 5px; text-align:center;line-height:1;color: #fff;background: #ffffff;border: 1px solid #323942;background: ;}
.ui-dialog .ui-dialog-titlebar-close{height:16px;width:16px;min-width:16px;right:20px;top: 17px;background:url('images/common/pop_close.png') no-repeat center center;border:none;}
.ui-dialog .ui-dialog-titlebar-close:hover{}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick{display: none;}
.ui-widget.ui-widget-content{border:none;}
.ui-widget-header{border:none;}
.ui-dialog .ui-dialog-content{padding:30px 30px 5px 30px;}
.ui-widget-overlay{background:#000 !important; opacity:0.8;}
.ui-dialog-buttonset .ui-button{min-width:90px;}
.ui-dialog textarea{min-height:80px;}
.ui-dialog .table_wrap table tbody td .td_box{min-height:80px;}
.ui-dialog .table.t_input .file_input_textbox{width:288px;}
.ui-dialog  .search_form select{min-width:100px;}

.ui-dialog .ui-dialog-buttonpane .di_btn_close{padding:9px 5px 9px;min-width:80px;height: 40px;background:#8190a8; border:1px solid #8190a8;color:#fff;}
.ui-dialog .ui-dialog-buttonpane .di_btn_close span{padding:0;}
.ui-dialog .ui-dialog-buttonpane .di_btn_close:hover{background:#8190a8 !important; border:1px solid #8190a8 !important;color:#fff !important;;opacity: 0.8;}

.ui-dialog .ui-dialog-buttonpane .di_btn_conf {padding:9px 5px 9px;color:#fff;min-width:80px;height: 40px;background:#d91f26; border:1px solid #d91f26;}
.ui-dialog .ui-dialog-buttonpane .di_btn_conf  span{padding:0;}
.ui-dialog .ui-dialog-buttonpane .di_btn_conf:hover {background:#d91f26  !important; border:1px solid #d91f26  !important;color:#fff !important;;opacity: 0.8;}

.ui-dialog .ui-dialog-buttonpane .di_btn_del {padding:9px 5px 9px;color:#ffffff;min-width:80px;height: 40px;background:#ec5a4b; border:1px solid #ec5a4b;}
.ui-dialog .ui-dialog-buttonpane .di_btn_del  span{padding:0;}
.ui-dialog .ui-dialog-buttonpane .di_btn_del:hover {background:#ec5a4b  !important; border:1px solid #ec5a4b  !important;color:#ffffff !important;;opacity: 0.8;}


.ui-dialog .ui-dialog-buttonpane button + button{margin-left:20px;}

/* 검색 박스 */
.search_wrap{}
.search_box{background: #fafafa;border:1px solid #e2e2e2;padding:36px 50px 26px 50px;}
.search_box ul{clear: both;overflow: hidden;}
.search_box ul li{float:left;padding-right:40px;padding-bottom:10px;}
.search_box ul li:nth-last-child(2){padding-right:4px;}
.search_box ul li dl{display: table;}
.search_box ul li dl dt{display: table-cell;font-size:15px;color:#333333;font-weight:700; padding-right:10px; vertical-align: middle;}
.search_box ul li dl dd{}
.search_box a.btn01{vertical-align:middle; padding:11px 5px;font-weight:400;display:inline-block;min-width:50px;border-radius:3px; text-align:center;font-size:15px;color: #303030;background: #ffffff;border: 1px solid #868686;opacity:1;}
.search_box a.btn01 + .btn01{margin-left:10px;}
.search_box a.btn01:active{transform:scale(0.95)}
.search_box a.btn01:hover{opacity:0.8;}
.search_box a.btn01.col02{padding:11.5px 26px; color: #fff;background:#d81f25; border:1px solid #d81f25;}
.search_box a.btn01.col02 span{padding-left:20px; background:url('images/common/btn_search.png') 0 1px no-repeat;}
.search_box a.btn01.col03{padding:9px 5px;color: #fff;background:#afb8c0;border:1px solid #afb8c0;}
.search_box a.btn01.col03 span{display:inline-block;width:20px;height:20px; background:url('images/common/btn_reset.png') 0 center no-repeat;text-indent: -9999em;}
.search_box a.btn01.col04{padding:11.5px 5px;color:#fff;background:#666666;border:1px solid #666666; }
.search_box a.btn01.col09{padding:11.5px 5px;color:#333333;background:#fafafa;border:1px solid #e1e1e1; }
.search_box select{height:40px;}
.search_box input{height:40px;}

/* 테이블 */
.search_wrap + .tab_wrap{padding-top:40px;}
.tab_wrap{}
.tableType01{border-top: 2px solid #666666; width:100%;}
.tableType01.scroll_x{overflow-x:auto; }
.tableType01 table {table-layout: fixed;width:100%;}
.tableType01 table thead th{padding:12px 5px;font-size:15px; font-weight:700;color: #333333;background: #fafafa;text-align: center;}
.tableType01 table td{font-size: 14px;text-align:center; color:#4e4e4e; border-left: none;padding: 19px 5px 19px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.tableType01 table td.title a{color:#103ea6;}
.tableType01 table td.title a{padding-bottom:1px;border-bottom:1px solid #103ea6;}
.tableType01 table td.title a:hover{color:#009fd9 !important;border-bottom:1px solid #009fd9;}

.tableType01 table tbody td .ic_file{display: inline-block;text-indent: -9999em;width:15px;height:16px;background:url('images/design_common/ic_flie.gif') no-repeat 0 center;}
.tableType01 table tbody td .ic_lock{display: inline-block;text-indent: -9999em;width:16px;height:18px;background:url('images/common/ic_lock.png') no-repeat 0 center;margin-left:10px;}
.tableType01 table tbody td .ic_new{display: inline-block;text-indent: -9999em;width:16px;height:18px;background:url('images/common/ic_new.png') no-repeat 0 center;margin-left:10px;}



.tableType02 table {table-layout: fixed;width:100%;}

.tableType03 table {table-layout: fixed;width:100%;}

.tableType04 table {table-layout: fixed;width:100%;}

.tableType04 table tbody tr th{background: }


table .th_wid30{width:160px;}
table .th_wid70{width:*;}


.scrollbar{height:310px;padding:40px;padding-right:10px;background:#E7E9EC;line-height:1.6;box-sizing:border-box}

@media only screen and (max-width:1280px){
	.content{padding: 0 20px 0 20px;
	

	
}


@media only screen and (max-width:1024px){
	.leftHeader{display: none;}
	
	.content{padding: 0 20px 0 20px;min-height: 600px;margin-left: 0;}
	
	/* 검색 박스 */
	.search_box{background: #fafafa;border:1px solid #e2e2e2;padding:20px 20px 10px 20px;}
	
	/* .pageList {display: none;} */
	.m_btn_wrap{display: block;}
	
	table .th_wid30{width:130px;}
	table .th_wid70{width:*;}
	
	
}

@media only screen and (max-width:760px){

	
	
	.search_box ul li{width:100%;padding-right: 0;}	
	.search_box ul li:nth-last-child(2){padding-right:0;}	
	.search_box ul li dl{width:100%;}
	.search_box ul li dl dt{width:35%; display: table-cell;text-align:center;  font-size:15px;color:#333333;font-weight:700; padding-right:10px; vertical-align: middle;}
	.search_box ul li dl dd{width:100%;}
	.search_box ul li dl dd input{width:100%;}	
	.search_box ul li dl dd .select{display:block; width:100%;}
	.search_box ul li dl dd select{width:100%;}
	.search_box ul li .btn01{width:49%;}	
	.search_box a.btn01 + .btn01{margin-left:2%;}
}
@media only screen and (max-width:420px){


}
@media only screen and (max-width:380px){


}
@media only screen and (max-width:360px){

	
}


