@charset "utf-8";
/*@import url(https://cdn.rawgit.com/kattergil/NotoSerifKR-Web/76eb9ebf/stylesheet/NotoSerif-Web.css);*/
@import url('noto-serif-kr.css');


/*====================================================
        common
====================================================*/
/* css-reset */
html {height:100%;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;font-style:normal;}
body, input, textarea, select, button, table {font-family:'NotoSerifKr-Regular', serif, "Noto Sans KR", '맑은 고딕', 'Malgun Gothic', 돋움, 굴림, Dotum, Gulim, sans-serif; font-size:15px;/*line-height:1.9em;*/}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;word-wrap:break-word;word-break:break-all;margin:0 auto;}
body{-webkit-text-size-adjust:none}
html,body{overflow-x:hidden}
legend, caption{ display:none;}
img, fieldset, iframe{border: 0px}
em, address{font-style: normal;}
h1,h2 {display:none;}

/* common */
body {background:#fff;padding:0;text-align:center;position:relative;margin:0;height:100%;color:#333;font-weight:400;-webkit-font-smoothing: antialiased;}
    
/* select, input */
input{vertical-align:middle}
input[type="text"]{border:1px solid #e3e3e3;font-size:14px;padding:12px 10px;width:90%}
input[type="password"]{border:1px solid #e3e3e3;font-size:14px;padding:12px 10px;}
input[type="text"].max{width:50%}
@media screen and (-webkit-min-device-pixel-ratio:0){
input[type="text"]{padding:10px 10px;}
input[type="password"]{padding:10px 10px;}
}
button{border:0;cursor:pointer;color:#333;vertical-align:middle;margin-top:5px !important}
select{font-size:14px;border:1px solid #e3e3e3;color:#666;vertical-align:middle;margin-right:5px; font-family:'NotoSerifKr-Regular', serif, "Noto Sans KR", '맑은 고딕', 'Malgun Gothic', 돋움, 굴림, Dotum, Gulim, sans-serif;}
textarea{width:98%;margin:0 1%}
a,img,input {
 selector-dummy: expression(this.hideFocus=true)}

/*custom */
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt28{margin-top:28px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt70{margin-top:70px !important}
.mt90{margin-top:90px !important}
.mt100{margin-top:100px !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml40{margin-left:40px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr20{margin-right:20px !important}
.mr30{margin-right:30px !important}
.mr43{margin-right:43px !important}/*180802수정*/
.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb55{margin-bottom:55px !important}

.pt10{padding-top:10px !important}
.pt20{padding-top:20px !important}
.pt30{padding-top:30px !important}
.pt40{padding-top:40px !important}
.pt100{padding-top:100px !important}
.pl20{padding-left:20px !important}
.pl27{padding-left:27px !important}
.pl30{padding-left:30px !important}
.pl50{padding-left:50px !important}
.pl70{padding-left:70px !important}
.pb10{padding-bottom:10px !important}
.pb30{padding-bottom:30px !important}

.tr{text-align:right}

.fr{float:right}
.fl{float:left}
.cl{clear:both}
.vt{vertical-align:top !important}
.vm{vertical-align:middle !important}
.tc{text-align:center}
.tr{text-align:right}
.tl{text-align:left}

.fs14{font-size:14px !important}
.fs16{font-size:16px !important}/*180802수정*/
.fs18{font-size:18px !important}
.fs20{font-size:20px !important}
.fs24{font-size:24px !important}
.fs28{font-size:28px !important}
.fs36{font-size:36px !important}
.fb {font-weight:600;}
.fn {font-weight:500;}

/* 기본link */
a{color:#222; text-decoration:none;outline:none;}
a:hover{outline:none; color:#3c93d7;}
/* 폰트스타일 */
.black {color:#222 !important}
.gray01 {color:#666 !important}
.gray02 {color:#7c7c7c !important}
.blue {color:#3c93d7 !important}
.brown {color:#3d2f2b !important}
.red {color:#e52929 !important}
.white {color:#fff !important}
.psblue {background:#92c9f4 !important}

/*버튼 스타일*/
.btn_lg{width:400px;height:50px;background:#3c93d7;color:#fff;font-size:18px;padding-top:8px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.btn_lg{padding-top:0;}}
.btn {width:140px;height:50px;color:#222;background:#fff;border:1px solid #333;padding-top:8px}
.btn2 {width:140px;height:50px;color:#fff;background:#363636;padding-top:8px;}
.btn3 {width:140px;height:45px;color:#333;background:#e3e3e3;font-weight:400;padding-top:8px;}
.btn3 a{width:140px;height:33px;color:#333;background:#e3e3e3;font-weight:400;display:inline-block;padding-top:14px;text-align:center;}
.btn4 {width:140px;height:50px;color:#fff;background:#3c93d7;font-weight:400;padding-top:8px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.btn {padding-top:0;}
.btn2{padding-top:0;}
.btn3 a{padding-top:12px;height:38px;}
.btn4{padding-top:0;}}

/*테이블 스타일*/
.table01{border-top:1px solid #333;border-bottom:1px solid #e3e3e3;color:#222;width:100%;}
.table01 th{background:#f3f3f3;font-weight:400;color:#222;padding:15px 20px;vertical-align:middle;}
.table01 td{padding:15px 20px;border-bottom:1px solid #e3e3e3;color:#222;font-weight:400;vertical-align:middle;}
.table02{border-top:1px solid #333;border-bottom:1px solid #e3e3e3;color:#666;width:100%;}
.table02 th{background:#f3f3f3;font-weight:400;color:#222;padding:15px 20px;vertical-align:middle;}
.table02 td{padding:25px 20px;border-bottom:1px solid #e3e3e3;color:#666;vertical-align:middle;}
.table03{border-top:1px solid #333;border-bottom:1px solid #e3e3e3;color:#222;width:100%;}
.table03 th{background:#f3f3f3;font-size:16px;font-weight:400;color:#222;padding:15px 20px;vertical-align:middle;border-right:1px solid #e3e3e3;}
.table03 td{padding:15px 20px;border-bottom:1px solid #e3e3e3;color:#333;font-weight:400;vertical-align:middle;border-right:1px solid #e3e3e3;}
.border_none{border-right:none!important;}

/*레이어팝업*/
#layer_pop{position:absolute;top:50%;left:50%;margin-left:-412px;z-index:99999px;padding-bottom:50px;background:#fff;margin-top:-150px;border:1px solid #222;}/*20180309수정*/
#layer_pop .layer_pop_title{background:#222;padding:20px 20px 35px;}
#layer_pop p{text-align:left;color:#fff;float:left;}
#layer_pop span.close{color:#fff;text-align:right;float:right;background:url("../images/common/close.png") no-repeat;width:16px;height:auto;}
.close a{color:#fff;font-size:24px;opacity:0;}
.layer_pop_ct{width:825px;height:auto;margin:0 auto;}/*20180309수정*/
.layer_pop_ct table{width:92%}/*20180309수정*/


/*====================================================
        layout
====================================================*/

#wrap {width:100%;margin:0 auto; overflow:hidden;}