@CHARSET "utf-8";
@import url(../css/layout.css);
@import url(../css/contents.css);
@import url(../css/swiper.css);

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900');
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:500');

html{overflow-x:hidden}
html, body{width:100%;font-family:'Source Sans Pro', 'Lato', Tahoma, Geneva, sans-serif;font-size:15px;line-height:1.5;font-weight:400;color:#251f21;letter-spacing:-0.5px;box-sizing:border-box;}

/* margin */
html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,form,label,legend,input,button,textarea,select{margin:0}
li{margin-right:-3px;}
/* padding */
html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,form,label,legend,input,button,textarea,select{padding:0}

/* display */
/* header,footer,section,article,aside,nav, */hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
/* strong,em,span,wbr{display:inline-block} */

div,ul,li{box-sizing:border-box;}

/* hidden */
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap}

/* reset border */
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}

/* font type */
address,caption,cite,code,dfn,em,th,var{font-style:normal}
blockquote,q{quotes:'none'}
ins{text-decoration:none}
del{text-decoration:line-through}

/* align */
img{vertical-align:middle}
.clear:after{content:"";display:block;clear:both}
.fl{float:left !important}
.fr{float:right !important}
.fn{float:none !important}
.cb{clear:both !important}
.clI{clear:inherit !important}
.tl{text-align:left !important}
.tc{text-align:center !important}
.tr{text-align:right !important}
.vat{vertical-align:top !important}
.vam{vertical-align:middle !important}
.db{display:block !important}
.dib{display:inline-block !important}

.posR{position:relative;}
.posA{position:absolute;}

/* Etc */
wbr:after{content:'\00200B'}
wbr{display:block\9;width:0;height:0;margin:0;padding:0}

/* ol{padding:0;margin-left:25px} */
*+html body li{vertical-align:top}

/* list Style */
ul li,
ol li{list-style:none}

/* table */
table{border-collapse:collapse;}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
caption.safari{display:none}

/* blind */
.blind{overflow:hidden;position:absolute;left:0;top:0;z-index:-1;width:0;height:0;font-size:0;line-height:0;text-indent:-999em}

a{color:#282828;text-decoration:none;}

/* form (input/select) */
sup{display:inline-block;width:8px;height:6px;margin:-5px 0 0 5px;font-size:0;line-height:0;vertical-align:middle;background:url(../../images/common/ico_import.gif) no-repeat 0 0}
.inputItem{position:relative;margin-bottom:20px;padding:10px 0;line-height:40px;font-size:16px;color:#323236;box-sizing:border-box;background:#fff}
.inputItem.bdl{border-left:1px solid #eee}
.inputItem.agree{margin-top:-10px;padding:0;background:none}
.inputItem .desc{display:inline-block;margin-left:10px;color:#528ec2;vertical-align:top;}
.inputItem .insert{display:inline-block;margin:0 10px;vertical-align:top;}

.inputItem > strong{position:relative;display:inline-block;width:120px;font-size:18px;font-weight:500;color:#565656;vertical-align:top;text-transform:uppercase;}
.inputItem > strong:after{content:"";display:block;position:absolute;top:16px;right:0;width:2px;height:8px;background:#c8c8c8}
.inputItem label{cursor:pointer;font-size:15px;color:#646464}
.inputItem input[type="text"],
.inputItem input[type="file"]{width:140px;height:40px;margin-left:20px;font-size:14px;background:#fff;border:0;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0px;box-sizing:border-box;}
.inputItem input.iFull{width:calc(100% - 128px)}
.inputItem input::placeholder{color:#bbb;}

/*
.inputItem input[type="radio"]{display:inline-block;margin:-2px 7px 0 0;padding:0;width:20px;height:20px;vertical-align:middle;-webkit-appearance:none;border-radius:0;border:0;cursor:pointer }
.inputItem input[type="checkbox"]{display:inline-block;margin:0 10px 0 0;padding:0;width:18px;height:18px;vertical-align:middle;-webkit-appearance:none;border-radius:0;border:0;cursor:pointer }
.inputItem input[type="radio"]{background:url(../../images/common/bg_input.png) no-repeat -18px 0}
.inputItem input[type="checkbox"]{background:url(../../images/common/bg_input.png) no-repeat 0 0;}
.inputItem input[type="checkbox"]:checked{background-position:0 -18px;}
.inputItem input[type="radio"]:checked{background-position:-18px -20px;}
.inputItem select.mypage{margin:20px 0;height:40px;text-align:center;font-size:15px;background:#fff;border:1px solid #333;box-sizing:border-box;}
.inputItem select option{color:#333}
.inputItem select::-ms-expand{display:none;}
 */
.inputItem.file{padding-right:0}
.inputItem .iFile input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.inputItem .iFile label{display:block;position:absolute;top:0;right:0;width:130px;height:60px;text-align:center;color:#fff;line-height:60px;background:#7d8082}
.inputItem .iFile .uploadName{display:inline-block;width:calc(100% - 120px);margin-right:-3px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.inputItem textarea{overflow-y:auto;width:calc(100% - 128px);min-height:150px;padding:15px;resize:none;font-family:'Source Sans Pro', 'Lato', Tahoma, Geneva, sans-serif;color:#333;border:0;box-sizing:border-box;}

/* fake form - select */
.select-title {display:inline-block;width:calc(100% - 205px) !important;padding:12px 45px 12px 15px;margin-left:10px;font-size:15px;color:#ccc9c6;text-align:left;vertical-align:middle;background:#fff url('../../images/common/selectarrow02.png') no-repeat 100% 0;-box-sizing:border-box;}
.select-title strong {width:100%;height:1em;color:#ccc9c6;font-weight:normal;word-break:break-all;line-height:1.2em;padding:1px 0 2px;display:block;overflow:hidden;}
.select-title.focus,
.select-title.active {color:#251f21}
.select-title.focus {background-position:100% -0;}
.select-title.active {background-position:100% -44px;}
/*.select-title.disabled {color:#999;text-shadow:1px 1px 0 #fff;border-color:#bbb;background-color:#eee;} */
.select-option {border:1px solid #e7e6e2;background:#fff;overflow:auto;overflow-y:scroll !important}
.select-option span,
.select-option strong {height:1.1em;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;padding:4px 15px 7px;display:block;overflow:hidden;cursor:default;}
.select-option strong {font-weight:bold;color:#000;border-top:1px solid #eee;border-bottom:1px solid #ccc;}
.select-option li li span {padding-left:10px;}
.select-option span:hover,
.select-option span.selected {color:#251f21;background:#eee;}
.select-option .disabled span,
.select-option .disabled strong {color:#bbb;text-decoration:line-through;background:none;}



/* color */

/* bg */
.bgGray01{background:#f9f9f9}
.bgGray02{background:#f3f3f3}

/* font */
.fbold{font-weight:600 !important}
.fsmbold{font-weight:500 !important}
.flihgt{font-weight:300 !important}
.fnormal{font-weight:400 !important}
.f13p{font-size:13px !important}
.f14p{font-size:14px !important}
.f15p{font-size:15px !important}
.f16p{font-size:16px !important}
.f17p{font-size:17px !important}
.f18p{font-size:18px !important}
.f19p{font-size:19px !important}
.f20p{font-size:20px !important}
.f21p{font-size:21px !important}
.f22p{font-size:22px !important}
.f23p{font-size:23px !important}
.f24p{font-size:24px !important}
.f25p{font-size:25px !important}
.f26p{font-size:26px !important}
.f27p{font-size:27px !important}
.f28p{font-size:28px !important}
.f29p{font-size:29px !important}
.f30p{font-size:30px !important}

/* margin */
.mg0{margin:0 !important}
.mgt0{margin-top:0 !important}
.mgt5{margin-top:5px !important}
.mgt10{margin-top:10px !important}
.mgt15{margin-top:15px !important}
.mgt20{margin-top:20px !important}
.mgt25{margin-top:25px !important}
.mgt30{margin-top:30px !important}
.mgt35{margin-top:35px !important}
.mgt40{margin-top:40px !important}
.mgt45{margin-top:45px !important}
.mgt50{margin-top:50px !important}
.mgt55{margin-top:55px !important}
.mgt60{margin-top:60px !important}
.mgt65{margin-top:65px !important}
.mgt70{margin-top:70px !important}
.mgt75{margin-top:75px !important}
.mgt80{margin-top:80px !important}
.mgt85{margin-top:85px !important}
.mgt90{margin-top:90px !important}
.mgt95{margin-top:95px !important}
.mgt100{margin-top:100px !important}
.mgb0{margin-bottom:0 !important}
.mgb5{margin-bottom:5px !important}
.mgb10{margin-bottom:10px !important}
.mgb15{margin-bottom:15px !important}
.mgb20{margin-bottom:20px !important}
.mgb25{margin-bottom:25px !important}
.mgb30{margin-bottom:30px !important}
.mgb35{margin-bottom:35px !important}
.mgb40{margin-bottom:40px !important}
.mgb45{margin-bottom:45px !important}
.mgb50{margin-bottom:50px !important}
.mgb55{margin-bottom:55px !important}
.mgb60{margin-bottom:60px !important}
.mgb65{margin-bottom:65px !important}
.mgb70{margin-bottom:70px !important}
.mgb75{margin-bottom:75px !important}
.mgb80{margin-bottom:80px !important}
.mgb85{margin-bottom:85px !important}
.mgb90{margin-bottom:90px !important}
.mgb95{margin-bottom:95px !important}
.mgb100{margin-bottom:100px !important}
.mgr0{margin-right:0 !important}
.mgr5{margin-right:5px !important}
.mgr10{margin-right:10px !important}
.mgr15{margin-right:15px !important}
.mgr20{margin-right:20px !important}
.mgr25{margin-right:25px !important}
.mgr30{margin-right:30px !important}
.mgr35{margin-right:35px !important}
.mgr40{margin-right:40px !important}
.mgr45{margin-right:45px !important}
.mgr50{margin-right:50px !important}
.mgr55{margin-right:55px !important}
.mgr60{margin-right:60px !important}
.mgr65{margin-right:65px !important}
.mgr70{margin-right:70px !important}
.mgr75{margin-right:75px !important}
.mgr80{margin-right:80px !important}
.mgr85{margin-right:85px !important}
.mgr90{margin-right:90px !important}
.mgr95{margin-right:95px !important}
.mgr100{margin-right:100px !important}
.mgl0{margin-left:0 !important}
.mgl5{margin-left:5px !important}
.mgl10{margin-left:10px !important}
.mgl15{margin-left:15px !important}
.mgl20{margin-left:20px !important}
.mgl25{margin-left:25px !important}
.mgl30{margin-left:30px !important}
.mgl35{margin-left:35px !important}
.mgl40{margin-left:40px !important}
.mgl45{margin-left:45px !important}
.mgl50{margin-left:50px !important}
.mgl55{margin-left:55px !important}
.mgl60{margin-left:60px !important}
.mgl65{margin-left:65px !important}
.mgl70{margin-left:70px !important}
.mgl75{margin-left:75px !important}
.mgl80{margin-left:80px !important}
.mgl85{margin-left:85px !important}
.mgl90{margin-left:90px !important}
.mgl95{margin-left:95px !important}
.mgl100{margin-left:100px !important}

/* padding */
.pd0{padding:0 !important}
.pdtb0{padding-top:0 !important;padding-bottom:0 !important}
.pdrl0{padding-right:0 !important;padding-left:0 !important}
.pd10{padding:10px !important}
.pd20{padding:20px !important}
.pd30{padding:30px !important}
.pd40{padding:40px !important}
.pd50{padding:50px !important}

.pdt0{padding-top:0 !important}
.pdt5{padding-top:5px !important}
.pdt10{padding-top:10px !important}
.pdt15{padding-top:15px !important}
.pdt20{padding-top:20px !important}
.pdt25{padding-top:25px !important}
.pdt30{padding-top:30px !important}
.pdt35{padding-top:35px !important}
.pdt40{padding-top:40px !important}
.pdt45{padding-top:45px !important}
.pdt50{padding-top:50px !important}
.pdt55{padding-top:55px !important}
.pdt60{padding-top:60px !important}
.pdt65{padding-top:65px !important}
.pdt70{padding-top:70px !important}
.pdt75{padding-top:75px !important}
.pdt80{padding-top:80px !important}
.pdt85{padding-top:85px !important}
.pdt90{padding-top:90px !important}
.pdt95{padding-top:95px !important}
.pdt100{padding-top:100px !important}
.pdb0{padding-bottom:0 !important}
.pdb5{padding-bottom:5px !important}
.pdb10{padding-bottom:10px !important}
.pdb15{padding-bottom:15px !important}
.pdb20{padding-bottom:20px !important}
.pdb25{padding-bottom:25px !important}
.pdb30{padding-bottom:30px !important}
.pdb35{padding-bottom:35px !important}
.pdb40{padding-bottom:40px !important}
.pdb45{padding-bottom:45px !important}
.pdb50{padding-bottom:50px !important}
.pdb55{padding-bottom:55px !important}
.pdb60{padding-bottom:60px !important}
.pdb65{padding-bottom:65px !important}
.pdb70{padding-bottom:70px !important}
.pdb75{padding-bottom:75px !important}
.pdb80{padding-bottom:80px !important}
.pdb85{padding-bottom:85px !important}
.pdb90{padding-bottom:90px !important}
.pdb95{padding-bottom:95px !important}
.pdb100{padding-bottom:100px !important}
.pdb120{padding-bottom:120px !important}
.pdb150{padding-bottom:150px !important}
.pdr0{padding-right:0 !important}
.pdr5{padding-right:5px !important}
.pdr10{padding-right:10px !important}
.pdr15{padding-right:15px !important}
.pdr20{padding-right:20px !important}
.pdr25{padding-right:25px !important}
.pdr30{padding-right:30px !important}
.pdr35{padding-right:35px !important}
.pdr40{padding-right:40px !important}
.pdr45{padding-right:45px !important}
.pdr50{padding-right:50px !important}
.pdr55{padding-right:55px !important}
.pdr60{padding-right:60px !important}
.pdr65{padding-right:65px !important}
.pdr70{padding-right:70px !important}
.pdr75{padding-right:75px !important}
.pdr80{padding-right:80px !important}
.pdr85{padding-right:85px !important}
.pdr90{padding-right:90px !important}
.pdr95{padding-right:95px !important}
.pdr100{padding-right:100px !important}
.pdl0{padding-left:0 !important}
.pdl5{padding-left:5px !important}
.pdl10{padding-left:10px !important}
.pdl15{padding-left:15px !important}
.pdl20{padding-left:20px !important}
.pdl25{padding-left:25px !important}
.pdl30{padding-left:30px !important}
.pdl35{padding-left:35px !important}
.pdl40{padding-left:40px !important}
.pdl45{padding-left:45px !important}
.pdl50{padding-left:50px !important}
.pdl55{padding-left:55px !important}
.pdl60{padding-left:60px !important}
.pdl65{padding-left:65px !important}
.pdl70{padding-left:70px !important}
.pdl75{padding-left:75px !important}
.pdl80{padding-left:80px !important}
.pdl85{padding-left:85px !important}
.pdl90{padding-left:90px !important}
.pdl95{padding-left:95px !important}
.pdl100{padding-left:100px !important}




/*메인팝업*/
.mainPop_wrap{position:fixed; top:80px; left:20px; z-index:999;}
.mainPop{position:absolute;width:350px}
.mainPop img{display:block;}
.mainPop p{width:100%; height:50px; background:#252525;}
.mainPop p span{display:block; float:left; width:calc(100% - 68px);padding-right:17px; text-align:right; font-size:13px; line-height:50px; color:#bbb; text-decoration:underline;}
.mainPop p .pop_close{cursor:pointer; display:block; float:left; width:50px; height:50px; font-size:0; line-height:0; color:#252525; border-left:1px solid #3b3b3b;background:url(../../images/icon/ico_close_pop.gif) no-repeat 50% 50%}
/*메인팝업 - 유투브*/
.videoPop{width:50%;padding:50px 0 calc(50% * 0.562);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000}
.videoPop iframe{height:calc(100% - 50px) !important;}
.videoPop p{position:absolute;top:0px;width:100%; height:50px; background:#252525;}
.videoPop p .btnLayerClose{cursor:pointer; display:block; float:right; width:50px; height:50px; font-size:0; line-height:0; color:#252525; border-left:1px solid #3b3b3b;background:url(../../images/icon/ico_close_pop.gif) no-repeat 50% 50%}

/*////////////////////////////////////////////////////////////////////
//  Media Queries
////////////////////////////////////////////////////////////////////*/

/* iPad Landscape */
@media only screen and (max-width:1024px){
	.videoPop{width:80%;padding:50px 0 calc(80% * 0.562)}
	.mainPop{position:static !important;margin-bottom:20px;}
}
@media only screen and (max-width:980px){
}
@media only screen and (max-width:768px){
		
}
@media only screen and (max-width:650px){
}

@media only screen and (max-width:480px){
	.videoPop{width:96%;padding:50px 0 calc(96% * 0.562);top:120px;transform:translate(-50%,0%)}
}