/*headStyle.css*/
.dark-mode { background:#333; }
.dark-mode h1, h2 , h3, p { color:#fff; }
.dark-mode p,
.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode a { color:#fff; }
body.dark-mode button {
    background-color:#c71526;
    color:#fff;
}
body.light-mode h1, h2, h3, p, a { color:#333; }
body.light-mode button {
    background-color:#c71526;
    color:#ee1e
}
button { background:#c71526; }
#darkLight {
    width:70px; height:90px; 
    font-size:3em;
    padding-left:0.5%;
    position:fixed;
    right:0; bottom:3%;
    border-radius:100px 0 0 100px;
    transition:all .3s;
    z-index:99999;
}
#darkLight:hover {
    width:130px;
    padding-left:1%;
    background-color:#111;
}

.at-container {max-width:1300px; margin:0 auto; position:relative;}
.at-container.main {max-width:1700px; margin:0 auto; position:relative;} 
.at-container.full {max-width:100%; margin:0 auto; position:relative;}

@media all and (max-width:1566px){


.at-container {width:100%; padding:0 20px;}
.at-container.full {padding:0 20px;}
.at-container.wide {padding:0 0px;}
}

@media all and (max-width:1200px){



}

#hd {width: 100%; position: relative; background:#FFF; height:100px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;  -webokit-transition-duration: 0.5s; z-index:1; border-bottom:1px solid #dddad5;}
#hd_wrapper {height: 100%;}



#logo {position:absolute; left:0; top:10px; }
#logo a {display:block; height:100%; position:relative; z-index:1;}
#logo img{width:100%; height:auto;}

#gnb {display:block; top:0px; text-align:center; position:relative; }
#gnb_1dul {display:inline-flex; width:740px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;  -webokit-transition-duration: 0.5s;} 
#gnb .gnb_1dli { flex:1; position:relative; padding:0 0px;}

.gnb_wrap.on #gnb_1dul {width:920px;} 

/*.hd_login { width:20%; overflow: hidden; position:fixed; right:5%; top:35%; z-index:1;}
.hd_login a {float:left; margin:0 5%; color:#fff; }*/

.gnb_1da {position:relative; width: 100%; color: #000000;  font-size:21px; font-weight:700; display:flex; height:100px; align-items:center; justify-content:center; text-align: center; padding-top:10px;}
.gnb_1dli .bg{display: none;}
.gnb_2dul {display:none; position:absolute; top:100px; left:0;  width: 100%; overflow:hidden; padding:30px 0; height:175px;}

/*.gnb_1da span.gnb_bar {position:absolute; bottom:0; height:2px; width:0; background:#000; opacity:0; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;  -webokit-transition-duration: 0.5s;}
.gnb_1dli:hover span.gnb_bar {opacity:1; width:100%;}
.gnb_1dli:hover .gnb_1da {color:#663300;}*/

.gnb_2dli{border: none; line-height:180%;}
.gnb_2da {color: #000000; text-align: center; font-weight:600;  font-size:16px; }
.gnb_2dli:last-child .gnb_2da {border-bottom:none;}
a.gnb_2da:hover {font-weight:600;}
 
.gnb_back {display:none; position:fixed; top:100px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.34); }
.gnb_back_box {position:absolute; left:0; top:0px; width:100%; background:#ffffff; z-index:5;}

.gnb_back .gnb_back_menu {display:flex; max-width:740px; margin:0 auto; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;  -webokit-transition-duration: 0.5s;}
.gnb_back.on .gnb_back_menu {max-width:920px;}
.gnb_back .gnb_back_menu > li {flex:1; border-left:1px solid #dddad5; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;  -webokit-transition-duration: 0.5s;}
.gnb_back .gnb_back_menu > li:last-child {border-right:1px solid #dddad5;}

.gnb_back .gnb_back_menu > li ul.ul_2 {padding:25px 0;}
.gnb_back .gnb_back_menu > li ul.ul_2 li a {display:block; font-size:15px; text-align:center;}

.gnb_back .gnb_back_menu > li:hover {background:#c02b2f;}
.gnb_back .gnb_back_menu > li:hover ul.ul_2 li a {color:#FFF;}



@media all and (max-width:1400px){

.gnb_1da {font-size:18px;}
}

@media all and (max-width:1200px){

.gnb_1da {font-size:16px;}

}
.nav_right { position:absolute; right:0; top:25px; z-index:9;}
.nav_right > ul {display:flex; justify-content:center; align-items:center; }
.nav_right > ul > li {position:relative;}
.nav_right > ul > li a {font-size:15px; color:#333333; padding:0 18px;}
.nav_right > ul > li.line {}
.nav_right > ul > li.line:after {position:absolute; right:0; top:calc(50% - 7px); content:""; width:1px; height:15px; background:#7d7d7d;}


#gnb .gnb_mypage_btn {padding:0 20px; }
#gnb .gnb_mypage_btn img {width:46px;}
#gnb .gnb_menu_btn { background:#FFF; width:60px;height:60px;border:0;vertical-align:top;font-size:22px; z-index:1; }
#gnb .gnb_menu_btn img {width:100%; height:auto;}
#gnb .gnb_search_btn { color:#fff;  background:#333333; width:70px;height:70px;border:0;vertical-align:top;font-size:22px; z-index:1; }
#gnb .gnb_search_btn img {width:100%; height:auto;}




#gnb_all .gnb_close_btn {position:absolute; right:30px; top:8%;  color:#333;  width:60px;height:60px;border:0;vertical-align:top;font-size:22px; background:none; z-index:99; }


#gnb_all {display:none;position:fixed;width:100%; top:0; height:100vh; z-index:999; background:#FFF; background-size:100% auto;}
#gnb_all .at-container {height:100%;width:100%;}
#gnb_all h2 {padding-top:5%; margin-bottom:50px; text-align:center;}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:"" }
#gnb_all .gnb_al_ul {display:flex; padding:0px;  padding-bottom:5%; width:100%;}
#gnb_all .gnb_al_li {flex:1; margin:0 0px; }
#gnb_all .gnb_al_li:first-chile {border-left:none;}
#gnb_all .gnb_al_li .gnb_al_a {font-size:23px;padding:30px 0; display:block;position:relative; font-weight: bold;color:#cd363c;}
#gnb_all .gnb_al_li li { margin-bottom:0px;}
#gnb_all .gnb_al_li li i{color:#fff}
#gnb_all .gnb_al_li li a {display:block; font-size:17px; padding:5px 0px; color:#333333; line-height:120%; position:relative;}
#gnb_all .gnb_al_li:hover .gnb_al_a {}
#gnb_all .lnb_sub_wrap {position:relative;}

.gnb_all_footermenu {border-top:1px solid #e6999c; border-bottom:1px solid #e6999c;}
.gnb_all_footermenu ul {display:flex; padding-left:10px;}
.gnb_all_footermenu ul li a {font-size:17px; padding:25px 20px;}

.gnb_all_footer p {font-size:18px; padding:25px 30px;}


@media all and (max-width:1500px){

#gnb_all .gnb_al_li .gnb_al_a {font-size:30px;}
}


@media all and (max-width:1320px){

#gnb_all .gnb_al_li .gnb_al_a {font-size:26px;}
}



#tnb{border-bottom: none; background: none; margin-bottom:20px;}
#tnb ul{display:flex; justify-content:right;}
#tnb li{font-size: 1.0em; border-left: none; z-index:2;}
#tnb li a { overflow: hidden; font-size:14px; color:#555555; padding:10px; position:relative;}
#tnb li a:before {content:""; position:absolute; left:0; top:16px; height:11px; width:1px; background:#d7d7d7;}
#tnb li:first-child a:before {display:none;}
#tnb li.bookmark a:before {display:none;}
#tnb li.bookmark a {border:1px solid #cbcac9; border-radius:40px; padding:5px 10px; top:5px; font-size:13px; color:#333333;}
#tnb li .fa{display: none;}
#tnb .tnb_admin a{color: #d40424;}
#tnb a:hover{background: none; color: #333;}
#tnb .tnb_admin a:hover{color: #d40424;}


#aside {position: fixed;right:-280px; top: 0px; bottom: 0; margin: 0px;width: 280px; border-top: 0;z-index:2;overflow-y: auto;background:#fff;border: 0; }
.close_menu {position: fixed;z-index: 1100; top: 20px; right: -100%; width: 35px; height: 35px;}
.close_menu span {position:absolute; left:0; display:block; width:100%; height:2px; background:#000; -webkit-transition:all .4s ease; transition:all .4s ease; }
.close_menu .close-line1 {top:17px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
.close_menu .close-line2 {top:17px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}

#aside h3 {text-align:center; padding:70px 0 20px 0;}
#aside h3 img {display:inline-block; width:200px;}
#aside .m_barogagi {text-align:center; display:flex; justify-content:space-between; padding:0 20px;}
#aside .m_barogagi a {background:#fff; width:48%; display:block; padding:5px 10px; color:#000; border:1px solid #ddd; font-size:14px; border-radius:0px;}
.mask {display: none;position: fixed;top: 0;right: 0;width: 100%;height: 100%;background: #000;opacity: .7;cursor: pointer; z-index: 1000;}
.mb-sub-ul {display: none; }
.mb-sub-ul li a {display: block; font-size: 15px; font-weight: 400; padding: 7px 20px; border:none;}
.mb-sub-ul li a:after {display:none;}

.mobile_menu{margin-top:20px; background:url(../../img/main_dotline_h.png) repeat-x 0 top;}
.mobile_menu ul{width: 100%; overflow: hidden; padding:10px 0;}
.mobile-list {width: 100%;}
.mobile-list a {position:relative;  padding:20px 20px; width: 100%; color: #000; text-transform: uppercase; font-size: 18px; font-weight: normal; border-bottom:1px solid #77727f; }
.mobile-list a:after {position:absolute; right:20px; top:16px; font-family: 'FontAwesome'; content: "\f078"; font-size:13px; opacity:0.2;}
.mobile-list a.hover {background:#f0f0f0;}
.mobile-list a.hover:after {opacity:1;}
.mobile-list:last-child a { }

.mobile_sns_box {padding:20px;}
.mobile_sns_box ul {display:flex;}
.mobile_sns_box li {margin-right:10px;}

#mb-open-menu { display:block; position: absolute;right:0px; top:0px; width:70px; height:70px; cursor: pointer;z-index:1; }
#mb-open-menu img {width:70px;}

@media all and (min-width:1000px){
    #hd{  top: 0; min-width: none; width: 100%; }
    #hd_wrapper{background: rgba(255,255,255,0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
    #hd.scrollBg #hd_wrapper{background: rgba(255,255,255,1); -webkit-box-shadow: -2px 6px 16px 0px rgba(0,0,0,0.26); box-shadow: -2px 6px 16px 0px rgba(0,0,0,0.26);}
    #hd_wrapper{}
   /* #hd_wrapper .inner{height: 90px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}*/
    #hd.scrollBg .gnb_1da{color: #000;}
    #hd.scrollBg #tnb li.login{background-image: url(../../img/common/login_icon1.png);}
    #hd.scrollBg #tnb li.logout{background-image: url(../../img/common/logout_icon1.png);}
    #hd.scrollBg #tnb li.register{background-image: url(../../img/common/register_icon2.png);}
     
    #aside{display: none;}
    #gnb .gnb_wrap {display: block;}
    .close_menu{display: none;}
    #mb-open-menu{display: none;}
    #hd.scrollBg #nav_bar{background: #c80e21; bottom: -1px;}
}

@media all and (max-width:1400px){
#hd_wrapper{width: 100%;}
#gnb_1dul {width:600px; }
.gnb_wrap.on #gnb_1dul {width:800px;} 

.gnb_back .gnb_back_menu {max-width:600px;}
.gnb_back.on .gnb_back_menu {max-width:800px;}

}

@media all and (max-width:1200px){
	#gnb_1dul {width:450px;}

	#logo {position:absolute; left:20px; top:20px;}
	#logo img {width:240px;}


.gnb_wrap.on #gnb_1dul {width:600px;} 

.gnb_back .gnb_back_menu {max-width:450px;}
.gnb_back.on .gnb_back_menu {max-width:600px;}
.gnb_back .gnb_back_menu > li ul.ul_2 li a { font-size:13px; }


}

@media all and (max-width:1000px){
    #tnb{width: 100%;}
	#gnb .gnb_wrap {display:none;}
	#hd {position:relative; background:#FFF; height:70px;}
	#logo {top:15px;}
	#logo img {width:165px;}	


	.nav_right { position:absolute; right:50px; top:20px; }
	.nav_right > ul > li .nav_member_menu {display:none; position:absolute; left:-5px; background:#FFF; list-style:none; padding:0; margin:0; width:100px; border:1px solid #ccc; z-index:9;border-radius:5px; overflow:hidden; z-index:999;}
	.nav_right > ul > li .nav_member_menu li a {font-size:15px; padding:5px 10px; border-bottom:1px solid #e5e5e5;}
	.nav_right > ul > li .nav_member_menu li:last-child a {border-bottom:none;}
	.nav_right > ul > li .nav_member_menu li a.admin {background:#ef4767; color:#FFF;}

	#gnb .gnb_mypage_btn {padding:0 20px;}
	#gnb .gnb_menu_btn { display:none;}
	#gnb .gnb_search_btn { color:#fff;  background:#333333; width:70px;height:70px;border:0;vertical-align:top;font-size:22px; z-index:1; }



}

@media all and (max-width:1000px){

    #aside{display: block; z-index: 2000;}
}
@media all and (max-width:980px){
	#gnb .gnb_mypage_btn {padding:0 10px;}
}

@media all and (max-width:550px){
	.nav_right {display:none;}
}

@media all and (max-width:370px){
	#hd {position:relative; background:#FFF; height:60px;}
	#logo img {width:120px;}	
	.nav_right {right:40px;}
	#gnb .gnb_mypage_btn {padding:0 10px;}
	#gnb .gnb_search_btn { color:#fff;  background:#333333; width:60px;height:60px;border:0;vertical-align:top;font-size:22px; z-index:1; }
	#gnb .gnb_search_btn img {width:60px;}
	#mb-open-menu { display:block; position: absolute;right:0px; top:0px; width:60px; height:60px; cursor: pointer;}
	#mb-open-menu img {width:60px;}
}