@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);*/

* { margin:0; padding:0; }
html, body { width:100%; min-width:1346px; }
body { font-family:"Nanum Gothic"; font-size:100%; word-break:break-all; -ms-word-break:break-all: }
img, fieldset, object { border:0; }
ul, ol { list-style:none; }
em, address, dfn { font-style:normal; }
a { text-decoration:none; color:#000000; }
a:hover, a:active, a:focus { text-decoration:none; }
img { vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; }

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 폼공통 */
input{vertical-align:middle; text-indent:10px;}
input[type="text"] {width:100%; border:1px solid #ddd; padding:0; font-size:14px; height:36px; color:#555;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}
input[type="text"]::-webkit-input-placeholder {color:#a7a7a7;}
input[type="text"]:-input-placeholder {color:#a7a7a7;}
input[type="text"]:-ms-input-placeholder {color:#a7a7a7;}
input[type="text"]::-moz-input-placeholder {color:#a7a7a7;}

input[type="password"] {width:100%; border:1px solid #ddd; padding:0; font-size:14px; height:36px; color:#555;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}
input[type="password"]::-webkit-input-placeholder {color:#a7a7a7;}
input[type="password"]:-input-placeholder {color:#a7a7a7;}
input[type="password"]:-ms-input-placeholder {color:#a7a7a7;}
input[type="password"]::-moz-input-placeholder {color:#a7a7a7;}

input[type="text"] {width:100%; border:1px solid #ddd;}
input[type="text"]::-webkit-input-placeholder {color:#a7a7a7;}
input[type="text"]:-input-placeholder {color:#a7a7a7;}
input[type="text"]:-ms-input-placeholder {color:#a7a7a7;}
input[type="text"]::-moz-input-placeholder {color:#a7a7a7;}

input[type="radio"]{display:none; vertical-align:middle;}

input[type="radio"] + label{
    width: 26px;
    height: 25px;
    background:url(../image/radio_img.png) no-repeat -26px 0;
    display:inline-block;
    padding: 0 0px 0 0px;
	position: relative;
	top:5px;
	margin:0 8px 0 15px;
}

input[type="radio"]:checked + label{
    background:url(../image/radio_img.png) no-repeat 0 0;
    display:inline-block;
    padding: 0 0 0 0px;
}

textarea {width:100%; border:1px solid #ddd;min-height:200px;}
textarea::-webkit-input-placeholder {color:#a7a7a7;}
textarea:-input-placeholder {color:#a7a7a7;}
textarea:-ms-input-placeholder {color:#a7a7a7;}
textarea::-moz-input-placeholder {color:#a7a7a7;}
select {width:100%; height:36px; padding:0 10px; font-size:14px;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; background:#fafafa url('../image/arrow_down.gif') no-repeat 95% 50%; border:1px solid #ddd; vertical-align:middle;color:#555;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}
select::-ms-expand{display: none;}

/*table style*/
table{width:100%;}
table th{font-size:13px; color:#282828; padding:15px 5px; border-bottom:1px solid #eaeaea; background:#e0edf7}
table td{font-size:13px; color:#515151; padding:15px 5px; border-bottom:1px solid #eaeaea; line-height:140%;}
table caption { font-size:12px; color:#666; margin-bottom:5px; text-align:left; }

.table_style1{border-top:2px solid #a6bedd;}
.table_style1 td{border-bottom:1px solid #eaeaea; text-align:center;}
.table_style1 td strong{color:#1f4c92}

.table_style2{width:98%; margin:20px auto; border-top:2px solid #a6bedd;}
.table_style2 th{color:#35649c;}
.table_style2 td{text-align:center;}
.table_style2 td a{display:inline-block; text-align:left;}
.table_style2 td a:hover{color:#000;}
.table_style2 tr:hover{background:#fafafa;}

.table_style3{width:100%; margin:20px auto; border-top:2px solid #a6bedd;}
.table_style3 th{color:#35649c;}
.table_style3 td{text-align:center;}
.table_style3 td a{display:inline-block; text-align:left;}
.table_style3 td a:hover{color:#000;}
.table_style3 tr:hover{background:#fafafa;}

.table_style4{width:98%; margin:20px auto; border-top:2px solid #a6bedd; border-bottom:2px solid #a6bedd;}
.table_style4 th{color:#35649c; border-bottom:1px solid #fff; text-align:left; padding:15px}
.table_style4 td{padding:15px; min-height:66px;}
.table_style4 td a{display:inline-block; text-align:left;}
.table_style4 td a:hover{color:#000;}
.table_style4 tr:hover{background:#fafafa;}
.table_style4 td p{padding:3px 0}

.table_style5{width:100%; margin:20px auto; border-top:2px solid #a6bedd;}
.table_style5 th{color:#35649c;}
.table_style5 td{text-align:center;}
.table_style5 td a{display:inline-block;}
.table_style5 td a:hover{color:#000;}
.table_style5 tr:hover{background:#fafafa;}

.table_style6{width:100%; margin:20px auto; border-top:2px solid #a6bedd;}
.table_style6 th{color:#4164b1; background:#eff4ff; padding:15px 0px; text-align:left; text-indent:15px;}
.table_style6 td{font-size:13px; color:#666; padding:15px 10px;}
.table_style6 caption{text-align:left; position:relative; border-top:3px solid #a6bedd;padding:15px 10px;color:#222; font-size:16px; font-weight:700;}
.table_style6 caption time{position:absolute; top:25px; right:10px; font-size:12px; color:#666}
.table_style6 caption p{font-size:12px; color:#666; font-weight:300; margin-top:5px;}
.table_style6 small { margin-left:10px; }

.view_content dd { display: block; margin-left: 40px; }
.view_content dt { display:block; }
.view_content dd { display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0; }
.view_content h1 { display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold; }
.view_content h2 { display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold; }
.view_content h3 { display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold; }
.view_content h4 { display: block;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold; }
.view_content h5 { display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold; }
.view_content h6 { display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold; }
.view_content hr { display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px; }
.view_content p { display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0; }
.view_content ul { display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px; }
.view_content blockquote { display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px; }

/*게시판 뷰[bbs_view]*/
.view_wrap{margin-top:40px}
.bbs_view{margin-bottom:30px;}
.bbs_view h3{position:relative; border-top:3px solid #a6bedd; border-bottom:1px solid #ddd; padding:15px 10px;color:#222; font-family: 'Nanum Barun Gothic'; font-weight:400; font-size:16px; font-weight:700}
.bbs_view h3 span{position:absolute; right:10px; font-size:12px; color:#666}
.bbs_view > p{border-bottom:1px solid #ddd; font-size:13px; color:#666;}
.bbs_view > p img{vertical-align:middle;}
.bbs_view > p span{display:inline-block; color:#4164b1; width:15%; background:#eff4ff; padding:15px 10px;border-right:10px solid #fff;}
.bbs_view > div{padding:20px; font-size:13px; color:#555; line-height:140%;}

.bbs_page{border-top:1px solid #ddd;margin-bottom:30px;}
.bbs_page ul li{border-bottom:1px solid #ddd; overflow:hidden;}
.bbs_page ul li p{float:left; width:15%; text-align:center; background:#f5f5f5; font-size:13px;padding:15px 10px;}
.bbs_page ul li p + p{width:auto;background:none;}
.bbs_page ul li p a:hover{color:#3383cd}

/*search*/
.search{width:100%; text-align:right; margin-bottom:30px;}
.search select{width:15%; font-size:14px;}
.search input[type="text"]{width:22%; height:36px; margin:0 5px}

/*pagecut*/
.pagecut{position:relative; width:100%; margin:30px 0;}
.pagecut ul{text-align:center;}
.pagecut li{font-size:13px; display:inline-block; /*padding:0 15px;*/ margin:0 5px; }
.pagecut li img{vertical-align:middle;}
.pagecut li strong{color:#222; text-decoration:underline;}
.pagecut li a { display:inline-block; padding:5px 10px; border-radius:15px; }
.pagecut li a.current { color:#fff; background:#5B88E7; }
.pagecut li a:hover{ text-decoration:underline; color:#000; background:#F0F5F7; }

/*btn*/
.btn{text-align:center; overflow:hidden;}
.btn p{float:left;}
.btn p + p{float:right;}

.btn_style1{display:block; width:90px; height:30px; line-height:30px; border:1px solid #ddd; font-size:12px; color:#333; text-align:center; background:#fff;}
.btn_style2{display:block; width:90px; height:30px; line-height:30px; border:1px solid #586373; font-size:12px; color:#fff; text-align:center; background:#808b9c;}
.btn_style1:hover,
.btn_style2:hover{background:#333;color:#fff}
.btn_style3{width:100px; border:0; background:#4164b1; color:#fff; height:36px; font-size:14px;}
.btn_style4{display:inline-block; width:100px; border:0; background:#4164b1; color:#fff; height:36px; line-height:36px; font-size:14px; text-align:center;}
.btn_style4:hover{opacity:0.8;}
.btn_style5{display:inline-block; width:100px; border:0; background:#2fc8bb; color:#fff; height:36px; line-height:36px; font-size:14px; text-align:center;}
.btn_style5:hover{opacity:0.8;}
.btn_style6{display:inline-block; width:100px; border:0; background:#444; color:#fff; height:36px; line-height:36px; font-size:14px; text-align:center;}
.btn_style6:hover{opacity:0.8;}
.btn_style7{display:inline-block; width:50px; padding:5px 5px; border:1px solid #ddd; font-size:11px; color:#555; text-align:center; background:#f5f5f5; border-radius:5px;}
.btn_style8{display:inline-block; width:50px; padding:5px 5px; border:1px solid #ff9422; font-size:11px; color:#fff; text-align:center; background:#ff9422; border-radius:5px;}
.btn_style9{display:inline-block; width:50px; padding:5px 5px; border:1px solid #777; font-size:11px; color:#fff; text-align:center; background:#777; border-radius:5px;}
.btn_style9c{margin-left:10px; display:inline-block; width:100px; padding:5px 5px; border:1px solid #777; font-size:11px; color:#fff; text-align:center; background:#1f4c92; border-radius:5px;}
.btn_style10{display:inline-block; width:50px; padding:5px 5px; border:1px solid #1f4c92; font-size:11px; color:#fff; text-align:center; background:#1f4c92; border-radius:5px;}
.btn_style11{display:inline-block; width:140px; border:0; background:#4164b1; color:#fff; height:36px; line-height:36px; font-size:14px;}
.btn_style11c{display:inline-block; width:140px; border:0; background:#444; color:#fff; height:36px; line-height:36px; font-size:14px;}
.btn_style12{width:100%; border:0; background:#008EC4; color:#fff; height:40px; font-size:14px; display:inline-block; text-align:center; line-height:40px; margin:20px 0 0 0;}
.btn_style12b{display:inline-block; width:40%; padding:5px 5px; border:1px solid #ddd; font-size:11px; color:#333; text-align:center; background:#fff; border-radius:5px; float:left;}
.btn_style13{display:inline-block; width:40%; padding:5px 5px; border:1px solid #777; font-size:11px; color:#fff; text-align:center; background:#777; border-radius:5px; float:right;}
.btn_style14{display:inline-block; margin:15px 15px 0 0; padding:10px 25px 8px; font-size:15px; color:#fff; border:1px solid #337AB7; border-radius:5px; background:#337AB7; text-decoration:none; font-weight:bold;}
.btn_style14:hover{background:#E6E6E6; color:#337AB7;}
.btn_style15{display:inline-block; margin:15px 15px 0 0; padding:10px 25px 8px; font-size:15px; color:#333; border:1px solid #ccc; border-radius:5px; background:#fff; text-decoration:none; font-weight:bold;}
.btn_style15:hover{background:#E6E6E6; }
.btn_style16{display:inline-block; width:100px; border:0; background:#4164b1; color:#fff; height:36px; line-height:36px; font-size:14px; text-align:center;}
.btn_style16:hover{opacity:0.8;}
.btn_style18{display:block; width:90px; height:30px; line-height:30px; border:1px solid #ff9422; font-size:11px; color:#fff; text-align:center; background:#ff9422; border-radius:5px;}
button { cursor:pointer; vertical-align:middle; }
button:hover { opacity:0.8; } 

/*input*/
.input_10 {width:10% !important;}
.input_20 {width:20% !important;}
.input_30 {width:30% !important;}
.input_40 {width:40% !important;}
.input_50 {width:50% !important;}
.input_60 {width:60% !important;}
.input_70 {width:70% !important;}
.input_80 {width:80% !important;}
.input_88 {width:88% !important;}
.input_90 {width:90% !important;}
.input_96 {width:96.5% !important;}
.input_98 {width:98% !important;}
.input_100 {width:100% !important;}

.pw_10 {width:10% !important;}
.pw_20 {width:20% !important;}
.pw_30 {width:30% !important;}
.pw_40 {width:40% !important;}
.pw_50 {width:50% !important;}
.pw_60 {width:60% !important;}
.pw_70 {width:70% !important;}
.pw_80 {width:80% !important;}
.pw_90 {width:90% !important;}
.pw_98 {width:98% !important;}

.select_10 {width:calc(10% + 40px) !important;}
.select_20 {width:20% !important;}
.select_30 {width:30% !important;}
.select_35 {width:35% !important;}
.select_40 {width:40% !important;}
.select_50 {width:50% !important; background:#fafafa url('../image/arrow_down.gif') no-repeat 95% 50%;}
.select_60 {width:60% !important;}
.select_70 {width:70% !important;}
.select_80 {width:80% !important;}
.select_90 {width:90% !important;}
.select_98 {width:98% !important;}

/* no style */
.none {display:none !important;}
.no_mg {margin:0 !important;}
.no_pd {padding:0 !important;}
.no_bold {font-weight:normal !important;}
.no_bg {background:none !important;}

/* margin */
.mt_0 {margin-top:0px !important;}
.mt_5 {margin-top:5px !important;}
.mt_10 {margin-top:10px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_25 {margin-top:25px !important;}
.mt_30 {margin-top:30px !important;}
.mt_35 {margin-top:35px !important;}
.mt_40 {margin-top:40px !important;}
.mt_45 {margin-top:45px !important;}
.mt_50 {margin-top:50px !important;}
.mt_55 {margin-top:55px !important;}
.mt_60 {margin-top:60px !important;}
.mr_0 {margin-right:0px !important;}
.mr_5 {margin-right:5px !important;}
.mr_10 {margin-right:10px !important;}
.mr_15 {margin-right:15px !important;}
.mr_20 {margin-right:20px !important;}
.mr_25 {margin-right:25px !important;}
.mr_30 {margin-right:30px !important;}
.mr_35 {margin-right:35px !important;}
.mr_40 {margin-right:40px !important;}
.mr_45 {margin-right:45px !important;}
.mr_50 {margin-right:50px !important;}
.mr_55 {margin-right:55px !important;}
.mr_60 {margin-right:60px !important;}
.mb_0 {margin-bottom:0px !important;}
.mb_5 {margin-bottom:5px !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_15 {margin-bottom:15px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_25 {margin-bottom:25px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_35 {margin-bottom:35px !important;}
.mb_40 {margin-bottom:40px !important;}
.mb_45 {margin-bottom:45px !important;}
.mb_50 {margin-bottom:50px !important;}
.mb_55 {margin-bottom:55px !important;}
.mb_60 {margin-bottom:60px !important;}
.ml_0 {margin-left:0px !important;}
.ml_5 {margin-left:5px !important;}
.ml_10 {margin-left:10px !important;}
.ml_15 {margin-left:15px !important;}
.ml_20 {margin-left:20px !important;}
.ml_25 {margin-left:25px !important;}
.ml_30 {margin-left:30px !important;}
.ml_35 {margin-left:35px !important;}
.ml_40 {margin-left:40px !important;}
.ml_45 {margin-left:45px !important;}
.ml_50 {margin-left:50px !important;}
.ml_55 {margin-left:55px !important;}
.ml_60 {margin-left:60px !important;}

/* padding */
.pt_0 {padding-top:0px !important;}
.pt_5 {padding-top:5px !important;}
.pt_10 {padding-top:10px !important;}
.pt_15 {padding-top:15px !important;}
.pt_20 {padding-top:20px !important;}
.pt_25 {padding-top:25px !important;}
.pt_30 {padding-top:30px !important;}
.pt_35 {padding-top:35px !important;}
.pt_40 {padding-top:40px !important;}
.pt_45 {padding-top:45px !important;}
.pt_50 {padding-top:50px !important;}
.pt_55 {padding-top:55px !important;}
.pt_60 {padding-top:60px !important;}
.pr_0 {padding-right:0px !important;}
.pr_5 {padding-right:5px !important;}
.pr_10 {padding-right:10px !important;}
.pr_15 {padding-right:15px !important;}
.pr_20 {padding-right:20px !important;}
.pr_25 {padding-right:25px !important;}
.pr_30 {padding-right:30px !important;}
.pr_35 {padding-right:35px !important;}
.pr_40 {padding-right:40px !important;}
.pr_45 {padding-right:45px !important;}
.pr_50 {padding-right:50px !important;}
.pr_55 {padding-right:55px !important;}
.pr_60 {padding-right:60px !important;}
.pb_0 {padding-bottom:0px !important;}
.pb_5 {padding-bottom:5px !important;}
.pb_10 {padding-bottom:10px !important;}
.pb_15 {padding-bottom:15px !important;}
.pb_20 {padding-bottom:20px !important;}
.pb_25 {padding-bottom:25px !important;}
.pb_30 {padding-bottom:30px !important;}
.pb_35 {padding-bottom:35px !important;}
.pb_40 {padding-bottom:40px !important;}
.pb_45 {padding-bottom:45px !important;}
.pb_50 {padding-bottom:50px !important;}
.pb_55 {padding-bottom:55px !important;}
.pb_60 {padding-bottom:60px !important;}
.pl_0 {padding-left:0px !important;}
.pl_5 {padding-left:5px !important;}
.pl_10 {padding-left:10px !important;}
.pl_15 {padding-left:15px !important;}
.pl_20 {padding-left:20px !important;}
.pl_25 {padding-left:25px !important;}
.pl_30 {padding-left:30px !important;}
.pl_35 {padding-left:35px !important;}
.pl_40 {padding-left:40px !important;}
.pl_45 {padding-left:45px !important;}
.pl_50 {padding-left:50px !important;}
.pl_55 {padding-left:55px !important;}
.pl_60 {padding-left:60px !important;}

.textleft { text-align:left !important; }
.textcenter { text-align:center !important; }
.textright { text-align:right !important; }

.fine { color:#9DC581; font-weight:bold; }
.error { color:#F63939; font-weight:bold; }
.warn { color:#FFA801; font-weight:bold; }
.linked { color:#0187C4; font-weight:bold; }

.top_0 { top:0 !important; }
.bottom_0 { bottom:0 !important; }
.left_0 { left:0 !important; }
.right_0 { right:0 !important; }

.red { color:red; }

.w100p { width:100%; }
.maxw100px { max-width:100px; }