@charset "utf-8";

@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);

* { font-family: 'Nanum Barun Gothic', 'Dotum','돋움','돋움체', sans-serif;}
/* common */
body{margin:0;padding:0;font-size:14px;color:#555; display:block}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
p,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend{ line-height:26px}
section { display: block}
img,fieldset{border:0; vertical-align:middle;}
hr{ display:none;}
table,th,td{border:none;border-collapse:collapse;}
ul,ol,dl{list-style:none;}
optgroup,em,address{font-style:normal;}
td img{vertical-align:middle;}
label{cursor:pointer;}
input[placeholder], [placeholder], *[placeholder] { color:#BBBBBB  }

/* link */
a:link,a:visited {color:#666;text-decoration:none;}
a:hover,a:active,a:focus{color:#888;text-decoration:none;}

/* form */
form ul{list-style:none;}
form legend{display:none;}
select{vertical-align:middle; border:1px solid #c8c8c8;padding:5px; }
input{vertical-align:middle;}
input[type="checkbox"]{ border:none;}
input[type="text"]{vertical-align:middle;  border:1px solid #c8c8c8; background:#fff}
input[type="password"]{vertical-align:middle;  border:1px solid #c8c8c8;background:#fff}
input[type="file"]{vertical-align:middle; padding:2px 0}
input[type="image"]{vertical-align:middle;}
input[type="button"]{vertical-align:middle; padding:0 5px;}
input[type="submit"]{vertical-align:middle; padding:0 5px;} 
textarea{border:1px solid #c8c8c8;}
.hidden,legend,caption{position:absolute;height:0;overflow:hidden;font-size:0;line-height:0;visibility:hidden;width:0;}

.mgt5{margin-top:5px}
.mgt10{margin-top:10px}
.mgt15{margin-top:15px}
.mgt20{margin-top:20px}
.mgt30{margin-top:30px}
.mgt25{margin-top:25px}
.mgt55{margin-top:55px}


.mgr5{margin-right:5px}
.mgr10{margin-right:10px}
.mgr25{margin-right:25px}
.mgr50{margin-right:50px}

.mgl5{margin-left:5px}
.mgl10{margin-left:10px}
.mgl20{margin-left:20px}
.mgl25{margin-left:25px}
.mgl50{margin-left:50px}


.mgb5{margin-bottom:5px}
.mgb10{margin-bottom:10px}
.mgb15{margin-bottom:15px}
.mgb20{margin-bottom:20px}
.mgb25{margin-bottom:25px}
.mgb30{margin-bottom:30px}
.mgb40{margin-bottom:40px}
.mgb50{margin-bottom:50px}
.mgb60{margin-bottom:60px}
.mgb80{margin-bottom:80px}
.mgb100{margin-bottom:100px}

.pab00{ padding-bottom:0px}
.pab10{padding-bottom:10px}
.pab15{padding-bottom:15px}
.pab25{padding-bottom:25px}
.pab50{padding-bottom:50px}

.pat10{padding-top:10px}
.pat15{padding-top:15px}
.pat20{padding-top:20px}
.pat30{padding-top:30px}

.pal5{padding-left:5px}
.pal10{padding-left:10px}
.pal20{padding-left:20px}
.pal25{padding-left:25px}

.par5{padding-right:5px}
.par10{padding-right:10px}
.par25{padding-right:25px}

.red { color:#ee1921}
.red2 { color:#f75959}
.green { color:#00b387}
.pink { color:#ea4c9e}
.blue { color:#4088e6}
.under { text-decoration:underline}
.cet { text-align:center !important}

/*btn*/
button {display:inline-block; margin-bottom: 0;  text-align: center; vertical-align: middle; 
       -ms-touch-action: manipulation; touch-action: manipulation;cursor: pointer; background-image:none; border: 1px solid transparent;white-space: nowrap; padding:10px 20px; font-size:16px;
       -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius:3px}

.btn {display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; 
       -ms-touch-action: manipulation; touch-action: manipulation;cursor: pointer; background-image:none; border: 1px solid transparent;white-space: nowrap; padding:10px 20px; font-size:16px;
       -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius:3px}

.btn_basic {background:#464b4e; color:#FFF !important}
.btn_w {padding:10px 40px !important;}
.btn_sm { background:#595959; color:#FFF; font-size:12px; padding:6px 10px; line-height:110%}
.btn_R { background:#e43335; color:#FFF !important }
.btn_m { background:#595959; font-size:13px; padding:4px 18px; color:#FFF !important}


header { width:100%; height:76px; border-bottom:1px solid #d3d4d2}
header #headerWrap { width:1080px; margin:0 auto; height:76px; }
header #headerWrap h1 { float:left; width:40%; }
header #headerWrap .side { display:inline-block; float:right; margin-top:26px; white-space:nowrap; }
header #headerWrap .side .welcome { display:inline-block; font-size:12px; color:#666666; text-align:right; padding-right: 10px; }
header #headerWrap .side .link { display:inline-block; border:1px solid #dadada; text-align:center; padding: 2px 4px; }
header #headerWrap .side .link a { color:#767676; font-size:12px; padding:8px 10px; display:inline-block;  background:url(/images/comm/bar.gif) 100% 10px no-repeat }
header #headerWrap .side .link a:hover { color:#f75959}
header #headerWrap .side .link a:last-child { background:none; }

/*header  **/
.headerWrap2 {width:1080px; margin: 0 auto;}
.headerWrap2 ul#topnav {margin: 0; padding: 0;float: left;width: 1080px;list-style:none;font-size:16px;}
.headerWrap2 ul#topnav li {float: left;margin: 0; padding: 0}
.headerWrap2 ul#topnav li ul { width:100%}
.headerWrap2 ul#topnav li ul  li {padding: 9px 0;color:#333; margin:0 20px ;}
.headerWrap2 ul#topnav li ul  li:first-child { margin-left:0;}
.headerWrap2 ul#topnav li ul  li:last-child { margin-right:0;}
.headerWrap2 ul#topnav li ul  li:hover { background:url(/images/comm/bar_Red.gif) 0 100% repeat-x  }
/*ul#topnav li a {padding: 13px 15px;display: block;color:#333;text-decoration: none;}
ul#topnav li:hover { background: #1376c9 ; }*/

.headerWrap2 ul#topnav li span {float: left;padding: 15px 0;position: absolute;left: 0; top:120px;display: none;width: 100%; height:237px;background: #f4f4f4;color:#666; border-top:1px solid #dcdcdc; border-bottom:2px solid #f75959; z-index:9999}
.headerWrap2 ul#topnav li span .subbox { width:1080px; margin:0 auto; }
.headerWrap2 ul#topnav li:hover span { display: block; }
.headerWrap2 ul#topnav li span a { display: inline; }
.headerWrap2 ul#topnav li span a:hover {text-decoration: underline;}
.headerWrap2 ul#topnav li span .subbox ul { float:left}
.headerWrap2 ul#topnav li span .subbox ul li{ float:left; padding:0; margin:0; font-size:13px;}
.headerWrap2 ul#topnav li span .subbox ul li:hover { background:none}
.headerWrap2 ul#topnav li span .subbox ul li:nth-child(1){ width:130px}
.headerWrap2 ul#topnav li span .subbox ul li:nth-child(2){ width:130px}
.headerWrap2 ul#topnav li span .subbox ul li:nth-child(3){ width:150px}
.headerWrap2 ul#topnav li span .subbox ul li:nth-child(4){ width:122px}
.headerWrap2 ul#topnav li span .subbox ul li:nth-child(5){ width:158px}
.headerWrap2 ul#topnav li span .subbox ul li:nth-child(6){ width:102px}
.headerWrap2 ul#topnav li span .subbox ul li:nth-child(7){ width:107px}
.headerWrap2 ul#topnav li span .subbox ul li:nth-child(8){ width:168px}
.headerWrap2 ul#topnav li span .subbox ul li a { display:block; line-height:26px;}
.headerWrap2 ul#topnav li span .subbox ul li a:hover { text-decoration:none; color:#f74242}

.subBg  { width:100%;  height:190px; float:left; color:#fff}
.subBg .subBgBox{ width:1080px; margin:0 auto;  height:190px;}
.subBg .subBgBox strong { font-size:36px; display:block; margin:70px 0 15px 0}
.subBg .subBgBox span { font-size:14px;}
.subBg01 { background:#f75959 url(/images/comm/subBg_01.jpg) center 0 no-repeat}
.subBg02 { background:#ee69ae url(/images/comm/subBg_02.jpg) center 0 no-repeat}
.subBg02_1 { background:#ff697f url(/images/comm/subBg_02_1.jpg) center 0 no-repeat}
.subBg02_2 { background:#29c49e url(/images/comm/subBg_02_2.jpg) center 0 no-repeat}
.subBg02_3 { background:#60bae7 url(/images/comm/subBg_02_3.jpg) center 0 no-repeat}
.subBg02_4 { background:#5a9aed url(/images/comm/subBg_02_4.jpg) center 0 no-repeat}
.subBg02_5 { background:#917ed8 url(/images/comm/subBg_02_5.jpg) center 0 no-repeat}
.subBg02_6 { background:#ffa944 url(/images/comm/subBg_02_6.jpg) center 0 no-repeat}
.subBg02_8 { background:#a1cb4e url(/images/comm/subBg_02_8.jpg) center 0 no-repeat}
.subBg02_9 { background:#28c3c4 url(/images/comm/subBg_02_9.jpg) center 0 no-repeat}
.subBg03 { background:#f6cf4e url(/images/comm/subBg_03.jpg) center 0 no-repeat; color:#615044}
.subBg04 { background:#a1cb4e url(/images/comm/subBg_04.jpg) center 0 no-repeat;}
.subBg05 { background:#1cc8c8 url(/images/comm/subBg_05.jpg) center 0 no-repeat}
.subBg06 { background:#f75959 url(/images/comm/subBg_06.jpg) center 0 no-repeat}
.subBg07 { background:#f75959 url(/images/comm/subBg_07.jpg) center 0 no-repeat}
.subBg08 { background:#f75959 url(/images/comm/subBg_01.jpg) center 0 no-repeat}
.subBg09 { background:#f75959 url(/images/comm/subBg_06.jpg) center 0 no-repeat}


.subNav { width:100%; float:left; background:#f6f6f6; border-bottom:1px solid #eaeaea;  }

.path{ width:1080px; margin:0 auto; }
.path .pathHome {float:left; text-align:right; width:849px;}
.path .pathHome span{ border-left:1px solid #eaeaea; display:inline-block; padding:0 }
.path .pathHome span.dp1 { padding:15px 30px 15px 15px; text-align:left; font-size:15px; color:#999}
.path .pathBy {float:right; width:199px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #f6f6f6; padding:15px; position:relative}
.path .pathBy:hover { background:#eee; border-color:#878787}
.path .pathBy  a {width:200px; display:table-cell;position:relative ;  font-size:15px; }
.path .pathBy  a img { position:absolute;top:5px; right:0}
.path .pathBy  a.active {}
.path .pathBy  ul.opList {position:absolute;top:49px; left:-1px; width:209px; border:1px solid #878787; border-top:none; background:#fff; padding:10px; opacity:0;}
.path .pathBy:hover ul.opList  {opacity:1; 
                                -webkit-transition: opacity .25s ease .1s;
								-moz-transition: opacity .25s ease .1s;
                            	-o-transition: opacity .25s ease .1s;
								-ms-transition: opacity .25s ease .1s;
								transition: opacity .25s ease .1s;}
.path .pathBy:hover ul.opList li { line-height:30px; -webkit-transition: height .25s ease .1s;-moz-transition: height .25s ease .1s;	-o-transition: height .25s ease .1s;-ms-transition: height .25s ease .1s;transition: height .25s ease .1s;}
.path .pathBy:hover ul.opList li a { font-size:13px;}
.path .pathBy:hover ul.opList li a:hover { background:#eee}

#contentWrap { width:1080px; margin:0 auto;}
#contentWrap .mTIt { text-align:center; padding:55px 0; float:left; width:100%}
#contentWrap .mTIt h2 { font-size:36px; color:#444; background:url(/images/comm/h2_ico.gif) 0 3px no-repeat; display:inline; padding-left:65px; }
#contentWrap .mTIt2 { text-align:center; padding:55px 0 0 0; float:left; width:100%}
#contentWrap .mTIt2 h2 { font-size:36px; color:#444; background:url(/images/comm/h2_ico.gif) 0 3px no-repeat; display:inline; padding-left:65px; }
#contentWrap h3.stit { float:left; width:100%; text-align:center; margin-bottom:40px; color:#333; font-size:34px; }
#contentWrap h3.stit2 { float:left; width:100%; text-align:center; margin-bottom:40px; color:#555; font-size:24px; }
#contentWrap h3.stit3 { float:left; width:100%; text-align:left;  color:#222; font-size:20px; font-weight:500 }
#contentWrap h3.stitOrg { float:left; width:100%; text-align:center; margin-bottom:40px; color:#ff9a0e; font-size:34px; }
#contentWrap h3.stitRed { float:left; width:100%; text-align:center; margin-bottom:40px; color:#f75959; font-size:34px; }

footer { width:100%; float:left; background:#404040 url(/images/comm/footer_line.gif) 0 0 repeat-x; color:#e2e2e2}
footer .footerWrap { width:1080px; margin:0 auto}
footer .footerWrap ul { float:left; width:100%;}
footer .footerWrap ul li { float:left;}
footer .footerWrap ul li a { color:#e2e2e2; padding:15px 12px 15px 12px; display:inline-block; background:url(/images/comm/bar_footer.gif) 100% 20px  no-repeat}
footer .footerWrap ul li:first-child a { padding-left:0px;}
footer .copyRight { float:left; width:100%; padding:20px 0 60px 20px}
footer .copyRight h2 { float:left; width:195px;} 
footer .copyRight address {float:left; font-size:12px; line-height:20px}
footer .copyRight address  span { padding-left:15px}

.dropbtn { background: #f6f6f6  url(../images/drop_arr.gif) 93% 50% no-repeat; color:#666;   padding:13.5px 15px; width:231px;  font-size: 16px; border-radius:0; border-left:1px solid #ddd;border-right:1px solid #ddd; text-align:left}
.dropdown {  position: relative;  display: inline-block;}
.dropdown-content {  display: none; padding:5px 0;  position: absolute;  background-color: #fff;  width:229px;   z-index: 1; border:1px solid #878787; border-top:none}
.dropdown-content a {  color:#666;  padding:8px 15px;  text-decoration: none;  display: block; font-size:13px;}
.dropdown-content a:hover {background-color: #eee;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #eeeeee;border-left:1px solid #878787;border-right:1px solid #878787;}