/* skip navigation */
#skipNavi{position:fixed;top:-1px;left:0;width:100%;height:auto;text-align:center;z-index:9999;}
#skipNavi a{display:block;position:absolute;top:-30px;width:100%;height:1px;line-height:1px;background:#000;color:#fff;text-align:center;}
#skipNavi a:focus{top:0px;height:30px;line-height:30px;z-index:9999;}

/* hidding */
.tts, legend, caption{position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}

.text_c{text-align: center !important}
.text_r{text-align: right !important}
.text_l{text-align: left !important}

.float_r{float: right; text-align: right}
.float_l{float: left; text-align: left}

.orange{color:#e96e00 !important; font-weight:600}
.bule{color:#005bac !important; font-weight:600}
.purple{color:#5d6add !important; font-weight:600}
.red{color:#c72d2d !important;}
/* common */
.common_layer{width:1080px; margin:0 auto;  position: relative;}

.show { visibility: visible !important        }    

/* header */
.head_top{background: #0095bd;  text-align: right; }
.head_top li{display:  block; position: relative;height: 25px;float:left }
.head_top ul{display:inline-block}
.head_top ul::after{content: ""; display:block; clear: both;}
.head_top li:nth-child(n+2)::before{content: ""; display: inline-block; width: 1px; height:11px ; background-color: #53b1ce; margin: 0 10px; }
.head_top a{color:#ddecf3 ; font-size: 13px; display:inline-block;  padding-top:5px;}
.head_top li:nth-last-child(3){padding-right:20px;}
.head_top li:nth-last-child(-n+2){background: #007d9e;  padding:0 10px; text-align:center;}
.head_top li:nth-last-child(2)::before{ background-color: #007d9e;}

.head_mid{height:80px;}
.head_mid .login{width:233px; height:75px;position:absolute; right:0; top:0; padding-top:7px;}
.head_mid .login input{width:140px; display:block; margin-bottom:5px;}
.head_mid .login button{position:absolute; top:7px; right:0; width:85px; height:65px; } 
.head_mid marquee{height:26px;border-bottom:1px solid #ddd;position:absolute;top:40px;left:280px;background: #001c58;color:#fff; font-size:15px; font-weight:400; padding:3px 5px ; border-radius:5px; width:500px;}
.head_mid marquee [color="red"]{color:#ffff00 !important;}
.head_mid marquee [color="blue"]{color:#43e9ff !important;}


.login_info{padding-top:35px;line-height:22px;}
.login_info span{color:#0074bd; font-weight:600; }

.gnb_wrap{background:#0074bd; z-index:100; position:relative; z-index: 10000;}
.gnb_wrap::before{content: ""; display: none; width:100%; height:170px; background:#fff; position:fixed; left:0; top:165px; border-bottom:1px solid #ddd;  }
.gnb_wrap.on::before{display:block}

#gnb a{color:#fff; }
#gnb {display:table; width:100%; table-layout: fixed;}
#gnb > li{display:table-cell;text-align:center; position:relative}
#gnb > li > a{font-size:18px; font-weight:600; height:50px; line-height:50px; display:block}
#gnb > li > a:hover{color: rgb(255, 238, 0);}
#gnb > li ul{position:absolute; left:0; top:50px;display:none; padding-top:20px;}
#gnb > li ul li{margin-bottom:15px; text-align:center; width:187px;}
#gnb > li ul a{color:#222; cursor:pointer;font-size:15px;}
#gnb > li ul a:hover{color:#007d9e;}

.quick{width:70px; background:#0095bd; position:absolute; right:0; top:0px; color:#cceaf2;   z-index: 100;}
.quick li{text-align:center;    padding-bottom:10px;font-weight:600; letter-spacing:-0.04em; /*font-family: "Dotum", sans-serif;*/font-size:12px; }
.quick li a::before{content:""; display:block; width:50px; height:35px; background:url("/n_include/img/main_icon.png") no-repeat; margin:5px auto ; }
.quick li:nth-child(-n+4){border-bottom:1px solid #4db5d1;}
.quick li:last-child{background:#007d9e; font-size:16px; padding-top:10px;    font-family: "Noto Sans KR", sans-serif;}
.quick li:last-child a::before{display:none}
.quick li:nth-child(2) a::before{background-position:-50px 0}
.quick li:nth-child(3) a::before{background-position:-100px 0}
.quick li:nth-child(4) a::before{background-position:-150px 0}
.quick li:nth-child(5) a::before{background-position:-200px 0}

main .common_layer > div{margin-top:20px; width:1000px;position:relative; clear:both}

main .search_wrap{border:5px solid #eee; vertical-align:middle; padding:10px; }
main .search_wrap h2{font-size:16px; display:inline-block; margin: 0 20px; }
main .search_wrap button{width:80px;}
 

main h2{font-weight:600;} 

.main_mu1{height:50px; z-index:10;}
.main_mu1::after{content:""; display:block; clear:both}
.main_mu1 > div{border:1px solid #ddd; height:50px; display:inline-block;width:670px; float:left; padding:15px}
.main_mu1 iframe{overflow: hidden; width:500px; height:40px;}

.main_mu1 > div:nth-child(2){width:320px; float:right;padding:0px}
.main_mu1 h2{font-size:16px;color:#ff4800; font-weight:400; padding:15px; position:relative}
.main_mu1 h2::after{content:""; display:block;position:absolute; top:22px; right:20px; width:12px; height:8px; background: url("/n_include/img/icon_component.png") no-repeat -80px -70px }

#vendor_wrap{width:100%; border:1px solid #aaa; position:relative; top:2px; background:#fff; display:none }
#vendor_wrap li{padding:10px 15px; line-height:22px; background: #f7f7f7;}
 #vendor_wrap li:first-child{background:#ff4800 ; color: #fff;   text-align: center;font-weight: 400;padding:10px 0px;}
#vendor_wrap li:first-child span{  color: #fff;} 
#vendor_wrap li strong{font-weight: 600; color: #000;}
#vendor_wrap li span{color:#007d9e; font-weight: 400;}
#vendor_wrap li a{display: block;}
#vendor_wrap li:nth-child(n+2){border-top:1px dotted #bbb;}
#vendor_btn{cursor:pointer}  
  
.main_mu2 h2{color:#e30025; font-size:32px; line-height:50px; }
.main_mu2 > p{position:absolute; left:170px; top:20px;}
.main_mu2 ul{display:table; width:100%; table-layout: fixed;}
.main_mu2 ul li{display:table-cell; }
.main_mu2 ul li:nth-child(n+2){padding-left:5px;}
.main_mu2 ul li:nth-child(-n+2){padding-right:5px;}
.main_mu2 ul li a{display:block; border:5px solid #eee; padding:15px 0; text-align:center; font-size:14px; line-height:20px;}
.main_mu2 ul li a strong{display:block; font-size:16px; color:#000;line-height:24px; }
.main_mu2 ul li a strong:nth-child(2){font-size:18px;color:#0074bd;}
.main_mu2 ul li a strong span{font-size:14px;}
.main_mu2 ul li a::before{content:""; display:block; width:200px; height:80px; background:url("/n_include/img/main_photo_2025.jpg") no-repeat -5px 0px  }

.main_mu2 ul li.no1 a::before{background-position: 0 0}
.main_mu2 ul li.no2 a::before{background-position: -266px 0}
.main_mu2 ul li.no3 a::before{background-position: -508px 0}
.main_mu2 ul li.no4 a::before{background-position: -770px 0}

/*
.main_mu2 ul li.no1 a::before{background-position: 0 0}
.main_mu2 ul li.no2 a::before{background-position: -346px 0}
.main_mu2 ul li.no3 a::before{background-position: -686px 0}
*/

.main_mu3 h2{color:#0074bd; font-size:28px; line-height:50px; }
.main_mu3 h3{text-align:center;  background:url("/n_include/img/patten1.png"); height:25px; line-height:25px; }
.main_mu3 h3 span{background:#fff; display:inline-block; padding:0 15px;}

.main_mu3 ul{display:block; width:100%; margin:20px 0;  }
.main_mu3 ul::after{content:""; display:block; clear:both}
.main_mu3 ul li{display:block;float:left; width:25%; padding:0 5px; margin-bottom:10px; }
.main_mu3 ul li a{display:block; border:5px solid #eee; padding:15px 0; text-align:center; font-size:14px; line-height:20px;}
.main_mu3 ul li a strong{display:block; font-size:16px; color:#000;line-height:24px; }
.main_mu3 ul li a strong:nth-child(2){font-size:18px;color:#ff6600;}
.main_mu3 ul li a strong span{font-size:14px;}
.main_mu3 ul li a::before{content:""; display:block; width:200px; height:80px; background:url("/n_include/img/main_photo_2025.jpg") no-repeat -5px 0px  }

.main_mu3 ul.server li{width:33.33%;}
.main_mu3 ul.server li:nth-child(3n+1){padding-left:0px;}
.main_mu3 ul.server li:nth-child(3n+3){padding-right:0px;}
.main_mu3 ul.server li a{min-height: 150px;  text-align: left;letter-spacing:-0.04em  } 
.main_mu3 ul.server li a::before{ width:120px; height:100px;float: left; margin:0 10px;  }

.main_mu3 ul.server li.no1 a::before{background-position: -5px -80px}
.main_mu3 ul.server li.no2 a::before{background-position: -346px -80px}
.main_mu3 ul.server li.no3 a::before{background-position: -686px -80px} 
.main_mu3 ul.server li.no4 a::before{background-position: -5px -223px}
.main_mu3 ul.server li.no5 a::before{background-position: -346px -223px}
.main_mu3 ul.server li.no6 a::before{background-position: -686px -223px}  
.main_mu3 ul.server li.no7 a::before{background-position: -5px -365px}
.main_mu3 ul.server li.no8 a::before{background-position: -346px -365px}
.main_mu3 ul.server li.no9 a::before{background-position: -686px -365px}  
.main_mu3 ul.server li.no10 a::before{background-position: -5px -505px}
.main_mu3 ul.server li.no11 a::before{background-position: -346px -505px}
.main_mu3 ul.server li.no12 a::before{background-position: -686px -505px}

.main_mu3 ul.parts li a{padding-top: 0;} 
.main_mu3 ul.parts li:nth-child(4n+1){padding-left:0px;}
.main_mu3 ul.parts li:nth-child(4n+4){padding-right:0px;}
.main_mu3 ul.parts li a strong:nth-child(2){font-size:18px;color:#0074bd;}
.main_mu3 ul.parts li a::before{ width:225; height:100px;}

.main_mu3 ul.parts li.no1 a::before{background-position: -5px -617px}
.main_mu3 ul.parts li.no2 a::before{background-position: -261px -617px}
.main_mu3 ul.parts li.no3 a::before{background-position: -516px -617px} 
.main_mu3 ul.parts li.no4 a::before{background-position: -771px -617px}
.main_mu3 ul.parts li.no5 a::before{background-position: -5px -837px}
.main_mu3 ul.parts li.no6 a::before{background-position: -261px -837px}  
.main_mu3 ul.parts li.no7 a::before{background-position: -516px -837px}
.main_mu3 ul.parts li.no8 a::before{background-position: -771px -837px}


.main_mu4{margin-bottom: 50px;;}
.main_mu4 h2{ font-size:24px;line-height: 50px;  }
.main_mu4 h2 + a{position:absolute; right:0; top:20px;}
.main_mu4 .silde > div{padding:0 5px}
.main_mu4 .silde > div:nth-child(3n+1){padding-left:0px;}
.main_mu4 .silde > div:nth-child(3n+3){padding-right:0px;}
.main_mu4 .silde > div a{display:block; border:5px solid #eee; padding:15px 0; text-align:center;text-align:center; color:#000; font-weight:600;}
.main_mu4 .silde > div img{display:block;margin:0 auto 15px;}

a.bx-prev, a.bx-next{width:50px; height:60px; background:url("/n_include/img/main_icon.png")no-repeat -600px -60px; display: block; position:absolute; top:50%; transform:translateX(-50%)}
a.bx-next{background-position:-650px -60px;right:-80px}
a.bx-prev{left:-30px}


.main_mu5 ul{display: table; width:100%;table-layout: fixed;}
.main_mu5 ul li{display: table-cell; text-align:center; font-size:16px; color:#000; font-weight:600; position:relative}
.main_mu5 ul li:nth-child(n+2)::after{content:""; display:block; width:1px; height:100px; background:#ddd; position:absolute; left:0; top:0 }
.main_mu5 ul li a{display: block;}
.main_mu5 ul li a::before{ content:""; display:block; width:100px; height:90px;background:url("/n_include/img/main_icon.png") no-repeat 0px -40px; margin:0 auto 10px}
.main_mu5 ul li.mu01 a::before{background-position: 0px -40px}
.main_mu5 ul li.mu02 a::before{background-position: -100px -40px}
.main_mu5 ul li.mu03 a::before{background-position: -200px -40px}
.main_mu5 ul li.mu04 a::before{background-position: -300px -40px}
.main_mu5 ul li.mu05 a::before{background-position: -400px -40px}
.main_mu5 ul li.mu06 a::before{background-position: -500px -40px}


.main_mu6::after{content:""; display:block;clear:both}
.main_mu6 > div{background-color:#f7f7f7; height:250px; padding:40px 30px; position:relative}
.main_mu6 > div:nth-child(1){width:440px;height:250px;float:left}
.main_mu6 > div:nth-child(2){width:540px;float:right; background:url("/n_include/img/main_img.jpg") no-repeat top right #f7f7f7 }

.main_mu6 .more{position:absolute; top:42px; right:30px }
.main_mu6 ul.title{ border-bottom:1px solid #ccc; padding-bottom:20px}
.main_mu6 ul.title li{display:inline-block; width:100px; color:#666} 
.main_mu6 ul.title li.on{color:#000; font-size:20px; font-weight: 600;}

.main_mu6 ul.list{margin-top:20px;}
.main_mu6 ul.list li{margin-bottom:18px;}
.main_mu6 ul.list li::before{content:"-"; display:inline-block; margin-right:5px; }

.main_mu6 {margin-top:50px !important;}
.main_mu6 > div:nth-child(2) h2{font-size:20px; color:#000; display:inline-block;border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:30px;}
.main_mu6 > div:nth-child(2) ul li{margin-bottom:25px;}
.main_mu6 > div:nth-child(2) ul li span{font-size:24px; color:#ff6600; font-weight:600; display:inline-block; margin-left:10px;}
.main_mu6 > div:nth-child(2) ul li:nth-child(2) span{  color:#0075c0}
.main_mu6 > div:nth-child(2) ul li:nth-child(3) span{font-size:18px; color:#000}


footer .banner{border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin:35px 0 25px; }
footer .banner ul{display: table; width:100%;table-layout: fixed;}
footer .banner ul li{display: table-cell; text-align:center; border-right:1px solid #ddd}
footer .banner ul li:nth-child(1){border-left:1px solid #ddd}
footer .banner ul li a::after{ content:""; display:block; width:100px; height:40px;background:url("/n_include/img/main_icon.png") no-repeat 0px -132px; margin:0 auto 10px}
footer .banner ul li:nth-child(2) a::after{background-position: -100px -132px}
footer .banner ul li:nth-child(3) a::after{background-position: -200px -133px} 
footer .banner ul li:nth-child(4) a::after{background-position: -300px -134px}
footer .banner ul li:nth-child(5) a::after{background-position: -400px -135px}
footer .banner ul li:nth-child(6) a::after{background-position: -500px -133px}  
footer .banner ul li:nth-child(7) a::after{background-position: -600px -135px}
footer .banner ul li:nth-child(8) a::after{background-position: -700px -132px; height:50px; margin-bottom:0}
 

footer{padding-bottom: 20px;;}
footer ul.link{margin-bottom:15px; font-weight:600}
footer ul.link li{display:inline-block; padding:0 20px;}
footer ul.link li:nth-child(n+2){border-left:1px solid #ccc}
footer ul.link li:nth-child(1){padding-left:0}
footer ul.link li:nth-child(3){color:#ff6600;}
footer p{line-height:26px;}
footer p span.bar{width:1px; height:10px; display:inline-block; margin:0 5px; background:#aaa}


.contants {  padding :20px 0 50px;/*font-family: "Dotum", sans-serif;*/ min-height:700px;	font-size:14px;}
.contants::after{content:""; display:block; clear:both}
.contants .common_layer > div{ width:985px;position:relative; clear:both}



#laft_mu {width: 190px; float: left; }
#laft_mu > div{display: none; }
#laft_mu h2{background:#007d9e; color:#fff; height:60px; text-align:center;vertical-align:middle; display:table-cell; width:200px; font-weight:600;     font-family: "Noto Sans KR", sans-serif;}
#laft_mu > div > ul{border: 1px solid #ddd;}
#laft_mu > div > ul > li:nth-child(n+2){border-top: 1px solid #ddd;  }
#laft_mu > div > ul > li > a{ line-height:40px;padding-left:20px;display:block;font-size:15px;   }
#laft_mu > div ul ul{background:#f7f7f7;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; display:none }
#laft_mu > div ul li:hover ul{display:block}
#laft_mu > div > ul > li:hover > a{background:#0074bd; color:#fff;}
#laft_mu > div ul:last-child ul{border-bottom: 0;}
#laft_mu > div ul ul a{padding-left:25px; display:block; height:25px; line-height:25px;text-transform:uppercase ;font-size:13px; }
#laft_mu > div ul ul a::before{content:"-"; display:inline-block; margin-right:10px;}
#laft_mu > div ul ul li:hover{color:#000; font-weight:600}

#laft_mu #vendor_btn{ color:#ff4800; font-weight:600; padding:10px; position:relative;border:1px solid #ddd; margin-top: 20px; }
#laft_mu #vendor_btn::after{content:""; display:block;position:absolute; top:15px; right:10px; width:12px; height:8px; background: url("/n_include/img/icon_component.png") no-repeat -80px -70px }
#laft_mu #vendor_wrap{top:55px; position:absolute; z-index:100}
#laft_mu #vendor_wrap li:nth-child(n+2){background: #fff;} 

#laft_mu .banner{margin-top:20px;}
#laft_mu .banner li{position:relative; border-bottom:1px dotted #aaa; padding:10px 10px 10px 50px; }
#laft_mu .banner li a::before{ content:""; display:block; width:100px; height:90px;background:url("/n_include/img/main_icon.png") no-repeat 0px -40px; margin:0 auto 10px; transform:scale(0.4); position:absolute; top:-27px; left:-27px}
#laft_mu .banner li:nth-child(2) a::before{background-position: -100px -40px}
#laft_mu .banner li:nth-child(3) a::before{background-position: -200px -40px}
#laft_mu .banner li:nth-child(4) a::before{background-position: -300px -40px}
#laft_mu .banner li:nth-child(5) a::before{background-position: -400px -40px}
#laft_mu .banner li:nth-child(6) a::before{background-position: -500px -40px}

#laft_mu .tel{background:#f7f7f7; margin-top:30px; display:block;padding:10px; border:1px solid #ddd }
#laft_mu .tel p{color:#333;display:block; margin-bottom:10px; border-bottom:1px solid #ddd !important; padding-bottom:10px; font-weight:600}
#laft_mu .tel ul{border:0 !important}
#laft_mu .tel li{border:0 !important; line-height:22px;   margin-bottom:5px;;}
#laft_mu .tel li span{font-weight:600;font-size:14px}
#laft_mu .tel li:nth-child(1) span{color:#ff6600;}
#laft_mu .tel li:nth-child(2) span{color:#0075c0;}
#laft_mu .tel li:nth-child(3) span{color:#007d9e;font-size:14px}

#laft_mu nav{position:relative;}
#quick2{ position:absolute; display:block}

#location{width:770px; float: right; border-bottom:5px solid #aaa; height:60px; padding-top:20px; margin-bottom:30px; }
#location h3{font-size:24px; display:inline-block;    font-family: "Noto Sans KR", sans-serif; }
#location h3 + p{display:inline-block; float:right}

.content{width:770px;float: right;/*font-family: "Dotum", sans-serif;*/}
.content img{display:block}
.content a img{display:inline-block}

.content h4{font-size: 20px; font-weight: 600;  color:#0075c0; margin-bottom: 20px;    font-family: "Noto Sans KR", sans-serif;}
.content h4:nth-of-type(n+2){margin-top: 40px;}
.content h5{font-size: 19px;font-weight: 600; display:inline-block; border-bottom:4px solid #ddd; padding:30px 10px 10px; margin-bottom:20px;      font-family: "Noto Sans KR", sans-serif; }
.content h6{font-size:17px; color:#333; margin:25px 0  15px;     font-family: "Noto Sans KR", sans-serif;  }
.content h6::before{content:"";width:10px; height:3px; background:#0075c0;; display:inline-block;   position:relative; top:-5px; margin-right:10px;  }
.content h6:nth-of-type(1){margin-top:5px}
table + h6{margin-top: 30px !important;}
.content h4 + h5{padding-top: 10px;}
  
.grid-half {display: table; width: 100%;}
.grid-half > div{display: table-cell;vertical-align:top; }

.grid-half > div:first-child img{margin:0 auto 10px;}

/* component */
::-webkit-input-placeholder { /* Edge */color:#666;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #666;}
::placeholder {color: #666;}
textarea::-webkit-input-placeholder { /* Edge */color:#999;}
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #999;}
textarea::placeholder {color: #999;}
::-ms-clear {display: none;}
.search input::-webkit-input-placeholder { /* Edge */color:#777;}
.search input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #777;}
.search input::placeholder {color: #777;} 
select{-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none;
background: url("/n_include/img/select_icon.png") no-repeat right center #fff !important; padding-right: 25px  !important;;}
select::-ms-expand {display:none} 



input[type=text], input[type=password], input[type=number], select{line-height:normal; border: 1px solid #ddd; font-size:initial;   color: inherit; background: #fff; height: 30px; padding: 0 10px; font-size: 14px;}
label.hide{position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; display: block }
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus{ outline: none; border: 1px solid #777;  color: #000; }
textarea{font-size: 14px;  border: 1px solid #ddd;font-size:initial;   color: inherit; background: #fff;  padding:10px 15px; width: 100%}
input[readonly]{border: 1px solid #ddd !important; color: inherit !important; background: #f8f8f8 !important;}

button{background:#0074bd; color:#fff; height:30px;  padding:0 10px; } 
.btn_wrap a{background:#0074bd; color:#fff; height:30px;  padding:7px 10px; display:inline-block} 
button.type2, .btn_wrap a.type2{background:#333;}

input[type=radio], input[type=checked] {vertical-align: text-bottom;}


.contants input[type=text],.contants  input[type=password],.contants  input[type=number],.contants  select,.contants  textarea{font-size: 12px;}


.btn_wrap{text-align: right; margin:20px;;}
form + .gray_box{margin-top: 20px;;}

/* select */
.select { position: relative; min-width: 170px; z-index: 1; height: 30px; font-size:initial;font-weight:normal;    color: inherit; display: inline-block; }
.select label { position: absolute; top: 0px; left: 0px; width: 100%; z-index: -1;line-height:normal; border: 1px solid #ddd;  height: 100%; padding: 0 20px; -webkit-appearance: none; -moz-appearance: none;  -webkit-appearance: none; text-align: left; padding-right:20px; border-radius: 0 ;  vertical-align: top; line-height:28px;background: #fff}
.select:hover label, select:focus ~ label{border: 1px solid #777;outline: none;}
.select label::before{content: ""; width: 12px;height: 7px; background: url("/n_include/img/icon_component.png") -80px -50px #fff; display: block; z-index: 1; position: absolute; right:10px; top: 50%; transform: translateY(-50%)}
.select select { width: 100%; height: 100%;  line-height: 25px;  font-family: inherit;  font-size: inherit; font-weight:inherit;  border: 0; padding:10px 20px; opacity: 0; filter:alpha(opacity=0);  -webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; }

/* list_type */
ul[class^="list_"] li{ margin-bottom: 10px;line-height: 18px;  } 
ul[class^="list_"] li strong{color:#333; }
h6 + ul[class^="list_"] {padding-left:20px;}

.list_type1 li{position:relative;padding-left:10px;}
.list_type1 li::before{content:"-"; display:block; position:absolute; top:0px; left:0}


.list_type2 li{position:relative;padding-left:10px;}
.list_type2 li::before{content:"-"; display:block; position:absolute; top:0px; left:0}


/* texy_type */
p[class^="text_"] + h4{margin-top: 40px;}
p[class^="text_"] { margin-bottom: 10px;line-height: 18px; }  
p[class^="text_"] + p[class^="text_"]{margin-top: 20px;;}
p[class^="text_"] + ul[class^="list_"]{padding-left:17px;}

p.text_type2{line-height: 20px; }

.gray_box{background:#f7f7f7; padding:20px;border:1px solid #ddd ; margin-bottom:20px; line-height: 140%;}
.gray_box strong{color:#007d9e;display:block; margin-bottom:10px; font-weight:600 }
.gray_box li{margin-bottom:3px !important}
.gray_box + .text_r{margin-bottom:20px;}
.gray_box + h4{margin-top: 40px;}
.gray_box.type2 strong{color:#222;}
.gray_box img{display:inline-block}

.text_info{margin-bottom:10px; text-align:right}
.text_info img, .text_r img{display:inline-block}

/* table */
table td { }
table img{display:inline-block !important;}
.table{width: 100%; margin-bottom: 20px;;}  
.table th, .table td{border: 1px solid #ddd; padding: 7px 10px;  color: #666; line-height: 16px; vertical-align: middle; text-align: center; font-weight: 300;}
.table thead th{border-top: 1px solid #555; border-bottom: 0; background: #f7f7f7; height: 40px;  }
.table th{font-weight: 400; color: #000; background: #fcfcfc;padding: 7px 0px;font-size:13px;} 
.table tr:nth-child(n+2) th{border: 1px solid #ddd; }
.table td {font-size:12px;font-family: "Dotum", sans-serif; }
.table td b{font-weight:bold;color: #333;}
.table td.text_l{text-align: left; }
.table th:first-child, .table td:first-child{border-left: 0 !important;}
.table th:last-child, .table td:last-child{border-right: 0 !important;}

.table tr:hover td{ background: #fcfcfc;}


.table.type2 th{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f7f7f7;}
.table.type2 tr:first-child th,.table.type2 tr:first-child td{border-top: 1px solid #777; }

.table.type3 th, .table.type3 td{border-left: 0!important; border-right:0 !important; text-align: left !important;}

.table .acc{color: #333; font-weight: 400;}


.pageing{text-align:center; margin-bottom: 20px;}
.pageing a{display:inline-block; border:1px solid #ddd; width:30px; height:30px; line-height:28px; }
.pageing a:hover{background: #aaa; color: #fff !important;}
.pageing b{ width:30px; height:30px;display:inline-block;}
.pageing a.arrow{border:0}

 
.content .search_wrap{background:#f7f7f7; margin-bottom:20px;padding:10px; }
.content .search_wrap h4{font-size:20px; margin-bottom:15px;}
.content .search_wrap button{min-width:50px;}
.content .search_wrap p{ margin-top:10px;  color:#000;}
.content .search_wrap p span{color: #bd344b; font-weight: 400;}
    
     

.view{border-top:1px solid #555; border-bottom:1px solid #aaa;}
.view .title{height:40px; line-height:40px; border-bottom:1px solid #ddd; font-size:17px; font-weight:600}
.view .info{height:30px; line-height:30px; border-bottom:1px solid #ddd;  }
.view .info span:nth-child(n+2)::before{content:"|"; display:inline-block ; color:#aaa; margin:0 10px; position:relative; top:-2px;}
.view .edit{padding:20px;line-height:22px}


.mypage{ table-layout:fixed;}
.mypage tr td{padding:0 10px }
.mypage table{border:5px solid #dadada; margin:0 10px; width:130px;height:240px; }
.mypage table td{padding:0 0px ;  line-height:18px; }
.mypage table tr:nth-child(n+2) td{padding:0px 5px; }



.qna dt{ border-top:1px solid #333; font-weight:600; border-bottom:1px solid #aaa; }
.qna dt::before{content:"Q"; display:inline-block; width:40px; height:40px;background:#0074bd; color:#fff; text-align:center; padding-top:10px; margin-right:10px;}
.qna dd{ background:#f7f7f7; padding:20px; line-height:20px;  }