@charset "utf-8";

.txc-image{display:block;margin:0 auto}

.content h2{padding:2rem 0;font-size:2.4rem}
.content h3{padding:2rem 0;font-size:2rem}
.content h4{padding:2rem 0;font-size:1.8rem}
.content ul{display:flex;flex-direction:column;gap:2rem}
.content li{font-size:1.6rem}
.content table{width:100%;border:0;border-collapse:collapse}
.content thead tr{height:4.8rem;font-size:1.6rem;color:#fff;background:#777}
.content thead th{padding:0 1rem}
.content tbody tr{height:3.6rem}
.content tbody td{text-align:center;border:.1rem solid #eee;border-bottom:.1rem solid #ddd}

@media all and (min-width:0px){
	.youtube{margin:4rem auto;max-width:120rem}
	.youtube iframe{width:100%;height:57rem}
    
	.sort{position:relative;margin:0 0 5rem 0}
	.sort ul{display:flex;align-items:center;border:.1rem solid #e9e9e9;overflow:hidden;border-radius:3rem}
	.sort li{display:flex;align-items:center;position:relative;width:100%;background:#fbfbfb}
    .sort li + li{border-left:.1rem solid #e9e9e9}
	.sort li a{display:flex;align-items:center;justify-content:space-between;padding:0 3rem;width:100%;height:6rem;font-size:1.8rem;font-weight:500;color:#353535}
	.sort li i{display:flex;align-items:center;height:6rem;font-size:2.4rem;color:#b0b0b0}
	.sort li.act{background:#333}
	.sort li:hover{background:#e12525}
	.sort li.act a,
	.sort li:hover a,
	.sort li.act i,
	.sort li:hover i{color:#fff}
	.sort li.act i:before,
	.sort li:hover i:before{content:"\e920"}
}
.sort .col4{flex-wrap:wrap}
.sort .col4 li{width:25% !important}
/*.sort .col1 li{width:100%}
.sort .col2 li{width:50%}
.sort .col3 li{width:33.33%}
.sort .col4 li{width:33.33%}
.sort .col4 li{width:25%}
.sort .col5 li{width:20%}*/

.cont table{margin:0 auto}


.content-skin *{font-size:1.4rem}

/* common */
.alert-ie{margin:0;padding:1em;font-size:1.2rem;letter-spacing:-.1rem;color:#ebebeb;background:#808080}
.alert-ie a{color:#ffd6c2}
.alert-ie a:hover{color:#ffd6c2}
.alert-ie a:focus{color:#ffd6c2}
.alert-ie a:active{color:#ffd6c2}

.accessibility a{position:absolute;text-align:center;width:20rem;display:block;background:#c52227;color:#fff;left:-999.9rem}
.accessibility a:hover{z-index:999999;margin-left:-10rem;left:50%}
.accessibility a:focus{z-index:999999;margin-left:-10rem;left:50%}
.accessibility a:active{z-index:999999;margin-left:-10rem;left:50%}

/* uti_menu */
div.uti_menu{position:relative;float:right;top:4.3rem}
div.uti_menu li{float:left;list-style:none;text-align:center;letter-spacing:0..5rem}
div.uti_menu li a{float:left;display:inline-block;height:2.4rem;line-height:2.4rem;border-left:none;font-family:'Myriad Pro';font-size:1.1rem;color:#989898}
div.uti_menu li a:hover{color:#434343}
div.uti_menu li > span{padding:0 1rem;font-family:'Myriad Pro';font-size:1.1rem;color:#dcdcdc;height:2.4rem;line-height:2.4rem}


/* nav */
/* menu::base */
div#menu{
	position:relative;
	display:block;
    height:4rem;
    padding: 0;
    background: url(/theme/uno/img/uno/bg_nav.png) no-repeat center 0 #1e1e1e;
    width:100%;
}

div#menu ul{
	  width: 99rem;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    
    /*float: left;*/
}
div#menu ul.menu{
    padding-right: 0;
    background: url(/theme/uno/img/uno/right.png) no-repeat right 0;
    _background: url(/theme/uno/img/uno/right.gif) no-repeat right 0;   
}

div#menu li{
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    z-index: 9;
    border-left:.1rem solid #4a4a4a;
}
div#menu ul ul li{
    z-index: 9;
}
div#menu li div{
    list-style: none;
    float: left;
    position: absolute;
    z-index: 11;
    top: 3rem;
    left: 0;
    visibility: hidden;
    width: 14.1rem;
	  margin: rem 0 0;
    padding: 0;
    background: url(/theme/uno/img/uno/-top.png) no-repeat rem 0 #1e1e1e;
}
div#menu ul ul{
	  z-index: 12;
	  width: 16.5rem;
    padding: rem rem 1.5rem rem;
    -padding: rem rem .3rem rem;   
    background: url(/theme/uno/img/uno/submenu-bottom.png) no-repeat rem bottom;
    -background: #E4E4E2 none;       
    margin: 1.4rem 0 0 0;  
    -margin: .5rem 0 0 0;     
}
div#menu li:hover>div{
    visibility: visible;
}

div#menu a{
    position: relative;
    z-index: 10;
    height: 4rem;
    display: block;
    float: left;
    line-height: 4rem;
    text-decoration: none;
    margin-top: 0;
    white-space: nowrap;
    width: auto;
    padding-right:0;
    text-align:center;
    color:#fff;
    
}
div#menu span{
		/* width:14rem;*/ 
		width:12.2rem;
    margin-top: 0;
    padding-left: 0;

    
    background: none;
    line-height: 4rem;	
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
    text-align: center;
    
}

/* menu::level1 */
div#menu a{
    padding: 0 0 0 0;
    line-height: 4rem;
    height: 4rem;
    _margin-right: .1rem;
    background: none;
    font-weight:normal;
    font-size:1.5rem;
    font-family:'Nanum Barun Gothic','Nanum Gothic';
    letter-spacing:0;
    

}

div#menu span{
    
}
div#menu a:hover{
    background-image: url(/theme/uno/img/uno/selected-sub.png);
    background-repeat: repeat-x;
    background-position: right -.1rem;   
    -background: url(/theme/uno/img/uno/selected-sub.gif) repeat-x right -.1rem;
}
div#menu li.current a,
div#menu ul.menu>li:hover>a{
    background-image: url(/theme/uno/img/uno/selected-sub.png);
    background-repeat: repeat-x;
    background-position: right -.1rem; 
    -background: url(/theme/uno/img/uno/selected-sub.gif)  repeat-x right -.1rem;
}
div#menu a:hover span{
	  color: #000000;
}	
div#menu ul.menu>li:hover>a span{
	  color: #7dc92d;
	  /*background:#7dc821;*/
}
div#menu li{}
div#menu li.last{background: none}


/* menu::level2 */
div#menu ul ul li{
    
    background:url(/theme/uno/img/uno/bg_menu_line.gif) no-repeat left bottom;
    margin: 0;
    padding: 0;
}
div#menu ul ul li:hover{
    background-image: url(/theme/uno/img/uno/sub-item-hover.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}
div#menu ul ul a{
	  color: #000000;	
    height: auto;
    float: none;
    display: block;
    line-height: 1.5rem;
    z-index: -1;
    padding: .2rem 0 .8rem rem;
    white-space: normal;
    width: 16.1rem;
    margin: 0 rem 0 1.8rem;
    background: none;
    
}
    
div#menu ul ul a span{
    color: #fff;	
	  padding: 0 .3rem;
    line-height: 2.5rem;
    font-size: 1.3rem;
    font-weight: normal;
    margin:0;   
}
div#menu li.current ul a,
div#menu li.current ul a span{
    background: none;
}
div#menu ul ul a:hover{
	background: none;
}
div#menu ul ul a:hover span{
  background: none;
  color: #7dc821;
}
div#menu ul ul a.parent{
  
}
div#menu ul ul a.parent span{
  padding-right: rem;
}
div#menu ul ul a.parent:hover{
  background: url(/theme/uno/img/uno/submenu-pointer.png) no-repeat 13rem top;
}
div#menu ul ul a.parent:hover span{
}
div#menu ul ul span{
	
    margin-top: 0;
    text-align: left;
}
div#menu ul ul li.last{background: none}
div#menu ul ul li{
    width: 100%;
    border-left:none;
}

/* menu::level3 */

div#menu ul ul div{
	  width: 16.5rem;
	  padding: 0;
    background: url(/theme/uno/img/uno/subsubmenu-top.png) no-repeat rem 0;
    -background: url(/theme/uno/img/uno/subsubmenu-top.gif) no-repeat rem 0;	  
    margin: -6.2rem 0 0 18.3rem !important;
    margin: -6.2rem 0 0 17.6rem;
}
div#menu ul ul ul{
    padding: 1.1rem rem .9rem rem;	
    margin: 2rem 0 0 0;
}
div#menu ul ul div li{
    position:relative;
    top:-1rem;
}

/* lava lamp */
div#menu li.back{
    background: url(/theme/uno/img/uno/selected-sub.png) no-repeat 0 0;
    -background: url(/theme/uno/img/uno/selected-sub.gif) no-repeat 0 0;   
    width: .5rem;
    height: 4.6rem;
    z-index: 8;
    position: absolute;
    padding: 0;
    margin: rem 0 0 0;
}


div#menu li.back .left{
    padding:0;
    width:auto;
    background: url(/theme/uno/img/uno/selected-sub.png) repeat-x right 0;
    -background: url(/theme/uno/img/uno/selected-sub.gif) repeat-x right 0;    
    height: 4.6rem;
    margin: 0 0 0 .5rem;
    float: none;
    position: relative;
    top: 0;
    left: 0;
    visibility: visible;
}


/* container */
div.container{position:relative;width:100%;z-index:0;overflow: hidden}

div.container div.sub_area{position:relative;padding:5rem 0;overflow:hidden}
div.container div.sub_area div.lnb{float:left;width:21rem}
div.container div.sub_area div.lnb h2{font-size:3rem;color:#009342676767;font-size:16..5rem;font-weight:normal;height:13.5rem;background:url(/theme/uno/img/uno/bg_lnb_h2.gif) no-repeat left 9.5rem;border-bottom:0 solid #e6e6e6}
div.container div.sub_area div.lnb h2 span{display:block;font-size:2.8rem;color:#009342;font-weight:normal;text-transform:uppercase;padding:1.5rem 0 0 0;line-height:2.5rem}
div.container div.sub_area div.lnb li{list-style:none}
div.container div.sub_area div.lnb li.lnb a{display:block;height:4rem;line-height:4rem;background:url(/theme/uno/img/uno/bg_lnb_off.gif) no-repeat left bottom;padding-left:2rem;font-size:1.5rem;color:#555}
div.container div.sub_area div.lnb li.lnb a:hover{color:#000}
div.container div.sub_area div.lnb li.lnb_on a{display:block;height:4rem;line-height:4rem;background:url(/theme/uno/img/uno/bg_lnb_on.gif) no-repeat left bottom;padding-left:2rem;font-size:1.5rem;font-weight:600;color:#fff}
div.container div.sub_area div.lnb li.lnb2 a{display:block;height:2.5rem;line-height:3rem;font-size:1.3rem;color:#777;padding:1rem 0 0 2rem;color:#888}
div.container div.sub_area div.lnb li.lnb2 a:hover{text-decoration:underline}
div.container div.sub_area div.lnb li.lnb2_on a{display:block;height:2.5rem;line-height:3rem;text-decoration:underline;font-size:1.3rem;color:#222;font-weight:600;padding:1rem 0 0 2rem}


div.container div.sub_area div.content{float:right;width:73rem;margin-left:4rem;padding-right:0;line-height:1.9rem;font-size:1.4rem}
div.container div.sub_area div.content div.location{font-size:1.2rem;color:#9b9b9b}
div.container div.sub_area div.content h3{font-size:3rem;color:#353535;line-height:3rem;font-weight:normal;font-size:3rem;margin:3rem 0 1.5rem 0;padding:0 0 1.5rem 0;border-bottom:.1rem solid #e6e6e6}
div.container div.sub_area div.content h3 > span{display:block;line-height:1.5rem;margin:1rem 0 0 0;font-weight:normal;font-size:1.3rem;color:#6c6a6a}
li.blit02{padding:0 0 1.5rem 1.5rem;list-style:none;font-size:1.3rem;background:url(/theme/uno/img/uno/blit02.gif) no-repeat left .4rem}
li.blit03{padding:0 0 1.5rem 2.3rem;list-style:none;font-size:1.3rem;background:url(/theme/uno/img/uno/blit03.gif) no-repeat 1.5rem .8rem}


/* footer*/
.mt10{margin-top:1rem}


/*정의 속성 */
.title01{background:url(/theme/uno/img/uno/blit.gif) no-repeat left .8rem;color:#000000;font-size:2.1rem;padding:0 2.3rem}
.title01 *{font-size:2.1rem}
.title02{display:flex;align-items:center;gap:1rem;margin:1rem 0}
.title02:before{content:'';display:flex;min-width:1.5rem;height:1.5rem;background:url(/theme/uno/img/uno/blit02.gif) no-repeat 50% 50%}
.title02 strong{font-size:1.6rem;color:#016d0b}
.title03{background:url(/theme/uno/img/uno/blit0.gif) no-repeat left 1.6rem;padding:1.5rem 0 .5rem 0}
.title03 strong{color:#66021a;font-size:1.5rem}
.title04{margin-bottom:.5rem}
.title04 strong{font-weight:normal;font-size:1.3rem;padding:0 0 0 0}
.title05{font-size:1.3rem;color:#000000}
.title06{font-size:1.2rem;line-height:1.9rem}

.img_txt{background:url(/theme/uno/img/uno/icon_arrow.gif) no-repeat left .3rem;padding: 0 0 0 1.5rem;margin:1rem 0 0 0;color:#108cc6}
.img_css{display:block;margin:1rem auto}

/* table */
.table_a{word-break:break-all;border-collapse:collapse;width:100%;border-top:.2rem solid #222}
.table_a thead th{background:#f9f9f9;font-size:1.5rem;border-bottom:.1rem solid #ddd;color:#333;font-weight:600;padding:1.5rem .8rem}
.table_a tbody th{background:#fff;color:#222;font-size:1.5rem;text-align:left;vertical-align:top;font-weight:600;border-bottom:.1rem solid #e3e3e3;border-right:.1rem solid #e3e3e3;padding:.8rem 2rem}
.table_a td{border-bottom:.1rem solid #e3e3e3;font-size:1.4rem;padding:.5rem;text-align:left;color:#666;padding:1.5rem 2rem}
.table_a td > dt{font-weight:600;margin:0 0 .5rem 0}
.table_a .ac{text-align:center}

.tb_1{word-break:break-all;border-collapse:collapse;width:100%;border-top:0 solid #222;margin:1.5rem 0}
.tb_1 th{border-bottom:.1rem solid #e3e3e3;font-size:1.4rem;padding:.5rem;text-align:center;color:#222;padding:1rem;background:#f9f9f9}
.tb_1 td{border-bottom:.1rem solid #e3e3e3;font-size:1.4rem;padding:.5rem;text-align:center;color:#666;padding:1rem}


/* history */
div.history{padding-top:0;overflow:hidden;border-top:0 solid #ccc}

div.history .storyList{position:relative;overflow:hidden;width:100%;border-bottom:.1rem solid #e6e6e6}
div.history .storyList dl{padding:1rem 0}
div.history .storyTit:first-child + .storyList dl:first-child{ padding-top:0}
div.history .storyList dl dt{float:left;text-align:left;width:12rem;padding-right:2rem;margin-bottom:1rem;color:#333;font-size:1.5rem;line-height:1;font-weight:600}
div.history .storyList dl dd{float:right;width:49rem;margin-bottom:1rem;padding:0 0 0 0}
div.his_tit{color:#fff;height:6.3rem;font-weight:600;font-size:1.9rem;padding:1.5rem 0 0 3.5rem;margin:5rem 0 2rem;background:url("/img/cont_history.gif") left top no-repeat}
div.his_tit p{font-size:1.3rem}


/* greeting */
div.greeting{padding-top:0;overflow:hidden;background:url(/theme/uno/img/uno/bg_greeting1.jpg) no-repeat left top;padding:2rem 0 0 ;line-height:1.7em}
	
	
/*모달팝업*/
#mask{
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#333;
  display:none;
}
  
#boxes .window{
  position:fixed;
  left:0;
  top:0;
  width:auto;
  background:#fff;
  display:none;
  z-index:9999;
  padding:0;
}

#boxes p{text-align:center;padding:1.5rem 0;color:#000;font-weight:normal}
#boxes p a{color:#000;font-weight:600}