/*@charset "utf-8";*/
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/* reset Base --------------------------- */
header,footer,section,article,aside,nav,menu,figure,figcaption{display:block}
html{overflow-y:scroll;}
/*html,body,ul,ol,li,form,fieldset,legend,dt,dd{margin:0;padding:0;background-color:#fff;} */
html,body,ul,ol,li,form,fieldset,legend,dt,dd{margin:0;padding:0;}
p,h1,h2,h3,h4,h5,h6,dl{margin:0}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;}
body,input,textarea,select,button,table,option{word-break:keep-all;word-wrap:break-word;-webkit-text-size-adjust:100%;}
fieldset,img{border:0}
img {vertical-align:middle;}
em,address{font-style:normal;}
legend{color:#111}
a, a:hover,a:focus{text-decoration:none;-webkit-transition:color .3s ease-out;-moz-transition:color .3s ease-out;-ms-transition:color .3s ease-out;-o-transition:color .3s ease-out;transition:color .3s ease-out}
button,a{color:#111;text-decoration:none;cursor:pointer}
li{list-style:none}
/*table{border-collapse:collapse;border-spacing:0;table-layout:fixed;border-spacing:0;width:100%;empty-cells:show;}*/
caption {text-indent:-100000px; font-size:0;width:1px;height:1px;overflow:hidden;}
tbody,tfoot,thead,tr,th,td { word-wrap:break-word; }
blockquote:before,blockquote:after,q:before,q:after{content:''}
blockquote,q{quotes:' '}
abbr,acronym{border-bottom:1px dotted;cursor:help}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
hr{display:none}
fieldset{overflow:hidden}
label, button { cursor:pointer; }
/* reset Customiz --------------------------- */
body{font-family:' ','Malgun Gothic','appleGothic',sans-serif;font-size:12px;line-height:1.6;color:#111;}
input,textarea,select,button,table,option {font-family:' ','Malgun Gothic','appleGothic',sans-serif;font-size:12px;line-height:1.6;color:#111;}
button{width:auto;overflow:visible;vertical-align:middle;background:none;margin:0;padding:0;border:0;background:transparent;border:none;box-sizing:border-box;}
button::-moz-focus-inner, input[type='reset']::-moz-focus-inner, input[type='button']::-moz-focus-inner, input[type='submit']::-moz-focus-inner, input[type='file'] > input[type='button']::-moz-focus-inner{padding:0;border:0;}/* firefox bug fixed */
input{width:auto;overflow:visible;vertical-align:middle;background:none;margin:0; box-sizing:border-box;color:#333;border:1px solid #e5e5e5; font-size:15px;}
input[type='text'], input[type='password'], input[type='email'], input[type='number'], input[type='date'], input[type='datetime']{ height:27px;/*padding:0 10px 0;border:1px solid #ddd;*/font-size:14px;border-radius:0;background:#fff;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;}
input[type='text']::-ms-clear{display:none;}
input[type='text']:disabled{background:#e1e1e1;color:#999;}
input[type='text'].readonly{background:#f9f9f9;color:#333;}
input[type='radio'], input[type='checkbox']{vertical-align:middle;}
textarea{width:100%;display:block;overflow:auto;vertical-align:top;padding:10px;box-sizing:border-box;border:solid1px#ddd;resize:none;}
::-webkit-input-placeholder { color:#999; }
::-moz-placeholder { color:#999; }
:-ms-input-placeholder { color:#999; }
:-moz-placeholder { color:#999; }
select::-ms-expand { display: none; }
select[disabled='disabled'] { background-color:#f4f4f4; color:#666; }
:root select {padding:0 0 0 10px\0/IE9; background:none\0/IE9; }

select.gn { position:relative; padding:4px 20px 8px 10px; height:40px;-webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:13px; border:0px solid #e5e5e5; background:url('/_template/service/images/2017_bigfile/bg_gr_sel.gif') 100% -5px no-repeat;font-size:13px;}
select.gn:focus {background:url('/_template/service/images/2017_bigfile/bg_g_sel_up.gif') 100% -5px no-repeat;font-size:13px;}
/*
select { position:relative; padding:4px 36px 8px 10px; height:40px;-webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:13px; border:0px solid #e5e5e5; background:url('/_template/service/images/2017_bigfile/bg_gr_sel.gif') 100% -5px no-repeat;}
select:focus {background:url('/_template/service/images/2017_bigfile/bg_g_sel_up.gif') 100% -5px no-repeat;}
*/
select.bod { position:relative; padding:4px 36px 4px 10px; height:27px;-webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:13px; border:1px solid #e5e5e5; background:url('/_template/service/images/2017_bigfile/bg_sel.gif') 100% 0px no-repeat;border-radius:4px;font-size:13px;}
select.bod:focus {background:url('/_template/service/images/2017_bigfile/bg_sel.gif') 100% 0px no-repeat;font-size:13px;}

.blind { display:block; position:absolute !important; left:-9999px !important; top:0 !important; text-indent:9999px !important; width:0 !important; height:0 !important; border:0 !important; overflow:hidden !important; font-size:1px; line-height:0 !important; white-space:nowrap !important; }
.cb {clear:both;}

/* Layout --------------------------- */
body {  }
div, section, ul, dl, ol, li { outline-width:0; }
 

/* Align Type --------------------------- */
.abs { position:absolute; }
.pL { left:0; }
.pR { right:0; }
.aL { text-align:left !important; }
.aC { text-align:center !important; }
.aR { text-align:right !important; }
.aT { vertical-align:top !important; }
.tS1 { letter-spacing:-0.1em !important;  }
.mr_t20 {padding-top:20px;}
.mr_t10 {padding-top:10px;}

/* Box Model --------------------------- */
.block { display:block !important; }

/* Button Type --------------------------- */
.btnArea { margin-top:16px; }
.btnArea.right { margin-top:20px; text-align:right; }
.btnA { display:inline-block; border:1px solid transparent; min-width:80px; height:38px; padding:0 20px; font-size:14px; line-height:36px; text-align:center; vertical-align:middle; box-sizing:border-box; border-radius:4px; text-decoration:none !important; }

.btn-1, .btn-2 { background-color:#444; border-color:#444; color:#fff; }
.btn-1:hover, .btn-1:focus, .btn-2:hover, .btn-2:focus { background-color:#222; border-color:#222; }
.btn-3 { background-color:transparent; border-color:#444; color:#111; }
.btn-4 { background-color:transparent; border-color:#444; color:#111; border-radius:0; width:110px; height:40px; }

/* ?? */
.modalBg { position:fixed; left:0; top:0; right:0; bottom:0; z-index:1000; background:rgba(0,0,0,0.7); }
.layerPopup { position:absolute; left:0; top:0; z-index:1001; display:none; }
.layerPopup .popHead { padding:20px 40px; font-size:24px; line-height:40px; color:#fff; background-color:#d3a141; }
.layerPopup .popCont { max-height:500px; overflow:auto; background:#fff; }
.layerPopup .inGoogleForm { position:relative; width:570px; height:2680px; overflow:hidden; }
.layerPopup .inGoogleForm iframe { display:block; width:600px; margin:0 -15px -23px; }
.layerPopup .popFoot { padding:24px; text-align:center; background-color:#eee; }
.layerPopup .popclose { position:absolute; top:21px; right:30px; background-position:-595px 10px; width:40px; height:40px; }
.layerPopup .popclose.removeEle { position:fixed; top:50px; right:50px; }

.layerPopup.Ty2 .popHead { background-color:#d11323; }
.layerPopup.Ty2 .popCont { padding:30px 40px; width:378px; }
.layerPopup.Ty2 .popCont h3 { font-size:26px; font-family:'Nanum Myeongjo', serif; }
.layerPopup.Ty2 .popCont h3 + p { font-size:15px; }

/* form */
.infoForm {margin-top:23px;}
.infoForm input { padding-left:34px; border:0; border-bottom:1px solid #ddd; line-height:34px; }
.infoForm input + input {margin-top:21px;}
.infoForm .infoName {background:url('../img/common/bg_info.png') 0 0 no-repeat;}
.infoForm .infoName:focus {background-position:0 -34px;border-bottom:1px solid #111;}
.infoForm .infoMail {background:url('../img/common/bg_info.png') 0 -68px no-repeat;}
.infoForm .infoMail:focus {background-position:0 -102px;border-bottom:1px solid #111;}

.agreeForm { overflow:hidden; margin-top:20px; }
.agreeForm h4 { font-size:15px; font-weight:bold; line-height:35px; }
.agreeForm .box { overflow:hidden; overflow-y:scroll; padding:10px; width:356px; height:110px; font-size:13px; text-align:left; border:1px solid #e5e5e5;}
.agreeForm .box + .labelForm { float:right; }
.agreeForm .box li { padding-left: 15px; text-indent: -15px;}

.labelForm label {display:inline-block;line-height:28px;cursor:pointer;}
.labelForm label > input {position:absolute;opacity:0;filter:alpha(opacity=0);}
.labelForm label > span {position:relative;display:inline-block;padding:0 0 0 20px;font-weight:normal !important;color:#111;}
.labelForm label > span:before {content:'';display:block;position:absolute;left:0;top:7px;width:16px;height:16px;background:url('../img/common/ir-common.png') -784px 0 no-repeat;}
.labelForm label input:checked + span:before {background-position:-784px -16px;}

#popup { position:relative; min-height:100%; }
#popup .body { padding-bottom:56px; text-align:center; }
#popup img {text-align:left; }
#popup .foot { position:absolute; bottom:0; left:0; right:0; padding:14px 18px; background-color:#eee; text-align:right; color:#666; font-size:13px; }
#popup .foot > div { padding-right:18px; }
#popup .foot .labelForm label > span { color:#666; }
