@charset "utf-8";

/***** ���� *****/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Nanum+Pen+Script&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/*
font-family: 'Montserrat', sans-serif;
Thin 100
ExtraLight 200
Light 300
Regular 400
Medium 500
SemiBold 600
Bold 700
ExtraBold 800
Black 900

font-family: 'Noto Sans KR', sans-serif;
Thin 100
Light 300
Regular 400
Medium 500
Bold 700
Black 900

font-family: 'Nanum Pen Script', cursive;
*/

*{margin:0;padding:0;box-sizing:border-box; word-break:keep-all; outline:none; }

body{ font-size:12px; line-height:100%; color:#666; text-align:center; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; }		
input, select, textarea{ color:#666; }
img,fieldset,iframe{border:0 none;}
/* img{max-width:100%; height:auto;} */
img{max-width:100%;}
ul li{list-style:none; margin:0; padding:0;}
legend{ display:none;}
.text{white-space:nowrap;}/*텍스트줄바꿈방지*/

input[type=text],
input[type=password]					{height:35px; vertical-align:middle; position:relative; border:1px solid #ddd; padding:0px 10px 0px 10px; }

textarea								{ border:1px solid #ddd;}
select									{ border:1px solid #ddd; height:35px;}

.gnbWrap,
textarea,
input									{ -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }

.lastest1 .item a .more,
.lastest1 .item a .date,
.lastest1 .item a .tit,
.quickService .container .swiper-slide a:before,
.swiper-pagination-bullet,
.footer .container .family,
.top,
.animate								{ -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

/*레이어 팝업*/
/*
.layerPop												{ position:relative; width:90%; max-width:1100px; margin:5% auto; border:2px solid #000; border-radius:5px; display:inline-block; zoom:1; *display:inline; background:#fff; padding:20px; box-sizing:border-box; }
.layerPop .content										{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; padding:0px 0px 60px 0px; }
.layPopContWrap											{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; }
.layerPop .closeBtn										{ position:absolute; right:0px; top:0px; width:30px; height:30px; font-size:1.5em; }
.laypopLayout											{ position:relative; width:100%; padding:0px 60px; box-sizing:border-box; display:inline-block; zoom:1; *display:inline; }
*/
.overflowHidden											{ position:fixed; width:100%; height:100%; overflow:hidden !important; box-sizing:border-box; }
.blackArea												{ position:fixed; width:100%; height:100% !important; background:rgba(0,0,0,0.9); z-index:99999 !important; left:0px; top:0px; opacity:0; overflow-y:scroll !important; -webkit-overflow-scrolling:touch; }

/* .layerPop												{ position:relative; width:100px; height:100px; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid red; } */

#loadingWrap											{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:9999; opacity:0; }
#loadingWrap > div										{ position:absolute; left:50%; top:50%; margin:-100px 0px 0px -100px; }
@keyframes lds-double-ring {
	0%			{ -webkit-transform:rotate(0); transform:rotate(0); }
	100%		{ -webkit-transform:rotate(360deg); transform:rotate(360deg); }
}
@-webkit-keyframes lds-double-ring {
	0%			{ -webkit-transform:rotate(0); transform:rotate(0); }
	100%		{-webkit-transform:rotate(360deg); transform:rotate(360deg); }
}
@keyframes lds-double-ring_reverse {
	0%			{ -webkit-transform:rotate(0); transform:rotate(0); }
	100%		{ -webkit-transform:rotate(-360deg); transform:rotate(-360deg); }
}
@-webkit-keyframes lds-double-ring_reverse {
	0%			{ -webkit-transform:rotate(0); transform:rotate(0); }
	100%		{ -webkit-transform:rotate(-360deg); transform:rotate(-360deg); }
}




.topBg,
.txt_type1,
.txt_type2,
.txt_type3						{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mainVisualWrap .swiper-slide	{ -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; }

/* 怨듯넻 */
.inner1780{width:100%; max-width: 1780px; margin: 0 auto; position: relative; box-sizing: border-box;}
.inner1500{width:100%; max-width: 1500px; margin: 0 auto; position: relative; box-sizing: border-box;}
.inner1920{width:100%; margin: 0 auto; position: relative; box-sizing: border-box; background-color: #f0f0f0; position: fixed;}
.header_login {margin: 0 auto; text-align:RIGHT; border:0px solid #000;  height:48px; background-color: #f0f0f0; padding-top:15px;}
.header_login a	{ position:relative; display:inline-block; font-size:13px; color:#222222; padding:0px 9px; }
.header_login input {width:200px;}

/* header */
header.on{ box-shadow: 0 5px 10px rgba(224,224,224,0.3); }
header{ width: 100%; height: 138px; background-color: #fff; position: fixed; left: 0; top: 0; z-index: 11;}
header > .header_gnb{ height: 100%; top:48px}

header .logo{ text-align:right; float: left; padding: 18px 0;}
header .logo > a{ display: block; }
header .logo > a img{}

header .logo2{ float: right; padding: 24px 0; border:0px solid #000;}
header .logo2 > a{ display: block; }
header .logo2 > a img{}


header nav{ float: left; }
header nav .gnb{ display: flex; align-items: center; padding-left:250px;}
header nav .gnb > li{ position: relative; }
header nav .gnb > li > a{ display: block; padding:37px 26px; font-size:16px; color: #333; position: relative; transition: all 0.5s; }
header nav .gnb > li > a:before{ content: ""; display: block; width: 0; height: 2px; margin: 0 auto; background-color: #012b5b; position: absolute; left: 0; right: 0; top: 0; transition: all 0.5s ease; }
header nav .gnb > li.on > a:before{ width: 100%; }
header nav .gnb > li > a span{ display: block; width: 100px; text-align: center; transition: all 0.5s; }
header nav .gnb > li > a:hover span{ font-weight: 500; }
header nav .gnb > li .depth02{ display: none; width: 100%; padding: 20px 0; background-color: #fff; text-align: center; position: absolute; left: 0; top: 90px;	z-index:10000; }
header nav .gnb > li .depth02 > li{}
header nav .gnb > li .depth02 > li+li{ margin-top: 15px; }
header nav .gnb > li .depth02 > li > a{ display: block; font-size: 13px; color:#666;line-height: 1.3; }
header nav .gnb > li .depth02 > li > a:hover{ color:#012b5b; }


header aside{ float: right;}
header aside .gnb2 { display: flex; align-items: center;}
header aside .gnb2 > li{ position: relative; }
header aside .gnb2 > li > a{ display: block; padding:37px 26px; font-size:16px; color: #333; position: relative; transition: all 0.5s; }
header aside .gnb2 > li > a:before{ content: ""; display: block; width: 0; height: 2px; margin: 0 auto; background-color: #012b5b; position: absolute; left: 0; right: 0; top: 0; transition: all 0.5s ease; }
header aside .gnb2 > li.on > a:before{ width: 100%; }
header aside .gnb2 > li > a span{ display: block; width: 100px; text-align: center; transition: all 0.5s; }
header aside .gnb2 > li > a:hover span{ font-weight: 500; }
header aside .gnb2 > li .depth02{ display: none; width: 100%; padding: 20px 0; background-color: #fff; text-align: center; position: absolute; left: 0; top: 90px;	z-index:10000; }
header aside .gnb2 > li .depth02 > li{}
header aside .gnb2 > li .depth02 > li+li{ margin-top: 15px; }
header aside .gnb2 > li .depth02 > li > a{ display: block; font-size: 13px; color:#666;line-height: 1.3; }
header aside .gnb2 > li .depth02 > li > a:hover{ color:#012b5b; }

header .m_btn{
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}
header .m_btn button{
    width: 28px;
    height: 18px;
    background: none;
    border: none;
    
}
header .m_btn button > span{
    display: block;
    width: 100%;
    height: 2px;
    background-color: #012b5b;
    position: relative;
}
header .m_btn button > span:before,
header .m_btn button > span:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #012b5b;
    position: absolute;
    left: 0;
}
header .m_btn button > span:before{
    width: 18px;
    top: -8px;
}
header .m_btn button > span:after{
    top: 8px;
}

#m_menu.on{
    right: 0;
}
#m_menu{
    width: 100%;
    max-width: 360px;
    height: 100%;
    padding: 70px 0;
    background-color: #fff;
    position: fixed;
    right: -100%;
    top: 0;
    z-index: 90;
    box-sizing: border-box;
    transition: all 0.5s ease;
    overflow-y: auto;
}
#m_menu .gnb{
    padding:30px;
}
#m_menu .gnb > li{
    margin-bottom: 40px;
}
#m_menu .gnb > li > a{
    display: block;
    font-size: 20px;
    color: #333;
    font-weight: 700;
}
#m_menu .gnb > li.on > a{
    color: #012b5b;
}
#m_menu .gnb > li .depth02{
    display: none;
    padding-top: 10px;
}
#m_menu .gnb > li .depth02 > li{}
#m_menu .gnb > li .depth02 > li > a{
    display: block;
    padding: 8px;
    font-size: 15px;
    color: #666;
}


#m_menu .gnb2{
    padding:30px;
}
#m_menu .gnb2 > li{
    margin-bottom: 40px;
}
#m_menu .gnb2 > li > a{
    display: block;
    font-size: 20px;
    color: #333;
    font-weight: 700;
}
#m_menu .gnb2 > li.on > a{
    color: #012b5b;
}
#m_menu .gnb2 > li .depth02{
    display: none;
    padding-top: 10px;
}
#m_menu .gnb2 > li .depth02 > li{}
#m_menu .gnb2 > li .depth02 > li > a{
    display: block;
    padding: 8px;
    font-size: 15px;
    color: #666;
}

#m_menu .m_close{
    position: absolute;
    right: 30px;
    top: 30px;
   
}
#m_menu .m_close button{
    width: 30px;
    height: 30px;
    border: none;
    background: none;
}
#m_menu .m_close button span{
    display: block;
    width: 100%;
    height: 3px;
    background-color: #012b5b;
    transition: all 0.3s 0.3s ease;
}
#m_menu.on .m_close button span:nth-child(1){
    transform: rotate(45deg) translateY(2px);
}
#m_menu.on .m_close button span:nth-child(2){
    transform: rotate(-45deg) translateY(-2px);
}

.gnbBg{
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 50;
}


@media screen and (max-width:1780px){
	.inner1780{
        padding: 0px 15px;
    }
}


@media screen and (max-width:1500px){
	.inner1500{
        padding: 0px 15px;
    }
}

@media screen and (max-width:1340px){
	header nav .gnb {padding-left:180px;}
    header nav .gnb > li > a{
		padding:37px 20px;
		font-size:15px;
		color: #333;
		position: relative;
		transition: all 0.5s;
	}

	header aside .gnb2 > li > a{
		padding:37px 20px;
		font-size:15px;
		color: #333;
		position: relative;
		transition: all 0.5s;
	}
}

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

    /* header */
    

	header{
        height: 118px;
    }
    header .logo{
        padding: 15px 0;
    }

	header .logo2{
        padding: 15px 60px 15px 0px;
    }

    header .logo > a img{
        max-height: 38px;
    }

	header .logo2 > a img{
        max-height: 38px;
    }
    header nav{
        display: none;
    }

	header aside{
        display: none;
    }
    
    
    header .m_btn{
        display: block;
        right: 15px;
        top: 23px;
    }  

	.header_login a	{ position:relative; display:inline-block; font-size:12px; color:#222222; padding:0px 5px; }
	.header_login input {width:120px;}


	
  


}






.layerPop												{ position:relative; width:90%; max-width:1100px; margin:5% auto; border:2px solid #000; border-radius:5px; display:inline-block; zoom:1; *display:inline; background:#fff; padding:20px; box-sizing:border-box; }
.layerPop .content										{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; padding:0px 0px 60px 0px; }
.layPopContWrap											{ position:relative; width:100%; display:inline-block; zoom:1; *display:inline; }
.layerPop .closeBtn										{ position:absolute; right:0px; top:0px; width:30px; height:30px; font-size:1.5em; }
.laypopLayout											{ position:relative; width:100%; padding:0px 60px; box-sizing:border-box; display:inline-block; zoom:1; *display:inline; }
.overflowHidden											{ position:fixed; width:100%; height:100%; overflow:hidden !important; box-sizing:border-box; }
.blackArea												{ position:fixed; width:100%; height:100% !important; background:rgba(0,0,0,0.9); z-index:999 !important; left:0px; top:0px; opacity:0; overflow-y:scroll !important; -webkit-overflow-scrolling:touch; }
.noOverflow												{ overflow:hidden; }

#loadingWrap											{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:99; opacity:0; }
#loadingWrap > div										{ position:absolute; left:50%; top:50%; margin:-100px 0px 0px -100px; }
@keyframes lds-double-ring {
	0%			{ -webkit-transform:rotate(0); transform:rotate(0); }
	100%		{ -webkit-transform:rotate(360deg); transform:rotate(360deg); }
}
@-webkit-keyframes lds-double-ring {
	0%			{ -webkit-transform:rotate(0); transform:rotate(0); }
	100%		{-webkit-transform:rotate(360deg); transform:rotate(360deg); }
}
@keyframes lds-double-ring_reverse {
	0%			{ -webkit-transform:rotate(0); transform:rotate(0); }
	100%		{ -webkit-transform:rotate(-360deg); transform:rotate(-360deg); }
}
@-webkit-keyframes lds-double-ring_reverse {
	0%			{ -webkit-transform:rotate(0); transform:rotate(0); }
	100%		{ -webkit-transform:rotate(-360deg); transform:rotate(-360deg); }
}

.lds-double-ring						{ position:relative; }
.lds-double-ring div					{ position:absolute; width:160px; height:160px; top:13px; left:13px; border-radius:50%; border:8px solid #000; border-color:rgba(77.64705882352942%,26.66666666666667%,51.37254901960785%,0.474) transparent rgba(77.64705882352942%,26.66666666666667%,51.37254901960785%,0.474) transparent; -webkit-animation:lds-double-ring 2s linear infinite;  animation:lds-double-ring 2s linear infinite; }
.lds-double-ring div:nth-child(2)		{ width:140px; height:140px; top:23px; left:23px; border-color:transparent #c64483 transparent #c64483; -webkit-animation:lds-double-ring_reverse 2s linear infinite; animation:lds-double-ring_reverse 2s linear infinite; }
.lds-double-ring						{ width:200px !important; height:200px !important; -webkit-transform:translate(-100px, -100px) scale(1) translate(100px, 100px); transform:translate(-100px, -100px) scale(1) translate(100px, 100px); }





.mainVisualWrap												{ position:relative; width:100%; height:100%; min-height:500px; overflow:hidden; }
.mainVisualWrap .swiper										{ position:relative; width:100%; height:100%; }
.mainVisualWrap .swiper-wrapper								{ position:relative; width:100%; height:100%; }
.mainVisualWrap .swiper-slide								{ position:relative; width:100%; height:100%; background-size:cover !important; background-position:50% center !important; background-repeat:no-repeat !important; background-color:#fff; }
.mainVisualWrap .swiper-slide.swiper-slide-prev				{ background-position:-100px center !important; }
.mainVisualWrap .swiper-slide.swiper-slide-active			{ background-position:center center !important; }
.mainVisualWrap .swiper-slide.swiper-slide-next				{ background-position:100px center !important; }

.mainVisualWrap .swiper-slide .typoWrap											{ position:absolute; top:52%; transform:translate(0,-50%); width:100%; text-align:left; z-index:4; text-align:center;}
.mainVisualWrap .swiper-slide .typoWrap > span									{ display:inline-block; vertical-align:top; width:100%; line-height:130%; opacity:0; }
.mainVisualWrap .swiper-slide .typoWrap .txt_type1								{ padding:0px 0px 0px 50px; text-align:center;}
.mainVisualWrap .swiper-slide .typoWrap .txt_type2								{ margin:0px 0px 40px 50px;  text-align:center; }
.mainVisualWrap .swiper-slide .typoWrap .txt_type3								{ margin:0px 0px 0px 50px; line-height:170%; }
.mainVisualWrap .swiper-slide .typoWrap .btn_type1								{ margin:30px 0px 0px 50px; }

.mainVisualWrap .swiper-slide.swiper-slide-active .typoWrap > span				{ opacity:1; }
.mainVisualWrap .swiper-slide.swiper-slide-active .typoWrap .txt_type1			{ padding:0px 0px 0px 0px; }
.mainVisualWrap .swiper-slide.swiper-slide-active .typoWrap .txt_type2			{ margin:10px 0px 0px 0px; }
.mainVisualWrap .swiper-slide.swiper-slide-active .typoWrap .txt_type3			{ margin:0px 0px 0px 0px; line-height:170%; }
.mainVisualWrap .swiper-slide.swiper-slide-active .typoWrap .btn_type1			{ margin:30px 0px 0px 0px; }

.mainVisualWrap .swiper-button-next												{ background:none; font-size:60px; padding:0px; margin:0px; width:60px; height:60px; line-height:60px; text-align:center; }
.mainVisualWrap .swiper-button-next i											{ width:60px; height:60px; line-height:60px; vertical-align:top; color:#d71313; }
.mainVisualWrap .swiper-button-prev												{ background:none; font-size:60px; padding:0px; margin:0px; width:60px; height:60px; line-height:60px; text-align:center; }
.mainVisualWrap .swiper-button-prev i											{ width:60px; height:60px; line-height:60px; vertical-align:top; color:#d71313; }

.mainVisualWrap .swiper-pagination span											{ width:15px; height:15px; background:#fff; opacity:1; }
.mainVisualWrap .swiper-pagination .swiper-pagination-bullet-active				{ background:#d71313; }





.title												{ position:relative; width:100%; display:inline-block; vertical-align:top; padding:0px 50px; }
.title > span										{ position:relative; width:100%; display:inline-block; vertical-align:top; }

.footer												{ position:relative; width:100%; display:inline-block; vertical-align:top; background:#333333; padding:40px 0px 0px 0px; text-align:center; }
.goto_top											{ position:absolute; left:50%; top:-25px; transform:translate(-50%,0); width:50px; height:50px; line-height:50px; background:#d71313; color:#fff; text-align:center; font-size:20px; border-radius:3px; }

.copy_menu											{ position:relative; width:100%; text-align:center; margin:20px 0px; }
.copy_menu a										{ display:inline-block; font-size:14px; color:#fff; margin:0px 10px; }

.num_info											{ position:relative; width:100%; text-align:left; }
.num_info li										{ color:#949494; font-size:14px; margin:7px 10px}
.num_info a										{ color:#fff;}

.com_info											{ position:relative; width:100%; font-size:14px; color:#777777;  text-align:left;}
.com_info span										{ display:inline-block; margin:7px 10px; line-height:24px;}

.copy_right											{ position:relative; width:100%; padding:15px 20px; background:#2a2a2a; color:#777777; margin:20px 0px 0px 0px; }

.foot_3in											{ position:relative; margin: 0 auto; width:100%; max-width: 1300px; height:100%; overflow:hidden;}
.foot_3_left {float: left; width: 60%; height:100%; overflow:hidden;}
.foot_3_center {float: left; width: 20%; height:100%; overflow:hidden;}
.foot_3_right {float: left; width: 20%; height:100%; overflow:hidden;}


.sub_vi												{ position:relative; width:100%; height:634px;  background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important; overflow:hidden; }
.sub_vi2											{ position:relative; width:100%; height:110px; border-bottom:1px solid #666;}
.doc_tit											{ position:absolute; left:50%; top:57%; transform:translate(-50%,-50%); max-width:500px; width:100%; padding:0px 20px; }
.doc_tit > span,
.doc_tit > strong									{ display:inline-block; width:100%; margin-bottom:15px;}
.doc_tit > span										{ margin:30px 0px 0px 0px; line-height:180%; }

.doc_wrap											{ position:relative; width:100%; display:inline-block; vertical-align:top; background:#fff; padding:0px 0px 100px 0px; }


.sub_title_wrap										{ position:relative; width:100%; display:inline-block; vertical-align:top; padding:60px 20px 40px 20px; background:#f8fafb; }
.sub_title_wrap > strong,
.sub_title_wrap > span								{ display:inline-block; width:100%; text-align:center; }
.sub_title_wrap > .sub_title1						{ margin:0px 0px 30px 0px; }
.sub_title_wrap > .sub_title2						{ margin:0px 0px 15px 0px; }

.sub_contentWrap									{ position:relative; width:100%; display:inline-block; vertical-align:top; text-align:center; }





.col-sm-4 {

  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}


.maxWidth											{ max-width:1340px; }
.fullSize												{ display:inline-block; width:100%; vertical-align:top; }
p,
p span													{ line-height:200%; }

.cont_p												{ margin:0px 0px 40px 0px; line-height:170%; }

.loginWrap											{ position:relative; width:100%; max-width:400px; padding:50px 10px; margin:0 auto; }
.joinWrap											{ position:relative; width:100%; max-width:600px; padding:50px 10px; margin:0 auto; }


.mb_title											{ display:inline-block; width:100%; text-align:center; margin:0px 0px 15px 0px; }
.mb_subtitle										{ display:inline-block; width:100%; text-align:center; margin:0px 0px 30px 0px; }

.mb_label											{ display:inline-block; width:100%; font-size:16px; font-weight:500; color:#474747; margin:0px 0px 10px 0px; }
.inputWrap											{ margin:0px 0px 20px 0px; float:left; }
.mb_check											{ font-size:16px; font-weight:500; color:#474747; }

.certi												{ position:relative; display:inline-block; width:100%; border:1px solid #eaeaea; background:#f7f7f7; padding:30px 20px 30px 100px; border-radius:3px; margin:0px 0px 20px 0px; }
.certi:hover										{ border:1px solid #ff735c; }
.certi > span										{ display:inline-block; vertical-align:top; width:100%; }
.certi img											{ position:absolute; left:20px; top:50%; transform:translate(0,-50%); }
.certi .cont1										{ font-size:16px; color:#474747; margin:0px 0px 5px 0px; font-weight:500; }
.certi .cont2										{ font-size:14px; color:#7f7f7f; }

.agree												{ margin:10px 0px; font-size:14px;}

.zipInput											{ width:calc(50% - 5px) !important; margin:0px 0px 10px 0px; float:left; }
.zinBtn												{ width:calc(50% - 5px) !important; margin:0px 0px 10px 0px; float:right; }
.add1,
.add2												{ margin:0px 0px 10px 0px; }

.mb_acc1											{ width:calc(50% - 5px) !important; margin:0px 0px 10px 0px; float:left; }
.mb_acc2											{ width:calc(50% - 5px) !important; margin:0px 0px 10px 0px; float:right; }

.join_com											{ position:relative; width:100%; border-radius:3px; background:#f7f7f7; border:1px solid #eaeaea; padding:30px 20px; font-size:16px; margin:0px 0px 50px 0px; text-align:center; line-height:180%; }


.mo_bid_pc {display:block;}
.mo_bid_mobile {display:none;}
.schedule_text {margin-bottom:10px; padding-bottom:6px; border-bottom: 1px solid #ccc; line-height:;}
.schedule_text a{color:#737373;}


.dark_bg {width: 100%; height: 100%;min-height: 100%; background: rgb(0, 0, 0, 0.3);}
.clear_pop {width: 100%; height: 100%; min-height: 100%; position: fixed; z-index: 9999;}





/* 폰트 */
.txt_type1								{ font-size:27px; font-weight:400; }
.txt_type2								{ font-size:45px; font-weight:700; }
.txt_type3								{ font-size:16px; font-weight:400; }
.txt_type4								{ font-size:40px; font-weight:700; }
.txt_type5								{ font-size:15px; font-weight:400; }
.txt_type6								{ font-size:20px; font-weight:500; }
.txt_type7								{ font-size:23px; font-weight:500; }
.txt_type8								{ font-size:18px; font-weight:500; }
.txt_type9								{ font-size:18px; font-weight:700; }
.txt_type10								{ font-size:27px; font-weight:500; }
.txt_type11								{ font-size:28px; font-weight:400; }

/* 폰트컬러 */
.blue_color1							{ color:#1a3145;}
.gray_color1							{ color:#4e5556; }
.gray_color2							{ color:#7a7a7a; }
.gray_color3							{ color:#1e1e1e; }
.white_color1							{ color:#ffffff; }
.white_color2							{ color:#ffffff; text-shadow: 2px 2px 2px black;}
.ora_color1								{ color:#d71313; }

/* 버튼 */
.btn_type1								{ background:#d71313; color:#ffffff; font-weight:500; font-size:16px; padding:10px 40px; border-radius:3px; display:inline-block; box-shadow:0px 20px 30px rgba(255,113,90,0.5); }
.btn_type2								{ background:#ffffff; color:#737373; font-weight:500; font-size:13px; padding:10px 20px; border-radius:3px; display:inline-block; border:1px solid #d9d9d9; }
.btn_type3								{ background:#ffffff; color:#737373; font-weight:500; font-size:13px; padding:20px 20px; border-radius:3px; display:inline-block; box-shadow:0px 10px 20px rgba(0,0,0,0.1); }
.btn_type4								{ background:#d71313; color:#ffffff; font-weight:500; font-size:16px; padding:18px 40px; border-radius:3px; display:inline-block; box-shadow:0px 20px 30px rgba(255,113,90,0.5); text-align:center; }
.btn_type5								{ background:#696969; color:#ffffff; font-weight:500; font-size:16px; width:100%; height:54px; line-height:54px; border-radius:3px; display:inline-block; text-align:center; }
.btn_type6								{ background:#696969; color:#ffffff; font-weight:500; font-size:16px; width:49.5%; height:40px; line-height:38px; border-radius:3px; display:inline-block; text-align:center; }

/* 정렬 */
.txt_center								{ text-align:center !important; }
.txt_left								{ text-align:left !important; }
.txt_right								{ text-align:right !important; }

/* 레이아웃 */
.col10									{ width:10%; }
.col20									{ width:20%; }
.col25									{ width:25%; }
.col30									{ width:30%; }
.col33									{ width:33.33333%; }
.col40									{ width:40%; }
.col50									{ width:50%; }
.col50_2								{ width:50%; }
.col60									{ width:60%; }
.col70									{ width:70%; }
.col80									{ width:80%; }
.col90									{ width:90%; }
.col100									{ width:100%; }

.floatLeft								{ float:left !important; }
.floatRight								{ float:right !important; }

.pad40									{ padding:40px; }
.padR10									{ padding-right:10px; }
.padL10									{ padding-left:10px; }







.mo_video_size {width:800px; height:533px;}

#expert {height: 430px;margin-bottom: 30px;} 
table.expert{border-collapse:collapse;}
.expert {width: 100%;border-top: 2px solid #da0000;margin-bottom: 50px;}
.expert th {font-size: 16px;font-weight: 700;color: #da0000;background-color: #f2f2f2;border-bottom: 1px solid #ddd;padding: 15px 0; text-align:center; }
.expert td {border-bottom: 1px solid #ddd;font-size: 16px;font-weight: 300;color: #666;padding: 15px 0; text-align:center;}
.expert .td_left {text-align:left; padding-left:20px;}
.expert_p {font-size:18px; margin-bottom:10px;}

.regulation_text {font-size:18px; line-height:33px;}
.box-radio-input input[type="radio"]{
    display:none;
}
.box-radio-input input[type="radio"] + span{
    display:inline-block;
    background:none;
    border:1px solid #dfdfdf;    
    padding:0px 10px;
    text-align:center;
    height:35px;
    line-height:33px;
    font-weight:500;
    cursor:pointer;
}
.box-radio-input input[type="radio"]:checked + span{
    border:1px solid #7c92f8;
    background:#7c92f8;
    color:#fff;
}


.box-checked-input input[type="checkbox"]{
    display:none;
}
.box-checked-input input[type="checkbox"] + span{
    display:inline-block;
    background:none;
    border:1px solid #dfdfdf;    
    padding:0px 15px;
    text-align:center;
    height:35px;
    line-height:33px;
    font-weight:500;
    cursor:pointer;
}
.box-checked-input input[type="checkbox"]:checked + span{
    border:1px solid #7c92f8;
    background:#7c92f8;
    color:#fff;
}


.tech-radio-input input[type="radio"]{
    display:none;
}
.tech-radio-input input[type="radio"] + span{
    display:inline-block;
    background:none;
    border:1px solid #dfdfdf;    
    padding:0px 10px;
    text-align:center;
    width:85px;
	height:45px;
    line-height:43px;
    font-weight:500;
    cursor:pointer;
}
.tech-radio-input input[type="radio"]:checked + span{
    border:1px solid #7c92f8;
    background:#7c92f8;
    color:#fff;
}

.col10													{ width:10%; float:left; }
.col20													{ width:20%; float:left; }
.col30													{ width:30%; float:left; }
.col33													{ width:33.3333333%; float:left; }
.col40													{ width:40%; float:left; }
.col50													{ width:50%; float:left; }
.col55													{ width:55%; float:left; }
.col60													{ width:60%; float:left; }
.col70													{ width:70%; float:left; }
.col80													{ width:80%; float:left; }
.col90													{ width:90%; float:left; }
.col100													{ width:100%; float:left; }

.txtLeft												{ text-align:left; }
.txtRight												{ text-align:right; }
.txtCenter												{ text-align:center; }



.table_sub_menu {padding-top:10px; height:40px; background:#37414a; margin-top:20px;}
.table_sub_menu  a {display:inline-block; color:#fff; margin-left:30px;}
.menu1_box {height:100px;}

.optionWrap				{ position:relative; width:100%; border-radius:5px; background:#f7f7f7; border:1px solid #ddd; padding:20px; display:inline-block; zoom:1; *display:inline; }
.optionWrap .countWrap	{ float:left; margin:10px 0px 0px 0px; }
.optionWrap .opPrice	{ float:right; font-size:18px; font-weight:600; margin:15px 0px 0px 0px; }
.optionWrap .delBtn		{ position:absolute; right:-5px; top:-5px; font-size:20px; background:#494949; width:36px; height:36px; border-radius:999px; }
.optionWrap .delBtn i	{ color:#fff; }

.countWrap				{ position:relative; width:152px; border-radius:10px; overflow:hidden; }
.countWrap button		{ width:36px; height:36px; border:0px; float:left; background:#494949; }
.countWrap button i		{ color:#fff; }
.countWrap input		{ width:80px; height:36px; line-height:36px; float:left; border-radius:0px; border:1px solid #494949; text-align:center; }

.totalPrice	{ position:relative; width:100%; padding:20px 0px; text-align:center; background:#f7f7f7; border:1px solid #ddd; border-radius:5px; margin:20px 0px; }




.wrap{position:relative;  max-width:1320px; margin:0 auto; padding:0px 20px; /*overflow:hidden*버튼등 영역밝 가려짐떄문에 못씀*/ } /*전체 최대 넓이 조절 */


.btnArea												{ position:relative; width:100%; text-align:center; }
.btn1													{ display:inline-block; border:1px solid #ddd; padding:15px 60px; font-size:16px; color:#373737; }
.btn1:hover												{ border-color:#d50000; background:#d50000; color:#fff; }


.newsWrap												{ position:relative; width:100%; display:inline-block; vertical-align:top; text-align:center; margin:0px 0px 0px 0px; }
.newsWrap .container									{ position:relative; width:100%; max-width:1320px; display:inline-block; vertical-align:top; text-align:left; padding:50px 20px;}

.titleWrap1												{ position:relative; width:100%; display:inline-block; vertical-align:top; text-align:center; margin:0px 0px 30px 0px; }
.titleWrap1 .mTitle										{ width:100%; display:inline-block; vertical-align:top; margin:0px 0px 10px 0px; }
.titleWrap1 .sTitle										{ width:100%; display:inline-block; vertical-align:top; line-height:120%; }

.titleWrap2												{ position:relative; width:100%; display:inline-block; vertical-align:top; text-align:left; margin:0px 0px 30px 0px; }
.titleWrap2 .mTitle										{ display:inline-block; vertical-align:top; }
.titleWrap2 .sTitle										{ display:inline-block; vertical-align:bottom; }

.tapContWrap											{ position:relative; width:100%; display:inline-block; vertical-align:top; text-align:center; }
.tapContWrap .tapTitle									{ position:relative; display:inline-block; vertical-align:top; text-align:center; white-space:nowrap; border-top:1px solid #ddd; padding:0px 20px; margin:0px 0px 30px 0px; overflow-x:auto; max-width:100%; }
.tapContWrap .tapTitle a								{ position:relative; display:inline-block; border-top:2px solid #fff; padding:10px 20px; font-size:18px; color:#929292; }
.tapContWrap .tapTitle a:hover,
.tapContWrap .tapTitle a.active							{ border-color:#d50000; color:#d50000; }
.tapContWrap .tapCont									{ position:relative; width:100%; display:inline-block; vertical-align:top; text-align:center; }
.tapContWrap .tapCont .cont								{ position:relative; width:100%; vertical-align:top; text-align:center; display:none; }
.tapContWrap .tapCont .cont1							{ display:inline-block; }

.tapContWrap2											{ position:relative; width:100%; display:inline-block; vertical-align:top; text-align:left; }
.tapContWrap2 .tapTitle									{ position:relative; width:100%; display:inline-block; vertical-align:top; text-align:left; white-space:nowrap; border:1px solid #ddd; margin:0px 0px 40px 0px; padding:0px 0px 0px 0px; overflow-x:auto; background:#f7f7f7; }
.tapContWrap2 .tapTitle a								{ font-size:18px; color:#575757; padding:15px 40px; border-right:1px solid #ddd; display:inline-block; margin:0px 0px 0px -4px; }
.tapContWrap2 .tapTitle a:hover,
.tapContWrap2 .tapTitle a.active						{ background:#d50000; color:#fff; border-color:#d50000; }
.tapContWrap2 .tapCont									{ position:relative; width:100%; display:inline-block; vertical-align:top; }
.tapContWrap2 .tapCont .cont							{ position:relative; width:100%; vertical-align:top; text-align:center; display:none; }
.tapContWrap2 .tapCont .cont1							{ display:inline-block; }


.lastest1												{ position:relative; width:100%; display:inline-block; vertical-align:top; margin:0px 0px 20px 0px; }
.lastest1 .item											{ position:relative; width:33.33333%; float:left; padding:10px; }
.lastest1 .item a										{ position:relative; display:inline-block; vertical-align:top; border:1px solid #ddd; width:100%; padding:40px; text-align:left; }
.lastest1 .item a .more									{ position:absolute; right:0px; bottom:0px; width:40px; height:40px; line-height:40px; text-align:center; content:""; background:#ddd; }
.lastest1 .item a .more:before							{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:2px; height:40%; background:#fff; content:""; }
.lastest1 .item a .more:after							{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:40%; height:2px; background:#fff; content:""; }
.lastest1 .item a .date									{ display:inline-block; width:100%; font-size:14px; color:#8f8f8f; font-weight:500; margin:0px 0px 20px 0px; }
.lastest1 .item a .tit									{ display:inline-block; width:100%; height:70px; font-size:20px; color:#373737; font-weight:400; line-height:170%; margin:0px 0px 30px 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.lastest1 .item:hover a									{ background:#f7f7f7; border-color:#d50000; }
.lastest1 .item:hover a .more							{ background:#d50000; }
.lastest1 .item:hover a .date							{ color:#d50000; }
.lastest1 .item:hover a .tit							{ color:#d50000; }
.lastest1 .noData									{ width:calc(100% - 20px); padding:80px 0px; background:#f7f7f7; font-size:20px; text-align:center; border:1px solid #ddd; margin:0px 0px 0px 10px; }
.lastest1 .rank_noData								{ width:calc(100% - 20px); padding:100px 0px; font-size:20px; text-align:center; border:1px solid #ddd; margin:0px 0px 0px 10px; }
rank_noData
.lastest2												{ position:relative; width:100%; display:inline-block; vertical-align:top; }
.lastest2 a												{ position:relative; display:inline-block; vertical-align:top; width:100%; text-align:left; color:#838383; padding:10px 100px 10px 10px; }
.lastest2 a:before										{ position:absolute; left:0px; top:50%; transform:translate(0,-50%); width:2px; height:2px; background:#838383; border-radius:99px; content:""; }
.lastest2 a .date										{ position:absolute; right:0px; top:50%; transform:translate(0,-50%); font-size:16px; }
.lastest2 a .tit										{ display:inline-block; vertical-align:top; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#838383; font-weight:400; }
.lastest2 a .stit										{ display:none; }
.lastest2 a:first-child									{ padding:0px 0px 35px 120px; border-bottom:1px dashed #ddd; margin:0px 0px 35px 0px; } 
.lastest2 a:first-child .date							{ position:absolute; left:0px; top:0px; transform:translate(0,0); right:auto; width:100px; height:100px; background:#f7f7f7; border:1px solid #ddd; text-align:center; font-size:26px; color:#000000; font-weight:600; }
.lastest2 a:first-child .date span						{ display:inline-block; vertical-align:top; width:100%; font-size:19px; color:#919191; font-weight:500; margin:25px 0px 0px 0px; }
.lastest2 a:first-child .tit							{ display:inline-block; vertical-align:top; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:20px; color:#373737; font-weight:500; margin:10px 0px 10px 0px; }
.lastest2 a:first-child .stit							{ display:inline-block; vertical-align:top; width:100%; font-size:16px; color:#838383; font-weight:400; margin:0px 0px 10px 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:160%; }
.lastest2 a:first-child:before							{ display:none; }
.lastest2 a.noData										{ width:100%; padding:128px 0px; background:#f7f7f7; font-size:20px; text-align:center; margin:0px; }

.docContWrap											{ position:relative; width:100%; max-width:1340px; padding:0px 20px; display:inline-block; vertical-align:top; margin-bottom:40px;}
.docContWrap_content									{ text-align:left;}


.snbWrap												{ position:relative; width:100%; white-space:nowrap; text-align:center; margin:0px 0px 50px 0px; overflow-x:auto; }
.snbWrap .container										{ position:relative; width:100%; max-width:1330px; display:inline-block; vertical-align:top; text-align:left; }
.snbWrap a												{ display:inline-block; font-size:19px; color:#a2a2a2; font-weight:500; padding:10px 0px; margin:0px 15px; border-bottom:2px solid transparent; }
.snbWrap a:hover,
.snbWrap a.active										{ color:#d70005; border-bottom:2px solid #d70005; }


.subTitleWrapbox { position:relative; width:100%; height:140px; border-bottom:1px solid #ddd;}
.subTitleWrap											{ position:relative; width:100%; margin:0px 0px 0px 0px; display:inline-block; vertical-align:top; padding:60px 20px; text-align:center; }
.subTitleWrap .container								{ position:relative; width:100%; max-width:1300px; display:inline-block; vertical-align:top; text-align:left; }
.subTitleWrap .mTit										{ display:inline-block; vertical-align:top; width:100%; font-size:43px; color:#363636; font-weight:500; margin:0px 0px 15px 0px; }
.subTitleWrap .sTit										{ display:inline-block; vertical-align:top; width:100%; font-size:16px; color:#929292; padding:0px 0px 0px 5px; line-height:140%; }
.subTitleWrap .location									{ position:absolute; right:0px; bottom:5px; font-size:14px; }
.subTitleWrap .location .dot							{ display:inline-block; width:5px; height:5px; background:#ddd; border-radius:99px; vertical-align:middle; margin:0px 5px; transform:translate(0,-1px); }
.subTitleWrap .location strong							{ color:#d70005; font-weight:normal; }

.typoBg1												{ position:relative; width:100%; text-align:right; display:inline-block; font-size:100px; color:#eeeeee; font-weight:700; z-index:-1; }


.ceoImg													{ margin:0px 0px 20px 0px; }
.ceoTxt1												{ margin:60px 0px 30px 0px; transform:translate(-150px,0); }
.ceoTxt2												{ margin:0px 0px 20px 0px; }
.ceoTxt3												{ margin:60px 0px 30px 0px; }
.ceoTxt4												{ margin:0px 0px 30px 0px; }
.ceoTxt35												{ margin:0px 0px 0px 0px; }

.typo1													{ font-size:12px; font-weight:500; }
.typo2													{ font-size:24px; font-weight:400; }
.typo3													{ font-size:50px; font-weight:600; }
.typo4													{ font-size:20px; font-weight:500; }
.typo5													{ font-size:35px; font-weight:500; }
.typo6													{ font-size:17px; font-weight:400; }
.typo7													{ font-size:16px; font-weight:400; }
.typo8													{ font-size:53px; font-family: 'Nanum Pen Script', cursive; }
.typo9													{ font-size:34px; }


/* 로그인 */
.login_body { margin:10px 0px 30px 0px; text-align:center;}
.login_box {width:100%; padding:40px 0px 40px 0px;}
.login_box .m_btn_login{display:inline-block; width:324px; margin-top:0px; height:48px; font-size:14px; color:#fff; background:#626262;  text-align:center; line-height:49px;}
.login_box .m_btn_id{display:inline-block; width:324px; margin-top:0px; height:48px; font-size:14px; color:#2f2f2f; background:#d7d7d7;  text-align:center; line-height:49px;}
.login_box p {margin-bottom:7px;}
.login_box_text {font-size:15px; margin-bottom:15px;}
input#ip_id { width:324px; height:48px; padding:0 10px; line-height:46px;  font-size:14px; color:#909090;}
input#ip_id33 { width:324px; height:48px; padding:0 10px; line-height:46px;  font-size:14px; color:#909090;}
.login_save {text-align:left; width:324px; margin:0 auto; padding-top:10px; font-size:14px;}
.login_join {width:320px; height:105px; margin:0 auto; border-top:1px solid #000;margin-top:60px;}
.login_input {margin-bottom:15px; margin-top:15px; font-size:14px;}
.login_input a{font-size:14px;}
.login_join ul{display:block;}
.login_join ul li{display:block; float:left; margin-top:55px; font-weight:bold; font-size:13px; color:#8c8c8c;}
.login_join_1 { width:220px; text-align:left; line-height:20px; font-size:14px;}
.login_join_2 { width:100px; text-align:right;}
.joinBtn { border:1px solid #333 !important; background:#333 !important; color:#fff !important; cursor: pointer; height: 40px; width:88px;}
/* 로그인 */


/*회원가입*/
.join_body { margin:0px 0px 0px 0px; text-align:center;}
.join_box {width:100%; padding:40px 0px 40px 0px; }
.join_box_title {font-size:27px; margin-top:70px;}
.textSpam2{font-size:13px; width:90%; height:180px; padding:15px;}
.join_text {width:90%; margin:0 auto; text-align:left; font-weight:bold; font-size:16px;}
.join_text_chk {width:90%; font-size:13px; margin:0 auto; text-align:right; margin-top:5px; margin-bottom:30px;}

.join_btn {overflow:hidden; text-align:center;}
.join_btn .m_write1{vertical-align:middle; display:inline-block; width:150px; height:35px; font-size:13px; color:#fff; background:#343434; text-align:center; line-height:34px;}
.join_btn .m_write2{vertical-align:middle; display:inline-block; width:150px; height:35px; font-size:13px; color:#fff; background:#8f8b13; text-align:center; line-height:34px;}

.join_box2 {width:100%; padding:40px 0px 10px 0px; }
/*회원가입*/





/* 회원가입 글쓰기 */
.board_write{overflow:hidden;text-align:left; width:90%; margin:0 auto; }
.board_write table{width:100%; overflow:hidden; margin-bottom:30px;}
.board_write table tr{}
.board_write table tr th{padding:10px 0; border:1px solid #e9e9e9;border-left:0; border-:0;}
.board_write table tr td{padding:10px 0; border:1px solid #e9e9e9;border-right:0; border-:0;}
.board_write table tr td.txtTd{vertical-align:top;}
.board_write table tr td input[type="text"].inputSpam{width:70%; }
.board_write table tr td input[type="text"].inputSpam2{width:30%;}
.board_write table tr td input[type="file"].inputSpam2_file{ }
.board_write table tr td input[type="text"].inputSpam3{width:7%; }
.board_write table tr td input[type="text"].inputSpam4{width:15%;}
.board_write table tr td input[type="text"].inputSpam5{width:15%;}

.board_write table tr td .textSpam{font-size:13px; width:90%; height:250px;}

.board_write table .write1_col01{width:180px; font-size:14px; padding-left:20px; text-align:left;}
.board_write table .write2_col02{font-size:13px; padding-left:20px; text-align:left;}
.board_write table .write2_col02 a{font-size:12px;}
.board_write table .write1_img {text-align:center;}
.board_write table tr td .Spam_num { font-size: 16px; font-weight: bold;}
.board_write table tr td.spanWrap{padding:0; font-size:0;}
.board_write table tr td .answer{color:#333; border-color:#333;}
.board_write table tr td .answer{color:#333; border-color:#333;}
.board_write table tr td .hide{color:#f3000b; border-color:#f3000b;}
.board_write table tr td .open{color:#0063e9; border-color:#0063e9;}
.frm_info {display:block;padding:0 0 5px;line-height:1.4em}
.m_btn_id{display:inline-block; cursor: pointer; width:120px; height:35px; color:#fff; background:#626262;  text-align:center; line-height:33px;}
.m_btn_id2{display:inline-block; cursor: pointer; width:80px; height:30px; color:#fff; background:#626262;  text-align:center; line-height:28px;}
.m_btn_id3{display:inline-block; cursor: pointer; width:110px; height:35px; color:#fff; background:#626262;  text-align:center; line-height:33px;}

.btn_confirm {text-align:center;}
.btn_confirm .m_btn{display:inline-block; cursor: pointer; width:130px; margin-top:0px; height:35px; font-size:14px; color:#fff; background:#626262;  text-align:center; line-height:35px;}
.btn_confirm .m_btn2{display:inline-block; cursor: pointer; width:130px; margin-top:0px; height:35px; font-size:14px; color:#fff; background:#d7a303;  text-align:center; line-height:35px;}

.layer_pop_tutle {overflow:hidden; height:40px;background:#605b5b; width:100%; color:#fff;}
.layer_pop_tutle_L {float:left; text-align:left; padding-left:20px; line-height:37px; width:80%;}
.layer_pop_tutle_R {float:right;  padding-right:20px; line-height:43px;}
.layer_pop_tutle_R a {color:#fff;}

.join_box2_title {font-size:17px;  font-weight: bold;}
#layer_accounting_company {position:fixed;  display: none; z-index:50000; background:#fff; width:500px; height:680px; top:3%; left:50%; margin:0 0 0 -250px; border: solid 1px  #000;}
#layer_accounting_player {position:fixed;  display: none; z-index:50000; background:#fff; width:400px; height:461px; top:3%; left:50%; margin:0 0 0 -200px; border: solid 1px  #000;}
#layer_accounting_price {position:fixed;  display: none; z-index:50000; background:#fff; width:400px; height:388px; top:3%; left:50%; margin:0 0 0 -200px; border: solid 1px  #000;}
#layer_accounting_price_team {position:fixed;  display: none; z-index:50000; background:#fff; width:400px; height:388px; top:3%; left:50%; margin:0 0 0 -200px; border: solid 1px  #000;}
#layer_accounting_ranking {position:fixed;  display: none; z-index:50000; background:#fff; width:400px; height:197px; top:3%; left:50%; margin:0 0 0 -200px; border: solid 1px  #000;}

table.mypage_order_intended_popup { width:100%; border-collapse:0;  border-spacing:0;  border-top: solid 1px  #b3b3b3;  border-right: solid 1px  #b3b3b3; margin-top:0px; }
table.mypage_order_intended_popup th { border-bottom: solid 1px  #b3b3b3;  border-left: solid 1px  #b3b3b3;padding:10px 0; font-size:13px; width:100%;  color:#fff; background:#2d2d2d;}
table.mypage_order_intended_popup td { text-align:left; border-bottom: solid 1px  #b3b3b3;  border-left: solid 1px  #b3b3b3; padding:15px 10px; font-size:14px; }

table.list_tb { width:100%; border-collapse:0;  border-spacing:0;  border-top: solid 1px  #e5e5e5;  border-right: solid 1px  #e5e5e5; margin-top:10px; font-size:14px;}
table.list_tb th { font-weight:normal; border-bottom: solid 1px  #e5e5e5;  border-left: solid 1px  #e5e5e5;line-height:18px; font-size:14px; padding:15px; background:#f6f6f6; text-align:center;}
table.list_tb td { text-align:center; letter-spacing:-0.5px; line-height:20px; padding:15px; font-size:14px; color:#333; border-bottom: solid 1px  #e5e5e5;  border-left: solid 1px  #e5e5e5; position:relative; word-break:break-all; }
table.list_tb td a { color:#333;}
table.list_tb td a:hover { color:#000; font-weight:bold;}
table.list_tb tr:hover td{ background:#f4f8ff;}



table.list_tb_100 { width:100%; border-collapse:0;  border-spacing:0;  border-top: solid 1px  #e5e5e5;  border-right: solid 1px  #e5e5e5; margin-top:10px; font-size:14px;}
table.list_tb_100 th { font-weight:normal; border-bottom: solid 1px  #e5e5e5;  border-left: solid 1px  #e5e5e5;line-height:18px; font-size:14px; padding:15px; background:#f6f6f6; text-align:center;}
table.list_tb_100 td { text-align:center; letter-spacing:-0.5px; line-height:20px; padding:15px; font-size:14px; color:#333; border-bottom: solid 1px  #e5e5e5;  border-left: solid 1px  #e5e5e5; position:relative; word-break:break-all; }
table.list_tb_100 td a { color:#333;}
table.list_tb_100 td a:hover { color:#000; font-weight:bold;}



.admin_order {margin-top:10px;}
a.btn_tb_r { display:inline-block; border: solid 1px #1f272d; background:#37414a; color:#fff; padding:4px 10px; border-radius:2px;}
.btn_area { padding:15px 0 25px 0; text-align:center; height:30px;}
.btn_area_right { padding:15px 0 5px 0; text-align:right; height:30px;}
a.btn_save { font-size:13px; color:#fff; width:100px; line-height:28px; height:28px; border: solid 1px #2464b8; background:#2974d7; display:inline-block; text-align:center;  border-radius:2px;}
a.btn_cancel { font-size:13px; color:#fff; width:120px; line-height:28px; height:28px; border: solid 1px #2c2c2c; background:#4a4a4a; display:inline-block; text-align:center;  border-radius:2px; }


table.write_tb {width:100%; border-collapse:0;  border-spacing:0;border-top: solid 1px  #b3b3b3;  border-right: solid 1px  #b3b3b3; margin-top: 5px;}
table.write_tb th { padding:12px 0; border-bottom: solid 1px  #b3b3b3; text-align:center;  border-left: solid 1px  #b3b3b3; font-size:14px; background:#f6f6f6; font-weight:normal; width:12%;}
table.write_tb td { padding:12px 0 12px 10px;  border-bottom: solid 1px  #b3b3b3; font-size:14px; border-left: solid 1px  #b3b3b3; }
table.write_tb td.content {height:150px;vertical-align: top;}
.admin_m_btn_black {vertical-align:middle; font-size:11px; display:inline-block; height:25px; background:#000; text-align:center; line-height:25px; padding:0 10px;}
a.admin_m_btn_black {color:#fff;}

/* 회원가입 글쓰기 */




/* 회원가입 글쓰기 */
.board_edit{overflow:hidden;text-align:left; width:98%; margin:0 auto; }
.board_edit table{width:100%; overflow:hidden; margin-bottom:30px;}
.board_edit table tr{}
.board_edit table tr th{padding:10px 0; border:1px solid #e9e9e9;border-left:0; border-:0;}
.board_edit table tr td{padding:10px 0; border:1px solid #e9e9e9;border-right:0; border-:0;}
.board_edit table tr td.txtTd{vertical-align:top;}
.board_edit table tr td input[type="text"].inputSpam{width:70%; height:28px; font-size:13px; }
.board_edit table tr td input[type="text"].inputSpam2{width:30%; height:29px; font-size:13px; }
.board_edit table tr td input[type="file"].inputSpam2_file{ }
.board_edit table tr td input[type="text"].inputSpam3{width:7%; height:28px; font-size:13px;}
.board_edit table tr td input[type="text"].inputSpam4{width:15%; height:28px; font-size:13px;}
.board_edit table tr td .textSpam{font-size:13px; width:90%; height:250px;}

.board_edit table .write1_col01{width:180px; font-size:14px; padding-left:20px; text-align:left;}
.board_edit table .write2_col02{font-size:13px; padding-left:20px; text-align:left;}
.board_edit table .write2_col02 a{font-size:12px;}
.board_edit table .write1_img {text-align:center;}
.board_edit table tr td .Spam_num { font-size: 16px; font-weight: bold;}
.board_edit table tr td.spanWrap{padding:0; font-size:0;}
.board_edit table tr td .answer{color:#333; border-color:#333;}
.board_edit table tr td .hide{color:#f3000b; border-color:#f3000b;}
.board_edit table tr td .open{color:#0063e9; border-color:#0063e9;}

/* 회원가입 글쓰기 */


/* board */
.bbsList {width:100%; margin:0px auto;}
.bbsList th,
.bbsList td{padding:15px 10px; border-bottom:1px solid #eaecf1;}
.bbsList thead th{padding:25px 10px; background:#d70005; font-size:15px; color:#fff; text-align:center;}
.bbsList td{color:#666; word-break:break-all; font-size:14px; line-height:23px; text-align:center;}
.bbsList tr.active td{background:#f0f6f8; color:#333 !important;}
.bbsList .none{text-align:center;}
.bbsList .reply{display:inline-block; position:relative; padding:0 7px; margin-right:5px; background:#fff; border-radius:3px; border:1px solid #365ec3; font-size:13px; color:#365ec3;}
.bbsList .reply:before,
.bbsList .reply:after{content:''; display:none; position:absolute; left:-10px; background:#41464e;}
.bbsList .reply:before{top:0px; width:1px; height:10px;}
.bbsList .reply:after{top:10px; width:10px; height:1px;}
.bbsList + .pagination{border-top-width:0px;}


.bbsList2 {width:100%; margin:0px auto;}
.bbsList2 th,
.bbsList2 td{padding:15px 10px; border-bottom:1px solid #eaecf1;}
.bbsList2 thead th{padding:25px 10px; background:#d70005; font-size:15px; color:#fff; text-align:center;}
.bbsList2 td{color:#666; word-break:break-all; font-size:14px; line-height:23px; text-align:center;}




.bbsTitle{margin:0px auto; width:100%; padding-top:15px; padding-bottom:15px;  border-bottom:1px dotted #8c92a3; font-size:19px !important; color:#222 !important; }
.bbsTitle:before{display:none !important;}
.bbsView{border-top:1px solid #505c78; border-collapse:inherit; table-layout:fixed; width:100%; font-size:15px; margin:0px auto;}
.bbsTitle ~ .bbsView{border-top-width:0px;}

.bbsView th,
.bbsView td{padding:15px 10px; border-bottom:1px solid #eaecf1; max-height:100000px; }
.bbsView th{background:#f9fafb; text-align:left; font-weight:500; letter-spacing:-1px;}
.bbsView td{color:#666; word-break:break-all; line-height:19px;}
.bbsView th[data-view="file"]{border-top:1px solid #eaecf1;}
.bbsView th[data-view="file"] + td{border-top:1px solid #eaecf1;}
.bbsView th[data-view="file"],
.bbsView th[data-view="date"],
.bbsView th[data-view="count"]{padding-left:15px;}
.bbsView td.conts{padding:30px 20px; border:0px; line-height:25px;}
.bbsView div.conts{min-height:150px;}
.bbsView .conts .img{padding-bottom:30px;}
.bbsView .conts .img img,
.bbsView .conts img{max-width:100%; height:auto !important;}
.bbsView textarea{resize:none; height:150px;}
.bbsView td.date > span{margin-right:10px;}
.bbsView td.category div{margin-top:3px;}
.bbsView td.file > span{display:block; margin:2px 0;}
.bbsView td.days input{width:110px; background:#e0e9f7; border-color:#9fb3d4;}
.bbsView td.days span{display:inline-block; margin-right:5px;}
.bbsView td.days span:after{content:','; display:inline-block;}
.bbsView td.days span:last-child:after{display:none;}
.bbsView.page{margin-top:20px;}
.bbsView.page th,
.bbsView.page td{padding:15px 15px 15px 25px;}
.bbsView.page tr:first-child th,
.bbsView.page tr:first-child td{border-top:1px solid #eaecf1; border-bottom:1px dotted #eaecf1;}

.write_contest {overflow-x:auto}
.write_contest_admin {text-align:right;}



.calendar_title { position: relative; text-align: center; padding: 5px 0 25px 0;}
.calendar_title a { text-decoration: none; font-size: 14px;}
.calendar_title span { font-weight: 400; font-size: 23px; }

.calender_subject table { font-size:14px; width: 100%; }
.calender_subject table td { /* padding: 10px 6px 35px; */ padding: 10px 10px; border-bottom: 1px solid #ccc; text-align: left; font-weight: 600; position: relative;	width:14.28%; height:100px; vertical-align: top; }
.calender_subject table tr:first-child td {	font-size:14px;	border-bottom: 2px solid #333; text-align: center; padding: 10px 0px 10px 4px; color: #aeaeae; height:30px; font-weight: 700; }
.calender_subject table td p{ position: absolute; top: 40px; font-size: 10px; color: #ca3b3b; }
.fontcolorB {color:#dedede}
.fontcolorG {color:#38a53f}
.fontcolorR {color:#ca3b3b}
.fontcolorC {color:#6b479f}

.ntb-listbtn-area {text-align:right; padding:0px 0 10px 0;}


/** .AXButton.Classic **/
.AXButton33.Classic33{
	border:0px solid #82898f;
	color:#fff; font-weight:600;
	background:#676767;
	padding:12px;
}
.AXButton33.Classic33:hover{
	border:0px solid #383f45;
	background:#545454;
	box-shadow:0px 1px 2px #2d2d2d inset;
	color:#ccc;
}
.AXButton33.Classic33:active{
	border:0px solid #454c56;
	background:#545454;
	box-shadow:none;
}


.sub_port_list{ margin-left:-30px;  overflow: hidden; *width:100%; padding-bottom:40px;  }
.sub_port_list li{ float:left;  width:50%;  padding-bottom:10px; }
.sub_port_list li:first-child{ margin-left:0}
.sub_port_list li dl { padding:0; margin-left:30px; border:0px solid #e7e7e7 ; position:relative; overflow:hidden; background:#fff}

.share_list{ margin-left:-20px;  overflow: hidden; *width:100%;  }
.share_list li{ float:left;  width:14.28%;  padding-bottom:20px;  }
.share_list li:first-child{ margin-left:0}
.share_list li a{ color:#222; font-size:16px;}
.share_list li dl { padding:0; margin-left:20px; border:0px solid #e7e7e7 ; position:relative; overflow:hidden; background:#fff}
.share_list li dl.share_list_1 { padding:0; margin-left:20px; border:0px solid #e7e7e7 ; position:relative; background:#e7e7e7}
.share_list li dl dt{  position:relative; overflow:hidden;  text-align:center; border:1px solid #222; padding: 10px 0; box-sizing:border-box;}


.programPage_page{margin-top:40px; text-align:center; font-size:0; margin-bottom:40px;}
.programPage_page a{display:inline-block; width:38px; height:38px; line-height:36px; font-size:14px; background:#fff; color:#666; vertical-align:middle; border:1px solid #dadada; box-sizing:border-box;}
.programPage_page a img{margin-top:13.5px;}
.programPage_page a.page_first{border-left:1px solid #dadada;}
.programPage_page a.page_prev{border:0; width:43px; margin-right:24px;}
.programPage_page a.page_next{border:0; width:43px; margin-left:24px;}
.programPage_page a:hover{background:#e5e5e5; font-weight:bold;}
.programPage_page a.active{background:#e5e5e5; font-weight:bold;}
.programPage_page a.page_prev:hover, .programPage_page a.page_next:hover{background:inherit;}


.line1													{ position:relative; width:100%; border-top:1px solid #ddd; display:inline-block; margin:50px 0px; }
.line2													{ position:relative; width:100%; border-top:1px solid #ddd; display:inline-block; margin:15px 0px 15px 0px; }
.line3													{ position:relative; width:100%; border-top:3px solid #ddd; display:inline-block;  }

.searchTop_sub{overflow:hidden; font-size:14px; padding : 20px 0px 0px 0px; }
.searchTop_sub .selectWrap{text-align:right}
.searchTop_sub .selectWrap input[type="text"]{width:300px; height:40px; padding:0 10px; border:1px solid #dadada; box-sizing:border-box; vertical-align:middle;}
.searchTop_sub .selectWrap a{vertical-align:middle; display:inline-block; width:80px; height:40px; font-size:13px; color:#fefefe; background:#565655; border:1px solid #dadada; box-sizing:border-box; text-align:center; line-height:37px;}

.searchTop_rank{font-size:14px; padding : 60px 0px 60px 0px; background:#f7f7f7; border-top:3px solid #565655;}
.searchTop_rank_title {text-align:center; padding-bottom:20px; font-size:27px; font-weight:600;}
.searchTop_rank .selectWrap{text-align:center}
.searchTop_rank .selectWrap input[type="text"]{width:200px; height:40px; padding:0 10px; border:1px solid #dadada; box-sizing:border-box; vertical-align:middle;}
.searchTop_rank .selectWrap a{vertical-align:middle; display:inline-block; width:80px; height:40px; font-size:13px; color:#fefefe; background:#565655; border:1px solid #dadada; box-sizing:border-box; text-align:center; line-height:37px;}


.main_docCont	{ position:relative; width:100%; max-width:1340px; text-align:left; display:inline-block; vertical-align:top;}
.main_logo_img {float:left; width:10%; margin:0px 0px; text-align:center; aspect-ratio: 1 / 1;}
.main_logo_P {padding-top:10px; font-size:14px;}
.main_logo_img img {width:80%; height:80%; border-radius: 50%; object-fit: cover;}



a.btn_dm_red:link { /*background:#e8e8e8;*/ background:linear-gradient(to bottom, #fff 0%, #fff6f5 100%); text-align:center; color:#ff0000; padding:3px 10px 4px 10px; border: solid 1px #fca198; border-radius:2px; font-weight:normal; display:inline-block;}
a.btn_dm_red:hover {background:linear-gradient(to bottom, #fff6f5 0%, #fff 100%); color:#ff0000; border: solid 1px #e63c3c;}
a.btn_dm_red:active {color:#ff0000; border: solid 1px #fca198;}
a.btn_dm_red:visited {color:#ff0000; border: solid 1px #fca198;}
table.list_tb td a.btn_dm_red:hover {color:#ff0000; text-decoration:none; font-weight:normal; border: solid 1px #e63c3c;}
table.write_tb td a.btn_dm_red:hover {color:#ff0000; text-decoration:none; font-weight:normal; border: solid 1px #e63c3c;}


a.btn_dm_blue:link { /*background:#e8e8e8;*/ background:linear-gradient(to bottom, #fff 0%, #e5eff6 100%); text-align:center; color:#1778b5; padding:3px 10px 4px 10px; border: solid 1px #66abd7; border-radius:2px; font-weight:normal; display:inline-block;}
a.btn_dm_blue:hover {background:linear-gradient(to bottom, #e5eff6 0%, #fff 100%); color:#1778b5; border: solid 1px #2c8dca;}
a.btn_dm_blue:active {color:#1778b5; border: solid 1px #66abd7;}
a.btn_dm_blue:visited {color:#1778b5; border: solid 1px #66abd7;}
table.list_tb td a.btn_dm_blue:hover, table.list_tb_intb td a.btn_dm_blue:hover {color:#1778b5; text-decoration:none; font-weight:normal; border: solid 1px #2c8dca;}
table.write_tb td a.btn_dm_blue:hover {color:#1778b5; text-decoration:none; font-weight:normal; border: solid 1px #2c8dca;}


a.btn_dm_grn:link { /*background:#e8e8e8;*/ background:linear-gradient(to bottom, #fff 0%, #e1eadc 100%); text-align:center; color:#098b09; padding:3px 10px 4px 10px; border: solid 1px #80b980; border-radius:2px; font-weight:normal; display:inline-block;}
a.btn_dm_grn:hover {background:linear-gradient(to bottom, #e1eadc 0%, #fff 100%); color:#098b09; border: solid 1px #0da40d;}
a.btn_dm_grn:active {color:#098b09; border: solid 1px #80b980;}
a.btn_dm_grn:visited {color:#098b09; border: solid 1px #80b980;}


.share_list4 { margin-left:-20px;  overflow: hidden; *width:100%;  }
.share_list4 li{ float:left;  width:25%;  padding-bottom:20px;  font-size:14px; }
.share_list4 li:first-child{ margin-left:0}
.share_list4 li dl { padding:0; margin-left:20px; border:0px solid #e7e7e7 ; position:relative; overflow:hidden; background:#fff}
.share_list4 li dl.share_list_1 { padding:0; margin-left:20px; border:0px solid #e7e7e7 ; position:relative; background:#e7e7e7}
.share_list4 li dl dt{  position:relative; overflow:hidden; text-align:left;  border:1px solid #222; padding: 7px; box-sizing:border-box; line-height:26px; font-size:14px;}


.share_list3 { margin-left:-20px;  overflow: hidden; *width:100%;  }
.share_list3 li{ float:left;  width:33.33%;  padding-bottom:40px;  font-size:14px; }
.share_list3 li:first-child{ margin-left:0}
.share_list3 li dl { padding:0; margin-left:20px; border:0px solid #e7e7e7 ; position:relative; overflow:hidden; background:#fff}
.share_list3 li dl.share_list_1 { padding:0; margin-left:20px; border:0px solid #e7e7e7 ; position:relative; background:#e7e7e7}
.share_list3 li dl dt{  position:relative; overflow:hidden; text-align:left;  border:1px solid #222; padding: 7px; box-sizing:border-box; line-height:26px; font-size:14px;}

.share_list64{ margin-left:-20px;  overflow: hidden; width:100%;  }
.share_list64 li{ float:left;  width:50%;  padding-bottom:30px;  font-size:14px; }
.share_list64 li:first-child{ margin-left:0}
.share_list64 li dl { padding:0; margin-left:20px; border:0px solid #e7e7e7 ; position:relative; overflow:hidden; background:#fff}
.share_list64 li dl.share_list_1 { padding:0; margin-left:20px; border:0px solid #e7e7e7 ; position:relative; background:#e7e7e7}
.share_list64 li dl dt{  position:relative; overflow:hidden;   border:1px solid #222; padding: 7px; box-sizing:border-box; line-height:26px; font-size:14px;}

.request_title {font-size:16px; font-weight:bold; margin: 0px 0px 10px 0px;}

.video-wrap {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}


.m_news {
    padding: 0px 0px; box-sizing:border-box;
}
.m_news .slide_wrap {
	margin-top: 20px;
    margin-bottom: 0px;
}
.m_news .slide_wrap .slide_ctn .slick-list {
    margin-right: -20px;
	margin-left: 20px;
}
.m_news .slide_wrap .slide_ctn .slick-list > div {
    margin-left: 0;
}
.m_news .slide_wrap .slide_ctn .item {
    position: relative;
    margin-right: 0px;
}

.m_news .slide_wrap .slide_ctn .item img {
    width:90%;
}
.m_news .slide_wrap .slide_ctn .item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.m_news2 {
    padding: 0px 0px; box-sizing:border-box;
}
.m_news2 .slide_wrap {
	margin-top: 20px;
    margin-bottom: 0px;
}
.m_news2 .slide_wrap .slide_ctn .slick-list {
    margin-right: -20px;
	margin-left: 20px;
}
.m_news2 .slide_wrap .slide_ctn .slick-list > div {
    margin-left: 0;
}
.m_news2 .slide_wrap .slide_ctn .item {
    position: relative;
    margin-right: 0px;
}

.m_news2 .slide_wrap .slide_ctn .item img {
    width:90%;
}

.m_news2 .slide_wrap .slide_ctn .item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* faq */
#faq_wrap {margin:10px 0 30px; padding:15px; font-size:14px;}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_wrap li{border:1px solid #ddd;background:#fff;margin:5px 0;}
#faq_wrap li h3{min-height:55px;line-height:29px;padding:18px;padding-left:55px;position:relative;font-size:14px;}
#faq_wrap li h3 .tit_bg{display:inline-block;position:absolute;top:13px;left:13px;line-height:27px;text-align:center;background:#d50000;color:#fff;border-radius:50%;width:30px;height:30px}
#faq_wrap li a {font-size:14px; color:#4e5556;}

#faq_con .con_inner{display:none;border-top:1px solid #ddd;padding:15px;padding-left:55px;position:relative;background: #f7f7f7;}
#faq_con .con_inner .tit_bg{display:inline-block;position:absolute;top:13px;left:14px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px}
#faq_con .con_inner .closer_btn{height:25px;font-size:0.92em;display:inline-block;padding:0 5px;border-radius:5px;}
#faq_con .con_closer{text-align:right}
/* faq */



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



	.mainVisualWrap						{ height:800px; min-height:500px; }


	
}

@media only screen and (max-width : 1200px) {
	.subTitleWrapbox { position:relative; width:100%; height:120px; border-bottom:1px solid #ddd;}



	/* 로그인 */
	.login_box {width:100%; padding:50px 0px 20px 0px; }
	.login_box .m_btn{display:inline-block; width:274px; margin-top:0px; height:40px; font-size:13px; color:#fff; background:#626262;  text-align:center; line-height:41px;}
	
	input#ip_id { width:324px; height:42px; padding:0 10px; line-height:36px;  font-size:13px; color:#909090;}
	input#ip_id33 { width:324px; height:42px; padding:0 10px; line-height:36px;  font-size:13px; color:#909090;}
	.login_join {width:320px; height:105px; margin:0 auto; border-top:1px solid #000;margin-top:60px;}
	.login_save {text-align:left; width:274px; font-size:13px;}
	.login_input {margin-bottom:15px; margin-top:15px; font-size:13px;}
	.login_input a{font-size:13px;}
	.login_join ul{display:block;}
	.login_join ul li{display:block; float:left; margin-top:55px; font-weight:bold; font-size:13px; color:#8c8c8c;}
	/* 로그인 */


	.bbsList colgroup{display:none;}
	.bbsList thead{display:none;}
	.bbsList td[data-table="wr_1"]{display:none;}
	.bbsList tr{display:block; position:relative; margin-top:10px; border-radius:3px; border:1px solid #eaecf1;}
	.bbsList tr:first-child{margin-top:0px;}
	.bbsList tr:nth-child(2n){background:#f9fafb;}
	.bbsList tbody td{display:block; border-bottom:0px;}
	.bbsList td{padding:4px 10px; }


	.bbsList td[data-table="wr_1"]{padding:0px; border-bottom:1px dashed #e4e4e4; display:none;}
	.bbsList td[data-table="wr_1"] > a{display:block; padding:15px; font-weight:bold; font-size:14px;}
	.bbsList td[data-table="wr_2"]{font-size:14px;}
	.bbsList td[data-table="wr_3"]{text-align:left;font-size:13px;}
	.bbsList td[data-table="wr_4"]{text-align:left;font-size:13px;}
	

}

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

	.mainVisualWrap						{ height:600px; min-height:400px; }
	.sub_vi								{ height:470px; margin-top:70px;}


	.main_docCont	{ position:relative; width:100%; max-width:1340px; text-align:left; display:inline-block; vertical-align:top;}
	.main_logo_img {float:left; width:20%; margin:0px 0px; text-align:center; }
	.main_logo_P {padding-top:10px; font-size:14px;}
	.main_logo_img img {width:80%; border-radius: 50%;}



}

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

	.lastest1 .item										{ width:50%; }

	


	.signWrap3		{ padding:20px; }
	.signWrap {width:100%;}
	.typoType22	{ position:relative; width:100%; text-align:center; font-size:20px; color:#4f4f4f; font-weight:500; }
	.signWrap .inputWrap label	{font-size:13px;}
	.signWrap3 .inputWrap label	{font-size:13px;}
	.boxType1 { font-size:13px; }
	.btnType2 { display:inline-block; cursor: pointer; zoom:1; *display:inline; padding:10px 40px; background:#363636; border-radius:10px; color:#fff !important; font-size:14px; border:2px solid #363636; font-weight:600; }
	.ceoTxt1											{ margin:0px 0px 30px 0px; transform:translate(0px,0); }

	.sub_port_list li{ float:none;  width:100%;  padding-bottom:10px; }

	table.list_tb { width:750px; border-collapse:0;  border-spacing:0;  border-top: solid 1px  #e5e5e5;  border-right: solid 1px  #e5e5e5; margin-top:10px; font-size:13px;}
	table.list_tb th { font-weight:normal; border-bottom: solid 1px  #e5e5e5;  border-left: solid 1px  #e5e5e5;line-height:18px; font-size:13px; padding:9px; background:#f6f6f6; text-align:center;}
	table.list_tb td { text-align:center; letter-spacing:-0.5px; line-height:20px; padding:9px; font-size:13px; color:#333; border-bottom: solid 1px  #e5e5e5;  border-left: solid 1px  #e5e5e5; position:relative; word-break:break-all; }

	table.list_tb_100 { border-collapse:0;  border-spacing:0;  border-top: solid 1px  #e5e5e5;  border-right: solid 1px  #e5e5e5; margin-top:10px; font-size:12px;}
	table.list_tb_100 th { font-weight:normal; border-bottom: solid 1px  #e5e5e5;  border-left: solid 1px  #e5e5e5;line-height:18px; font-size:12px; padding:5px; background:#f6f6f6; text-align:center;}
	table.list_tb_100 td { text-align:center; letter-spacing:-0.5px; line-height:20px; padding:5px; font-size:12px; color:#333; border-bottom: solid 1px  #e5e5e5;  border-left: solid 1px  #e5e5e5; position:relative; word-break:break-all; }

	/** .AXButton.Classic **/
	.AXButton33.Classic33{
		border:0px solid #82898f;
		color:#fff; font-weight:600;
		background:#676767;
		padding:7px;
		font-size:10px;
	}

	.AXButton33.Classic33:active{
		border:0px solid #454c56;
		background:#545454;
		box-shadow:none;
	}

	.calender_subject table { font-size:14px; width: 800px; }

	.share_list li{ float:left;  width:33.33%;  padding-bottom:10px;  }
	.share_list li dl dt{  padding: 5px 0; }
	.share_list li a{ color:#222; font-size:14px;}


}

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

	.foot_3_left {float: left; width: 100%; height:100%; overflow:hidden; margin-bottom:20px;}
	.foot_3_center {float: left; width: 100%; height:100%; overflow:hidden; margin-bottom:20px;}
	.foot_3_right {float: left; width: 100%; height:100%; overflow:hidden;}

	/* 회원가입 글쓰기 */

	.join_btn .m_write1{vertical-align:middle; display:inline-block; width:100px; height:32px; font-size:12px; color:#fff; background:#343434; text-align:center; line-height:32px;}
	.join_btn .m_write2{vertical-align:middle; display:inline-block; width:100px; height:32px; font-size:12px; color:#fff; background:#8f8b13; text-align:center; line-height:32px;}

	.board_write{overflow:hidden;text-align:left; width:100%; margin:0 auto;}
	.board_write table{width:100%; overflow:hidden; margin-bottom:30px;}
	.board_write table .write1_col01{width:21%; font-size:12px; padding-left:7px; text-align:left;}
	.board_write table .write2_col02 a{font-size:11px;}
	.board_write table tr td input[type="text"].inputSpam{width:96%; height:29px; font-size:13px; }
	.board_write table tr td input[type="text"].inputSpam2{width:45%; height:29px; font-size:13px; }
	.board_write table tr td input[type="text"].inputSpam3{width:19%; height:28px; font-size:13px;}
	.board_write table tr td input[type="text"].inputSpam4{width:30%; height:28px; font-size:13px;}
	.board_write table tr td .textSpam{font-size:13px; width:96%; height:200px;}
	.board_write table tr td .Spam_num { font-size: 13px; font-weight: bold;}

	.board_edit {overflow:hidden;text-align:left; width:100%; margin:0 auto;}
	.board_edit table{width:100%; overflow:hidden; margin-bottom:30px;}
	.board_edit table .write1_col01{width:21%; font-size:12px; padding-left:7px; text-align:left;}
	.board_edit table .write2_col02 a{font-size:11px;}
	.board_edit table tr td input[type="text"].inputSpam{width:96%; height:29px; font-size:13px; }
	.board_edit table tr td input[type="text"].inputSpam2{width:45%; height:29px; font-size:13px; }
	.board_edit table tr td input[type="text"].inputSpam3{width:19%; height:28px; font-size:13px;}
	.board_edit table tr td input[type="text"].inputSpam4{width:30%; height:28px; font-size:13px;}
	.board_edit table tr td .textSpam{font-size:13px; width:96%; height:200px;}
	.board_edit table tr td .Spam_num { font-size: 13px; font-weight: bold;}


	.searchTop_sub .selectWrap{text-align:right;}
	.searchTop_sub .selectWrap input[type="text"]{width:200px; height:30px; padding:0 10px; border:1px solid #dadada; box-sizing:border-box; vertical-align:middle;}
	.searchTop_sub .selectWrap a{width:60px; height:30px; font-size:12px; color:#fefefe; line-height:28px;}

	a.btn_dm_red:link { /*background:#e8e8e8;*/ background:linear-gradient(to bottom, #fff 0%, #fff6f5 100%); text-align:center; color:#ff0000; font-size:12px; padding:3px 10px 4px 10px; border: solid 1px #fca198; border-radius:2px; font-weight:normal; display:inline-block; margin-bottom:5px;}
	.bbsList2 {width:700px;}
	
	

}


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



	.mainVisualWrap .swiper-button-next					{ display:none; }
	.mainVisualWrap .swiper-button-prev					{ display:none; }

	.mainVisualWrap .swiper-slide .typoWrap				{ left:0px; top:56%; padding:0px 20px; }
	.quickService .container .swiper-slide				{ width:90%; height:180px; }


	.tapContWrap .tapTitle a							{ font-size:15px; padding:10px 30px; }
	.tapContWrap2 .tapTitle a							{ font-size:15px; padding:10px 30px; }

	.lastest1 .item										{ width:100%; display:none; }
	.lastest1 .item:nth-of-type(1),
	.lastest1 .item:nth-of-type(2),
	.lastest1 .item:nth-of-type(3)						{ display:inline-block; }
	.lastest1 .item a									{ padding:30px; }
	.lastest1 .item a .tit								{ margin:0px 0px 20px 0px; font-size:18px; height:60px; }

	.lastest2 a:first-child								{ padding:0px 0px 35px 0px; border-bottom:1px dashed #ddd; margin:0px 0px 35px 0px; } 
	.lastest2 a:first-child .date						{ position:relative; left:auto; top:auto; transform:translate(0,0); right:auto; width:100%; height:auto; background:none; border:none; text-align:center; font-size:14px; color:#999; font-weight:500; display:inline-block; text-align:left; }
	.lastest2 a:first-child .date span					{ display:inline-block; vertical-align:top; width:auto; font-size:14px; color:#999; font-weight:500; margin:0px; }
	.lastest2 a:first-child .tit						{ font-size:18px; color:#373737; font-weight:500; margin:0px 0px 15px 0px; }
	.lastest2 a:first-child .stit						{ font-size:14px; }
	.lastest2 a.noData									{ font-size:16px; }


	.subTitleWrap										{ margin:50px 0px 0px 0px; padding:0px 20px; }
	.subTitleWrap .mTit									{ font-size:33px; }
	.subTitleWrap .sTit									{ font-size:14px; }
	.subTitleWrap .location								{ display:none; }

	.col40												{ width:100%; }
	.col50												{ width:100%; }
	.col55												{ width:100%; }

	.ceoTxt1											{ margin:60px 0px 30px 0px; }
	.ceoTxt3											{ margin:60px 0px 30px 0px; }
	.typoBg1											{ font-size:40px; }

	.typo3												{ font-size:40px; }
	.typo4												{ font-size:16px; }
	.typo5												{ font-size:25px; }
	.typo6												{ font-size:15px; }
	.typo7												{ font-size:14px; }
	.typo9												{ font-size:25px; }

	.txt_type1								{ font-size:18px; font-weight:400; }
	.txt_type2								{ font-size:32px; font-weight:700; }

	.snbWrap												{margin:40px 0px 50px 0px; }
	.snbWrap a												{font-size:16px;}

	#layer_accounting_company {position:fixed;  display: none; z-index:50000; background:#fff; width:360px; height:550px; left:50%; margin:0 0 0 -180px; top:3%;  border: solid 1px  #000;}

	.programPage_page{ margin-bottom:20px; margin-top:20px; text-align:center; font-size:0;}
	.programPage_page a{display:inline-block; width:26px; height:26px; line-height:24px; font-size:13px; background:#fff; color:#666; vertical-align:middle; border:1px solid #dadada; box-sizing:border-box;}
	.programPage_page a.page_first{border-left:1px solid #dadada;}
	.programPage_page a.page_prev{border:0; width:31px; margin-right:13px;}
	.programPage_page a.page_next{border:0; width:31px; margin-left:13px;}

	.share_list64 {width:620px}
	.share_list64 li dl dt{ padding: 6px; box-sizing:border-box; line-height:26px; font-size:12px;}

	.share_list3 li{ float:left;  width:100%;  padding-bottom:10px;}
	.share_list3 li dl dt{ padding: 6px; box-sizing:border-box; line-height:20px; font-size:12px;}



	.share_list4 {width:620px}
	.share_list4 li dl dt{ padding: 6px; box-sizing:border-box; line-height:26px; font-size:12px;}

	.request_title {font-size:16px; font-weight:bold; margin: 20px 0px 10px 0px;}


	.m_news .slide_wrap .slide_ctn .slick-list {
		margin-right: -20px;
		margin-left: 5px;
	}

	.m_news2 .slide_wrap .slide_ctn .slick-list {
		margin-right: -20px;
		margin-left: 5px;
	}


}


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


}