@charset "utf-8";
/* style.css */
@import url("http://gwweb.co.kr/css/ittcss.css");
@import url("animate.css");
@import url("main.css");
@import url("comm.css");
@import url("table.css");
@import url("navi.css");
@import url("submenu.css");


html, body, div, span, object, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, hgroup, menu, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0px none;
    outline:0;
    vertical-align:middle;
    background:;
	line-height: 150%;
    font-family: 'NanumHuman';
    text-size-adjust:none;
	letter-spacing: -0.07em;
	font-weight:normal;
	transition:all 0.1s;
	box-sizing: border-box
}

/********************************************폰트*****************************************************************************************/

@media (max-width:768px){
.t21 {font-size:2.4rem;}
.t20 {font-size:2.3rem;}
.t19 {font-size:2.2rem;}
.t18 {font-size:2.1rem;}
.t17 {font-size:2.0rem;}
.t16 {font-size:1.9rem;}
.t15 {font-size:1.8rem;}
.t14 {font-size:1.7rem;}
.t13 {font-size:1.6rem;}
.t12 {font-size:1.5rem;}
.t11 {font-size:1.4rem;}
.t10 {font-size:1.3rem;}
.t9  {font-size:1.2rem;}
.t8  {font-size:1.1rem;}
.t7  {font-size:1.0rem;}
.t6  {font-size:0.95rem;}
.t5  {font-size:0.9rem;}
.t4  {font-size:0.85rem;}
.t3  {font-size:0.8rem;}
.t2  {font-size:0.75rem;}
.t1  {font-size:0.7rem;}
.t0  {font-size:0.65rem;}
}

@media (min-width:768px){
.t21 {font-size:3.8rem;}
.t20 {font-size:3.6rem;}
.t19 {font-size:3.4rem;}
.t18 {font-size:3.2rem;}
.t17 {font-size:3.0rem;}
.t16 {font-size:2.8rem;}
.t15 {font-size:2.6rem;}
.t14 {font-size:2.4rem;}
.t13 {font-size:2.2rem;}
.t12 {font-size:2.0rem;}
.t11 {font-size:1.6rem;}
.t10 {font-size:1.5rem;}
.t9  {font-size:1.4rem;}
.t8  {font-size:1.3rem;}
.t7  {font-size:1.2rem;}
.t6  {font-size:1.1rem;}
.t5  {font-size:1.0rem;}
.t4  {font-size:0.9rem;}
.t3  {font-size:0.8rem;}
.t2  {font-size:0.7rem;}
.t1  {font-size:0.6rem;}
.t0  {font-size:0.5rem;}
}



/*******************************************br*****************************************************************************************/
.c0 {padding:3px; }
.c1 {padding:5px; }
.c2 {padding:10px; }
.c3 {padding:15px; }
.c4 {padding:20px; }
.c5 {padding:25px; }
.c6 {padding:30px; }
.c7 {padding:35px; }
.c8 {padding:40px; }
.c9 {padding:45px; }
.c10 {padding:50px; }

.f06 {font-size : 0.6rem}
.f07 {font-size : 0.7rem}
.f08 {font-size : 0.8rem}
.f09 {font-size : 0.9rem} 
.f10 {font-size : 1rem} 
.f11 {font-size : 1.1rem} 
.f12 {font-size : 1.2rem} 
.f13 {font-size : 1.3rem} 
.f14 {font-size : 1.4rem} 
.f15 {font-size : 1.5rem} 
.f16 {font-size : 1.6rem} 
.f17 {font-size : 1.7rem} 
.f18 {font-size : 1.8rem} 
.f19 {font-size : 1.9rem} 
.f20 {font-size : 2rem} 
.f21 {font-size : 2.1rem} 
.f22 {font-size : 2.2rem} 
.f23 {font-size : 2.3rem} 
.f24 {font-size : 2.4rem} 
.f25 {font-size : 2.5rem} 
.f26 {font-size : 2.6rem} 
.f27 {font-size : 2.7rem} 
.f28 {font-size : 2.8rem} 
.f29 {font-size : 2.9rem} 
.f30 {font-size : 3.0rem} 

@-webkit-keyframes visual-bg { 0% { background-size: auto 120%; }
	100% { background-size: auto 100%; } }

@keyframes visual-bg { 0% { background-size: auto 120%; }
	100% { background-size: auto 100%; } }

/****************************************************백그라운드컬러***************************************************************************/
.bg1{background: #FE8000;}
.bg2{background: #226BBF;}
.bg3{background: #609B12;}
.bg4{background: #554FBB;}

/****************************************************폰트컬러***************************************************************************/

.gray {color:#8D8D8D;}
.gray2 {color:#838383;}
.black {color:#262626;}
.white {color:#FFFFFF;}

.sh0 {text-shadow:1px 1px 5px rgba(0,0,0,0.9);}
.sh1 {text-shadow:5px 5px 5px rgba(0,0,0,0.1);}
.sh2 {text-shadow:2px 2px 10px rgba(0,0,0,0.2);}
.sh3 {text-shadow:5px 5px 5px rgba(0,0,0,0.3);}
.sh4 {text-shadow:5px 5px 5px rgba(0,0,0,0.4);}
.sh5 {text-shadow:5px 5px 5px rgba(0,0,0,0.5);}
.sh6 {text-shadow:5px 5px 5px rgba(0,0,0,0.6);}
.sh7 {text-shadow:5px 5px 5px rgba(0,0,0,0.7);}
.sh8 {text-shadow:5px 5px 5px rgba(0,0,0,0.8);}
.sh9 {text-shadow:5px 5px 5px rgba(0,0,0,0.9);}
.sh9 {text-shadow:5px 5px 5px rgba(0,0,0,0.9);}

.bh0 {box-shadow:3px 3px 0px rgba(0,0,0,0.05);}
.bh1 {box-shadow:5px 5px 5px rgba(0,0,0,0.1);}
.bh2 {box-shadow:3px 3px 20px rgba(0,0,0,0.05);}
.bh3 {box-shadow:5px 5px 5px rgba(0,0,0,0.3);}
.bh4 {box-shadow:5px 5px 5px rgba(0,0,0,0.4);}
.bh5 {box-shadow:5px 5px 5px rgba(0,0,0,0.5);}
.bh6 {box-shadow:5px 5px 5px rgba(0,0,0,0.6);}
.bh7 {box-shadow:5px 5px 5px rgba(0,0,0,0.6);}
.bh8 {box-shadow:5px 5px 5px rgba(0,0,0,0.6);}
.bh9 {box-shadow:5px 5px 5px rgba(0,0,0,0.6);}

.opt {opacity:0.7;}
.opt1 {opacity:0.1;}
.opt2 {opacity:0.2;}
.opt3 {opacity:0.3;}
.opt4 {opacity:0.4;}
.opt5 {opacity:0.5;}
.opt6 {opacity:0.6;}
.opt7 {opacity:0.7;}
.opt8 {opacity:0.8;}
.opt9 {opacity:0.9;}

.bold100 	{font-style: normal}
.bold200 	{font-weight:200;}
.bold300 	{font-weight:300;}
.bold400 	{font-weight:400;}
.bold500 	{font-weight:500;}
.bold600 	{font-weight:600;}
.bold700 	{font-weight:700;}
.bold800 	{font-weight:800;}
.bold900 	{font-weight:900;}

.l120 {line-height: 120%;}
.l130 {line-height: 130%;}
.l140 {line-height: 140%;}
.l150 {line-height: 150%;}
.l160 {line-height: 160%;}
.l170 {line-height: 170%;}
.l180 {line-height: 180%;}
.l190 {line-height: 190%;}
.l200 {line-height: 200%;}


.l1{letter-spacing: -0.10em;}
.l2{letter-spacing: -0.12em;}
.l3{letter-spacing: -0.14em;}
.l4{letter-spacing: -0.16em;}
.l5{letter-spacing: -0.18em;}



img {border: 0px;}
.img {width:100%;}

.c_c {text-align:center; width:100%;}
.center {text-align:center; }
.left {text-align:left; }
.right {text-align:right;}

.left1 {float:left;}
.right1 {float:right;}

.container{width:100%;padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto}
.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:0px;margin-left:0px}


.block{display:block;}

.cp {cursor: pointer;}

a:link, a:visited, a:active	{ text-decoration:none; }
a:hover							{ text-decoration:none; }

.round1 {-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;}
.round2 {-moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px;}
.round3 {-moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px; border-radius: 30px 30px 30px 30px;}
.round4 {-moz-border-radius: 40px 40px 40px 40px; -webkit-border-radius: 40px 40px 40px 40px; border-radius: 40px 40px 40px 40px;}
.round5 {-moz-border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px;}

.round12 {-moz-border-radius: 10px 20px 10px 20px; -webkit-border-radius: 10px 20px 10px 20px; border-radius: 10px 20px 10px 20px;}
.round13 {-moz-border-radius: 10px 30px 10px 30px; -webkit-border-radius: 10px 30px 10px 30px; border-radius: 10px 30px 10px 30px;}
.round14 {-moz-border-radius: 10px 40px 10px 40px; -webkit-border-radius: 10px 40px 10px 40px; border-radius: 10px 40px 10px 40px;}
.round15 {-moz-border-radius: 10px 50px 10px 50px; -webkit-border-radius: 10px 50px 10px 50px; border-radius: 10px 50px 10px 50px;}


.field10 {height:40px; margin:0; padding:5px 15px 5px 5px; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-family: 'NanumHuman'; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

.cfield {height:40px;width:80%;  margin:0; padding:5px 15px 5px 5px; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-family: 'NanumHuman'; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

.sfield10 { appearance: none; height:40px; margin:0; padding:5px 50px 5px 5px; border:1px solid; border-color:#b9b9b9 #d9d9d9 #ebebeb; font-family: 'NanumHuman'; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url('/img/arrow.png') no-repeat center right 10px;}


/**************************************************************************************************************************************/

/*네비게이션*/
.paginate .pre_all { margin-right:6px; _padding-bottom:1px; background:url('http://static.naver.com/common/paginate/bu_pg3_l_off.gif') no-repeat 6px 9px !important; letter-spacing:-1px; padding-left:6px; padding-right:6px; padding-top:7px; padding-bottom:5px}
.paginate .next_all { margin-left:4px; _padding-bottom:1px; background:url('http://static.naver.com/common/paginate/bu_pg3_r_off.gif') no-repeat 36px 9px !important; letter-spacing:-1px; padding-left:6px; padding-right:6px; padding-top:7px; padding-bottom:5px}
.paginate a.pre_all { background:url('http://static.naver.com/common/paginate/bu_pg3_l_on.gif') no-repeat 6px 9px !important;}
.paginate a.next_all { background:url('http://static.naver.com/common/paginate/bu_pg3_r_on.gif') no-repeat 36px 9px !important;}
.paginate .pre_all, .paginate .next_all { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:0; _top:-2px; font:12px/normal 굴림, Gulim; _width /**/:50px;  _height /**/:24px;}
.paginate a.pre_all,
.paginate a.next_all { color:#565656;}
/* 페이징 */
.paginate { padding:15px 0; text-align:center;}
.paginate a,
.paginate strong { position:relative; display:inline-block; margin-right:1px; padding:3px 3px 5px 3px; color:#000; text-decoration:none; border:1px solid #ffffff; font:bold 13px/normal Verdana; _width /**/:17px;}
.paginate strong { color:#f23219 !important; border:1px solid #e9e9e9;}
.paginate .pre { margin-right:9px; _padding-bottom:3px; background:url('http://static.naver.com/common/paginate/bu_pg3_l_off.gif') no-repeat 6px 9px !important;; padding-left:16px; padding-right:6px; padding-top:7px; padding-bottom:5px}
.paginate .next { margin-left:9px; _padding-bottom:3px; background:url('http://static.naver.com/common/paginate/bu_pg3_r_off.gif') no-repeat 71px 9px !important;; padding-left:6px; padding-right:16px; padding-top:7px; padding-bottom:5px}
*:first-child+html .paginate .pre,
*:first-child+html .paginate .next { top:-1px; padding-bottom:3px;}
.paginate a.pre { background:url('http://static.naver.com/common/paginate/bu_pg3_l_on.gif') no-repeat 6px 9px !important;}
.paginate a.next { background:url('http://static.naver.com/common/paginate/bu_pg3_r_on.gif') no-repeat 71px 9px !important;}
.paginate .pre,
.paginate .next { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:1px; _top:-1px; font:12px/normal 굴림, Gulim; _width /**/:84px;  _height /**/:24px;}
.paginate a.pre,
.paginate a.next { color:#565656;}
.paginate a:hover { background-color:#f7f7f7 !important; border:1px solid #e9e9e9;}
.input_text, textarea{*margin:10px 0; padding-right:1px;}
#search .green_window{display:-moz-inline-block;display:-moz-inline-box;display:inline-block;width:358px;_width /**/:372px;height:26px;_height /**/:40px;border:7px solid #3eaf0e;background-color:#fff;}
.input_text{width:323px;height:17px;line-height:16px;border:0px none;font-weight:bold;font-size:14px;color:#000;*ime-mode:active;outline:none; margin-left:6px; margin-right:0; margin-top:5px; margin-bottom:0}