@charset "utf-8";

/* ---------------------------------------------------
POINTWEB.co.kr
Base Markup ver1.0 2016-07-01
---------------------------------------------------- */

/* Common */
*{margin:0;padding:0}
html,body {height:100%}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,address,textarea,table, tbody, tfoot, thead, th, td,tr, tt,hr,select,input,span,strong,dl,dt,dd
{color:#363636;font-family: 'Noto Sans KR',sans-serif;font-size:18px;font-weight:400;line-height:1;word-break:keep-all;letter-spacing:0;-webkit-text-size-adjust: 100%;-webkit-box-sizing: border-box; -moz-box-sizing : border-box; box-sizing: border-box;-moz-box-sizing: border-box;}
article, aside, section, summary{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap}
caption{overflow:hidden;width:1px;heigth:1px*height:0;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-999px}
img,fieldset,iframe,table {border:0 none}
ol,ul,li{list-style:none;text-align:left;word-break:keep-all}
img,input,select,button,textarea{vertical-align:middle}
em,address,optgroup{font-style:normal}
label,button{cursor:pointer}
a,a:visited,a:hover,a:focus,a:active{text-decoration:none;color:#636363;cursor:pointer;-webkit-box-sizing: border-box; -moz-box-sizing : border-box; box-sizing: border-box;-moz-box-sizing: border-box}
a:hover {color:#000}
a {transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out}
::selection {background: #998967; /* Safari */color:#fff}
::-moz-selection {background: #6f9a37; /* Firefox */color:#fff}
/*input[type="text"],input[type="password"],textarea{padding:8px 3px 7px 5px; border:1px solid #e1e1e1;font-size:13px !important}*/
select {padding:2px;border:1px solid #dedede}
textarea {width:100%;background:none}
mark {background-color:transparent}
.blind {display:none}

.popins {font-family: 'Poppins', sans-serif;}
/* 건너뛰기 링크 */
#skip_navi {position:absolute;top:0;height:0px;width:100%;z-index:30}
#skip_navi a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center;color:#fff;white-space:nowrap}
#skip_navi a:focus,
#skip_navi a:active {display:block;top:0;width:100%;height:20px;padding:5px 0;background:#0089d6}

/* 로딩 */
.loadingWrap{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:80}
.loadingWrap img {position: absolute;top: 50%;left: 50%;margin-top: -18px;margin-left: -18px}

/*페이지경로*/
.breadcrumb {float:right;text-align:left;margin-top:22px}
.breadcrumb ul {display:table}
.breadcrumb li {float:left;position:relative}
.breadcrumb li:after {content:"\f0da";position:absolute;top:2px;right:0;font-family:FontAwesome;font-size:11px;color:#ccc}
.breadcrumb li:last-child:after {content:""}
.breadcrumb li:last-child a {margin-right:0}
.breadcrumb li a {margin:0 12px;color:#959595;font-size:13px}
.breadcrumb li a:hover, .breadcrumb li a.on {color:#252525}
.nopro {text-align:center;border:1px solid #dedede;border-width:1px 0;padding:40px 0}

/*버튼 */
.ct-btn{display:inline-block;text-align:center;padding:.5em .75em;-webkit-border-radius:20px;border-radius:20px;-moz-box-sizing:content-box;background: transparent;outline:0;vertical-align:middle;font-family:inherit;font-size:14px;text-decoration:none;white-space:nowrap;cursor:pointer;transition:all ease-in-out .2s;-webkit-box-sizing: border-box; -moz-box-sizing : border-box; box-sizing: border-box;-moz-box-sizing: border-box}
.ct-btn.white {color:#fff;border:1px solid #fff;background:#fff}
.ct-btn.black{background-color:#252525;color:#fff;border:1px solid #252525}
.ct-btn.grey{background-color:#464646;color:#fff;padding:.68em 1.8em;border:1px solid #464646}
.ct-btn.red{color:#fff;background-color:#aa060a;border:1px solid #aa060a}
.ct-btn.red2{color:#fff;background-color:#ed0000;border:1px solid #ed0000;padding:.68em 1.8em}
.ct-btn.blue{color:#fff;background-color:#0072bc;border:1px solid #0072bc}
.ct-btn.line {color:#363636;border:1px solid #ccc;background: #fff}

/* 마우스오버 */
.ct-btn.red2:focus, .ct-btn.red2:hover{background:#000;border:1px solid #000}
.ct-btn.line:focus, .ct-btn.line:hover{background:#8ecb4e;color:#fff;border:1px solid #8ecb4e}
.ct-btn.white:focus, .ct-btn.white:hover{background:#aa060a}
.ct-btn.red:focus, .ct-btn.red:hover,
.ct-btn.red2:focus, .ct-btn.red2:hover,
.ct-btn.black:focus, .ct-btn.black:hover,
.ct-btn.blue:focus, .ct-btn.blue:hover,
.ct-btn.grey:focus, .ct-btn.grey:hover{background:#fff;border:1px solid #000;color:#000}
.ct-btn.white:active,.ct-btn.white.active {text-shadow: 0 1px 0px #fff;border-color:#ebebeb;border-top-color:#ddd;	background: #f4f4f4;box-shadow:none}

.bn{display:inline-block;*display:inline;*zoom:1;width:100px;border:1px solid #3b3b3b;background-color:#3b3b3b;color:#fff;line-height:38px;height:40px;font-size:15px;text-align:center;vertical-align:top;text-decoration:none;margin-left:8px}
.bn:hover{background:#000;border:1px solid #000;transition:all ease-in-out .2s}

/*checkbox*/
.chk_box {position:relative;display:inline-block;cursor:pointer}
.chk_box .check {position:relative;-webkit-appearance:none;outline:none;cursor:pointer;appearance:none;
    display:inline-block;width:20px;height:20px;box-sizing:border-box; border:1px solid #d7d7d7; background-color:transparent;
    vertical-align:middle;
    -webkit-transition:background-color 200ms;
    transition:background-color 200ms;
    margin-right:8px}

.chk_box .check:before {content:"";position:absolute;top:3px;left:3px; cursor:pointer; opacity:0;width:10px;height:5px;border:0 solid #ffffff;border-left-width:3px;border-bottom-width:3px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.chk_box .check:checked {background-color:#000;border-color:#000}
.chk_box .check:checked:before {opacity:1}
.chk_box .check:disabled {opacity:0.5}

select:focus, input:focus, button:focus, textarea:focus {outline: none}
select::-ms-expand {display: none}

.action_top {text-align:center;position:fixed;right:160px;top:50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);display:none;font-size:2.000rem;z-index:48888}
.action_top:hover {cursor:pointer;}
.action_top a {color:#85a732;opacity:0.9}
.action_top:hover a {opacity:1}
.action_top a span {display: inline-block;width: 100%;font-size: 16px;color: #434343}