@charset "UTF-8";
@media screen and (max-width: 1400px){
	.header .header_inner .gnb_cont_area {padding: 0 5px;}
	
	.header .header_inner .header_top_cont {padding: 10px 5px;}
	.header .header_inner .header_top_cont2 .container {padding: 10px 5px;}
	.header .header_inner .header_top_cont .site_list_area > .list > li .link {font-size: 12px; line-height: 21px;}
	.header .header_inner .header_top_cont .member_list_area > .list > li .btn .text {padding:0 0 0 15px; background-size:10px auto; font-size: 12px; line-height: 21px;}

	.header .header_inner .gnb_cont_area .logo_area {width: 200px;}
	.header .header_inner .gnb_cont_area .gnb_area {width: -webkit-calc(100% - 277px); width: calc(100% - 277px);}
	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text {font-size: 16px; line-height: 77px;}
	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li > a {font-size: 14px; line-height: 27px;}
	.header .header_inner .gnb_cont_area .head_btn_area {width: 77px;}
	.header .header_inner .gnb_cont_area .head_btn_area .sch_btn {width: 21px; margin: 0 22px 0 0;}
	.header .header_inner .gnb_cont_area .head_btn_area .sitemap_btn {width: 25px;}
	.sitemap_wrap.sitemap_style2 {padding: 0 0 0 480px;}
	.sitemap_wrap.sitemap_style2:before {max-width: 480px;}
	.sitemap_wrap.sitemap_style2 .logo_area {max-width: 480px;}

}

@media screen and (max-width: 1280px){

	.header .header_inner .gnb_cont_area .logo_area {width: 180px;}
	.header .header_inner .gnb_cont_area .gnb_area {width: -webkit-calc(100% - 235px); width: calc(100% - 235px);}
	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text {font-size: 14px; line-height: 67px;}
	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li > a {font-size: 12px; line-height: 24px;}
	.header .header_inner .gnb_cont_area .head_btn_area {width: 55px;}
	.header .header_inner .gnb_cont_area .head_btn_area .sch_btn {width: 16px; margin: 0 12px 0 0;}
	.header .header_inner .gnb_cont_area .head_btn_area .sitemap_btn {width: 20px;}
	.sitemap_wrap.sitemap_style2 {padding: 0 0 0 380px;}
	.sitemap_wrap.sitemap_style2:before {max-width: 380px;}
	.sitemap_wrap.sitemap_style2 .logo_area {max-width: 380px;}

}

@media screen and (max-width: 1080px){
	.header .header_inner .header_top_cont {display: none;}
	.header .header_inner .header_top_cont2 {display: none;}
	.header .header_inner .header_top_cont3 {display: none;}

	.header .header_inner .gnb_cont_area {border-bottom: 1px solid #eeeeee; padding: 20px 5px;}
	.header .header_inner .gnb_cont_area .gnb_area {display: none;}
	.header .header_inner .gnb_cont_area .logo_area {width: 102px;}
	.header .header_inner .gnb_cont_area .head_btn_area {width: auto;}
	.header .header_inner .gnb_cont_area .head_btn_area .sch_btn {display: none;}
	.header .header_inner .gnb_cont_area .head_btn_area .sitemap_btn {display: none;}
	.header .header_inner .gnb_cont_area .head_btn_area .m_gnb_btn {display: block; width: 20px;}

	.header .header_inner .gnb_cont_area2 {padding: 20px 0;}
	.header .header_inner .gnb_cont_area2 .container .logo_area.m {display: block; width: 102px;}
	.header .header_inner .gnb_cont_area2 .container .gnb_area {display: none;}
	.header .header_inner .gnb_cont_area2 .container .head_btn_area.pc {display: none;}
	.header .header_inner .gnb_cont_area2 .container .head_btn_area.m {display: block;}
	.header .header_inner .gnb_cont_area2 .container .head_btn_area .m_gnb_btn {display: block;}

	
	.header .header_inner .gnb_cont_area3 {padding: 20px 0;}
	.header .header_inner .gnb_cont_area3 .container .logo_area.m {display: block; width: 102px;}
	.header .header_inner .gnb_cont_area3 .container .gnb_area {display: none;}
	.header .header_inner .gnb_cont_area3 .container .head_btn_area.pc {display: none;}
	.header .header_inner .gnb_cont_area3 .container .head_btn_area.m {display: block;}
	.header .header_inner .gnb_cont_area3 .container .head_btn_area .m_gnb_btn {display: block;}
	
	.header .header_inner .header_bottom_cont {display: block; padding: 5px; text-align: right;}
	.header .header_inner .header_bottom_cont .member_list_area {position: relative; font-size: 0;}
	.header .header_inner .header_bottom_cont .member_list_area > .list {}
	.header .header_inner .header_bottom_cont .member_list_area > .list > li {display: inline-block; position:relative; margin: 0 3px 0 0; padding: 0 3px 0 0;}
	.header .header_inner .header_bottom_cont .member_list_area > .list > li:after {content: ''; position:absolute; top: 50%; right: -3px; width: 1px; height: 14px; background-color: #eeeeee; transform: translateY(-50%);}
	.header .header_inner .header_bottom_cont .member_list_area > .list > li:last-child {margin: 0; padding: 0;}
	.header .header_inner .header_bottom_cont .member_list_area > .list > li:last-child:after {display: none;}
	.header .header_inner .header_bottom_cont .member_list_area > .list > li .btn {display: block;}
	.header .header_inner .header_bottom_cont .member_list_area > .list > li .btn .text {padding: 0 0 0 15px; background-size:10px auto; background-position: left center; background-repeat: no-repeat; font-weight: 300; font-size: 12px; line-height: 21px; color: #616161;}
	.header .header_inner .header_bottom_cont .member_list_area > .list > li.icon01 .btn .text {background-image: url('/images/home/kor/user/header/head_icon00.png');}
	.header .header_inner .header_bottom_cont .member_list_area > .list > li.icon02 .btn .text {background-image: url('/images/home/kor/user/header/head_icon02.png');}
	.header .header_inner .header_bottom_cont .member_list_area > .list > li.icon03 .btn .text {background-image: url('/images/home/kor/user/header/head_icon02_on.png');}
	.header .header_inner .header_bottom_cont .member_list_area > .list > li.icon04 .btn .text {background-image: url('/images/home/kor/user/header/head_icon03.png');}
	.header .header_inner .header_bottom_cont .member_list_area > .list > li.icon05 .btn .text {background-image: url('/images/home/kor/user/header/head_icon04.png');}
	.header .header_inner .header_bottom_cont .member_list_area > .list > li.icon06 .btn .text {background-image: url('/images/home/kor/user/header/head_icon05.png');}
	.header .header_inner .header_bottom_cont .member_list_area > .list > li.icon07 .btn .text {background-image: url('/images/home/kor/user/header/head_icon07.png');}
	.header .header_inner .header_bottom_cont .member_list_area > .list > li.icon_none .btn .text {padding:0;}
	.header .header_inner .header_bottom_cont .member_list_area > .state {display: inline-block; position:absolute; bottom: -23px; right: 90px;}
	.header .header_inner .header_bottom_cont .member_list_area > .state .state_btn {position:relative; display:block; width:100%; padding:0 8px; background-color:#ffffff; font-size:0; border-radius:20px; box-shadow: 0px 0px 20px 0px rgba(110, 81, 79, 0.2); text-align:center;}
	.header .header_inner .header_bottom_cont .member_list_area > .state .state_btn:after {position:absolute; content:''; top:-8px; left:50%; width:12px; height:12px; background-image: url('/images/home/kor/user/main/speech_bubble.png'); transform: rotate(180deg) translateX(-50%);} 
	.header .header_inner .header_bottom_cont .member_list_area > .state .text {display:inline-block; font-weight:500; font-size:12px; line-height:21px; color:#424242;}
	.header .header_inner .header_bottom_cont .member_list_area > .state.sty2 {right: 110px;}

	/* ==================== POPZON ==================== */
	.head_popzon .popzon_box {padding: 0 100px;}
	.head_popzon .popzon_box .nav_box {margin: -13px 0 0;}
	.head_popzon .popzon_box .nav_box .nav {width: 17px; height: 17px;}
	.head_popzon .popzon_box .nav_box .num {margin: 0 0 0 10px; font-size: 14px; line-height: 21px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a {padding: 15px 0;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 27px; font-size: 18px; line-height: 27px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .text {height: 21px; font-size: 14px; line-height: 21px;}
	.head_popzon .popzon_box .head_popzon_close {width: 12px; height: 12px; margin: -6px 0 0;}
	/* ==================== POPZON ==================== */

}

@media screen and (max-width:767px){
	/* ==================== POPZON ==================== */
	.head_popzon .popzon_box {padding: 8px 5px;}
	.head_popzon .popzon_box .nav_box {position: inherit; top: inherit; left: inherit; margin: 0;}
	.head_popzon .popzon_box .nav_box.pc {display: none;}
	.head_popzon .popzon_box .nav_box.m {display: inline-block; }
	.head_popzon .popzon_box .nav_box .nav {width: 17px; height: 17px;}
	.head_popzon .popzon_box .nav_box .num {margin: 0 0 0 10px; font-size: 12px; line-height: 18px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a {padding: 0 0 8px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 24px; font-size: 16px; line-height: 24px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .text {height: 18px; font-size: 12px; line-height: 18px;}
	.head_popzon .popzon_box .head_popzon_close {position: inherit; top: inherit; right: inherit; margin: 0 0 0 20px; vertical-align: middle;}
	/* ==================== POPZON ==================== */
}

@media screen and (max-width:480px){
	.header .header_inner .gnb_cont_area {padding: 10px 5px;}
	.header .header_inner .gnb_cont_area .head_btn_area .m_gnb_btn {width: 20px;}

	.header .header_inner .gnb_cont_area2 {padding: 10px 0;}
	.header .header_inner .gnb_cont_area2 .container .head_btn_area {width: 20px;}
	.header .header_inner .gnb_cont_area2 .container .head_btn_area .m_gnb_btn {width: 20px;}

	.header .header_inner .gnb_cont_area3 {padding: 10px 0;}
	.header .header_inner .gnb_cont_area3 .container .head_btn_area {width: 20px;}
	.header .header_inner .gnb_cont_area3 .container .head_btn_area .m_gnb_btn {width: 20px;}

	.header .m_gnb_wrap .m_gnb_top {padding: 10px 5px;}
	.header .m_gnb_wrap .m_gnb_top .m_gnb_close {width: 11px; height: 11px;}
	.header .m_gnb_wrap .m_gnb .item_list > li > a {padding: 0 20px 0 10px;}
	.header .m_gnb_wrap .m_gnb .item_list > li > a:after {right: 5px;}
	.header .m_gnb_wrap .m_gnb .item_list > li > a .text {font-size: 16px; line-height: 40px;}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb {padding: 10px;}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a {padding: 0 8px; font-size: 14px; line-height: 24px;}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a:before {width: 4px; height: 4px;} 
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a.has_depth3 {padding: 0 15px 0 8px;}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a.has_depth3 .plus {width: 8px ; height: 8px;}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a.has_depth3 .plus .one {width: 1px; height: 8px;}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a.has_depth3 .plus .two {width: 8px; height: 1px;}

	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > .depth3 {padding: 10px;}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > .depth3 > li > a {font-size: 12px; line-height: 21px;}
	
	.head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 21px; font-size: 14px; line-height: 21px;}
}