/* NanumGothic */
@font-face{font-family:"ng"; font-style:normal; font-weight:normal;
src:url(../font/NanumGothic.woff) format('woff');
src: local('ng'), url(../font/NanumGothic.woff) format('woff');}
@font-face{font-family:"ngB"; font-style:normal;font-weight:bold;src:url(../font/NanumGothicBold.woff) format('woff');}
@font-face{font-family:"ngEB"; font-style:normal;font-weight:bold;src:url(../font/NanumGothicExtraBold.woff) format('woff');}

/* IE7 IE8 */
@font-face{font-family:"ng"; font-style:normal; font-weight:normal;
src:url(../font/NanumGothic.eot);
src: local('ng'), url(../fonts/NanumGothic.eot) format('eot');}
@font-face{font-family:"ngB"; font-style:normal;font-weight:bold;src:url(../font/NanumGothicBold.eot) format('eot');}
@font-face{font-family:"ngEB"; font-style:normal;font-weight:bold;src:url(../font/NanumGothicExtraBold.eot) format('eot');}

#pop_wrap { position:relative; width:100%; height:100%; padding:0; margin:0; overflow:scroll; }
#pop_wrap #pop_head { width:100%; height:80px; padding:22px 26px;; border-bottom:1px solid #285ea4; vertical-align:middle;  }
#pop_wrap #pop_container { position:relative; width:100%; padding:20px 26px; }
#pop_wrap #pop_content  h2 { padding-bottom: 12px;  color:#285ea4; font-family:"ngB"; font-size:22px; }
#pop_wrap #pop_content  h2.line { border-bottom:1px solid #dbdbdb}

/* tbl_row */
.tbl_row > table { display:table; border-collapse: collapse; width:100%; max-width:100%; color:#555; border-top:2px solid #535353; min-width:300px; margin-bottom:10px; font-family: "ng"; table-layout:fixed;  }
.tbl_row > table  tr  th { text-align:left; height:45px; vertical-align: middle; background:#f3f3f3; color:#555; font-size:15px; font-family: "ngB"; line-height:20px; line-height:1.25em; border-bottom: 1px solid #dbdbdb; padding:0 20px;}
.tbl_row > table  tr  th label{ font-size:15px !important; }
.tbl_row > table  tr  td { background:#fff; vertical-align: middle; color:#555; border-top: 1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;  font-size: 0.9375rem; line-height:20px; line-height:1.25rem; padding:8px 20px;  line-height:1.2rem; }
.tbl_row > table tr .last { border-bottom:0;}
.tbl_row > table tr .lineBtm { border-bottom:1px solid #dbdbdb !important; }
.tbl_row > table tr .lineDarkBtm { border-bottom:1px solid #535353 !important; }
.tbl_row tfoot > tr > td { border-top:1px solid #dbdbdb !important; }
.tbl_row a { font-family:"ngB"; font-size:0.9375rem; color:#555; }
.tbl_row > table > tr >  td > table > tr > td { padding:6px 0; }
.tbl_row > table tr td .text, .tbl_row > table tr td .input { width:160px; height:27px; line-height:27px; }
.tbl_row > table tr td .inputEmail { width:100%; height:27px; line-height:27px;  }
.tbl_row > table tr td .tel { width:46px; height:27px; line-height:27px; }
.tbl_row > table tr td.last { /*border-bottom:1px solid #dbdbdb;*/}
.tbl_row > p { padding:10px 0 5px 0; line-height:1.25rem;  }
.tbl_row strong { padding-left:5px; color:#ff674f; font-family:"ngB"; }

/* tbl_popup */
.tbl_popup > table { display:table; border-collapse: collapse; width:100%; color:#555; border-top:2px solid #535353; border-bottom:1px solid #535353; min-width:300px; margin-bottom:10px; font-family: "ng"; table-layout:fixed;  }
.tbl_popup > table tr th { text-align:center; height:45px; vertical-align: middle; background:#f3f3f3; color:#555; font-size:15px;  font-family: "ngB";  border-bottom: 1px solid #dbdbdb; padding:0 20px;  }
.tbl_popup > table tr td { text-align:center; background:#fff; vertical-align: middle; color:#555; border-top: 1px solid #dbdbdb; font-size: 0.9375rem;  padding:7px 10px ;  line-height:1.2rem; }
.tbl_popup > table tr td.last { text-align:right; }
.tbl_popup a { font-family:"ngB"; font-size:0.9375rem; color:#555; }
.tbl_popup > table tr td .tel { width:38px; height:27px; line-height:27px; }
.tbl_popup > table tr td .inputYear { width:38px; height:27px; line-height:27px; }
.tbl_popup > table tr td .inputDate { width:23px; height:27px; line-height:27px; }
.tbl_popup > table tr td .inputBelong { width:108px; height:27px; line-height:27px; }
.tbl_popup > table tr td .inputBelong.type1 { width:100%;}
.btnPopup { font-size:14px; font-family:"ngB"; color:#666; text-align:center; background:#f0f0f0; border:1px solid #ccc; padding:7px 11px;  }
.bgGray { background:#f3f3f3 !important; }

/* tbl_popup */
.tbl_popupList  { display:table; border-collapse: collapse; width:100%; color:#555; border-bottom: 1px solid #dbdbdb; margin-bottom:10px; font-family: "ng"; table-layout:fixed;  }
.tbl_popupList tr td { text-align:center; background:#fff; vertical-align: middle; color:#555; font-size: 0.9375rem;  padding:7px 10px ;  line-height:1.2rem; }
.tbl_popupList tr td.last { text-align:right; }
.tbl_popup > table tr td .inputEmail { width:100%;}
.tbl_row.type1 { border-bottom:1px solid #535353;}
.tbl_row.type1 table { margin-bottom:0 !important; border-bottom:0;}
.tbl_row.type1 table.tbl_popupList { border-top:1px solid #dbdbdb;}
.tbl_row.type1 .tbl_popup > table tr th { padding:0;}
.tbl_row.type1 .tbl_popup > table tr td { padding:7px 2px;}
.tbl_row.type1 .writeForm { height:auto; padding:0; border:0;}
.tbl_row.type1 .tbl_popup > table { border-bottom:0;}

/* tbl_research */
.tbl_research { background: #f3f3f3; margin:20px auto; padding:0 20px; }
.tbl_research > table { display:table; border-collapse: collapse; width:100%; color:#555; min-width:300px; margin:10px auto; font-family: "ng"; table-layout:fixed;  }
.tbl_research > table tr th { text-align:left; font-family:"ngB"; font-size:0.9375rem; color:#555;  background: #f3f3f3; border-bottom: 1px solid #dbdbdb; padding:25px 0 0 0 ; }
.tbl_research > table tr td { background: #f3f3f3; padding:25px 0 0 0 ; border-bottom: 1px solid #dbdbdb; }
.tbl_research > table tr:last-child>  th, .tbl_research > table tr:last-child>  td { border-bottom:none; padding-bottom:5px; }
.tbl_research > table tr td p { padding:10px 0; font-size:15px; color:#555; }
.tbl_research > table tr td p > label { padding-right:10px;  }
.tbl_research > table tr td .textarea_research { width:95%; height:39px; padding:5px; margin-top:10px;  }
 
input[type=text], input[type=password] { border:1px solid #ccc; box-sizing:border-box; }
select { min-width:50px; }
.txtRight > input[type="checkbox"] { margin-right:5px; }
.gender .text { margin-top:5px; }

.inp_tel, .input2 { width:38px; height:27px !important; line-height:27px; }
.input200 { width:200px; }
.input410 { width:410px; height:27px; line-height:27px; }
.inputName { width:78px; height:27px; line-height:27px;  }
.inputName.type1 { width:100%;}
.inputFull { width:100%; height:27px !important; line-height:27px; }
.grayDesc { color:#999; padding:5px 0; }
.text { width:163px; height:27px; line-height:27px; }
.purpose { width:100%; height:91px;  }
.radio { padding-right:5px; }
.noBorder { border:0 !important; }
.noPadding { padding:0 !important; }
.qa { padding:20px 0 20px 0 !important;  }
.pdsizebox > p { font-size:15px; font-family:"ngB"; padding:0 0 10px 20px; }
.popup_infoTxt { padding:0 0 14px 17px; color:#002e73; font-size: 14px; line-height:1.2rem; }
.talk { width:100%; height:101px; padding:5px 20px; margin:0 auto; border:1px solid #ccc; color:#666; font-size:15px; font-family:"ng"; line-height:1.3rem; box-sizing:border-box;}
.limit { font-size:14px; color:#D73F27; padding-left:2px; }
.limit + textarea.purpose { margin-top:10px;}
.vm { width:45px; height:24px; line-height:24px; color:#666; border:1px solid #ccc; }
.inputdesc { margin:10px 0; font-size:14px; font-family:"ngB"; color:#ff674f; }
.fileDesc { padding:10px 0; color:#002e73; font-size:14px; line-height:1.25rem; }
.fileDesc.type1{ padding:12px 15px 14px 50px; background:#f5e9e1 url(/common_img/icon_info.png) no-repeat 17px 12px; border-radius:5px; color:#b71e00;}
.waring li { padding:0 10px; color:#555; font-size:14px; line-height:1.5em; letter-spacing:-1.5px; }

.pop_btn { margin:30px 0 0 0;  text-align:center; }
.btnConfirm { display:inline-block; width:129px; height:44px !important; line-height:44px !important; margin-right:10px; background:#285ea4; color:#fff; text-align:center; font-size:18px !important; font-family:"ngB";}
.btnCancel { display:inline-block; height:44px  !important; line-height:44px !important; background:#555; color:#fff; text-align:center; font-size:18px !important; font-family:"ngB"; margin-right:10px;  }
.btnCancel_s { display:inline-block; width:80px; height:44px; line-height:44px; background:#8ba3cd; color:#fff !important; text-align:center; font-size:18px; font-family:"ngB";  }
.btnClose { display:inline-block; width:129px; height:44px; line-height:44px; background:#959595; color:#fff; text-align:center; font-size:18px; font-family:"ngB";  }
.btnZip { height:29px; line-height:29px; padding:0 10px;  border:none;  background:#555; color:#fff; text-align:center; font-size: 14px; font-family:"ngB"; }
.btnBasic { background:#285ea4; color:#fff; text-align:center; font-size:15px; }
.pop_box1 { margin:30px 0 0; padding:35px 25px; text-align:center; border:1px solid #ccc; background:#f5f5f5;}
.pop_box1 .btn_area { padding:20px 0 0;}
.pop_box1 .btn_area .button_space { margin-left:8px;}

.m-l-10 { margin-left:10px !important; }
.m-t-10 { margin-top:10px !important; }
.m-t-20 { margin-top:20px !important; }
.m-t-30 { margin-top:30px !important; }
.m-r-10 { margin-right:10px !important; }
.p-l-5 { padding-left:5px; }
.p-b-5 { padding-bottom:5px; }
.txtCenter { text-align:center !important;}
.txtRight { text-align:right !important;}
.txtBold { font-size:15px; font-family:"ngB"; color:#333; }
.blueTxt { color:#002e73; }
.orangeTxt { color:#D73F27; }
.floatLeft { float:left; }
.floatRight { float:right; }

/* ¹èÄ¡µµ º¸±â */
.con_gob { text-align:center; min-width:320px; }
.con_gob > img { margin:55px auto 60px;}
.con_gob > img.placement { min-width:320px; height:auto;}
.con_gob ul {padding:15px 25px; border:1px solid #ccc; background:#f5f5f5;}
.con_gob ul li {display:inline;}
.con_gob ul li span {margin-left:-4px; padding:2px 16px 1px 19px; font-size:11px; letter-spacing:-1px;}
.con_gob ul li.gob_01 span {background:url('/common_img/popup/ico_gob_01.gif') no-repeat 0 0; margin-left:0;}
.con_gob ul li.gob_02 span {background:url('/common_img/popup/ico_gob_02.gif') no-repeat 0 0;}
.con_gob ul li.gob_03 span {background:url('/common_img/popup/ico_gob_03.gif') no-repeat 0 0;}
.con_gob ul li.gob_04 span {background:url('/common_img/popup/ico_gob_04.gif') no-repeat 0 0;}
.con_gob ul li.gob_05 span {background:url('/common_img/popup/ico_gob_05.gif') no-repeat 0 0;}
.con_gob ul li.gob_06 span {background:url('/common_img/popup/ico_gob_06.gif') no-repeat 0 0;}
.con_gob ul li.gob_07 span {background:url('/common_img/popup/ico_gob_07.gif') no-repeat 0 0;}
.con_gob ul li.gob_08 span {background:url('/common_img/popup/ico_gob_08.gif') no-repeat 0 0;}
/* .placement { width:560px; height:365px;} */

/* ÀÎÅÏ½Ê ½Åû¹æ¹ý */
.rqway_info > li { margin:12px 0 48px 0 ; color:#222; font-size:19px; font-family:"ngB"; }
.img_box { margin-top:20px; padding:37px 0 50px 0; background:#f8f8f8; text-align:center; border:1px solid #ededed; border-bottom:0;  }
.picDesc { width:100%; height:42px; line-height:42px; color:#fff; text-align:center; font-size:19px; font-family:"ngB"; background:#555;  }
.txt_in { display:block; margin:7px 0 0 20px; }

/* û¼Ò³âÅä·Ð´ëȸ */
.select_area { margin:38px 0 55px 0; }
.select_area > ul { margin:0 auto; }
.select_area > ul:after { clear:both; content:""; display:block; }
.select_area > ul > li { float:left; width:33%; padding-left:15px; }
.select_area > ul > li:first-child { margin-left:0; }
.select_area .contestWrap { height:210px; }
.select_area .contestWrap .contestTitle { width:100%; padding:18px 0 16px 0; color:#fff; text-align:center; font-size:17px; font-family:"ngB"; line-height:1.25rem; background:#285ea4 url(/common_img/btnArrow3.png) no-repeat right center; }
.select_area .contestWrap .contestImg { width:100%; height:140px; padding-top:38px; text-align:center; vertical-align:middle; background:#fff;  border:1px solid #a7bfdd; border-top:0; }

/* ¿ï»êÁö¹æ¹ý¿ø */
.calcBg { display:block; margin:30px 0 20px 0; padding-left:130px; background:url(/common_img/calculatorBg.png) no-repeat ; color:#666; font-size:15px; line-height:1.5rem; }
.download_btn { text-align:right; }
.download_btn .last { margin-left:6px; }
.btnBlueArrow { display:inline-block; border:none; margin:0;  height:37px; line-height:37px; padding:0 30px 0 15px; text-align:center; color:#fff; font-size:15px; font-family:"ng"; background:#285ea4 url(../common_img/btnArrow.png) no-repeat right center; white-space:nowrap;  }

/* ³ªÀÇ »ç°Ç°Ë»ö */
.safindWrap { width:100%; height:100%;/*  border:1px solid #285ea4; */ }
.safind_tbl { font-size:14px; font-family:"ng"; color: #555; }
.safind_tbl li { padding:1px 0; }
.safind_tbl  table { display: table; border-collapse: collapse; width: 100%; color: #555; border-top: 1px solid #535353; font-family: "ng"; table-layout: fixed; }
.safind_tbl  table th { height: 30px; vertical-align: middle; background: #f3f3f3; color: #555;  font-size:14px; font-family: "ngB"; border-bottom: 1px solid #dbdbdb; padding:0 20px; } 
.safind_tbl  table td { height: 30px; vertical-align: middle; background: #fff; color: #555; font-size:12px;  font-family: "ng"; border-bottom: 1px solid #dbdbdb; padding:0 20px; }
.orangeTxt { font-style:normal; color: #fd654e; font-family:"ngB"; font-size:14px; }
.btn { display:inline-block; padding:0; height:25px; line-height:23px; padding:0 15px; border-radius:3px; color:#fff; text-align:center; background: #285ea4; font-family:"ngB"; }
.safind_tbl .m-t-15 { margin-top:15px !important; }


.notice_box { margin:20px auto; padding: 20px 18px; background:#f3f3f3; color:#555; font-size:14px; line-height:1.4em;  }
.mgb_10 { margin-top:10px; }
.mgb_20 { margin-top:20px; }
.mgb_29 { margin-top:29px; }
.pop_btn_30 { margin:30px 0;  text-align:center; }

.popTxt1 { padding:5px 0 10px;}

/* ¼³¹® */
.research_con {}
.research_con p {text-align:right;}
.research_con p em {color:red;}
.research_con .question li ul {margin-top:10px; padding:10px; background:#FCFCFC; border:1px solid #DEDEDE;}
.research_con .question .num_sec {margin-top:15px;}
.research_con .question li ul  li  {position:relative; padding:10px 0 10px 10px;}
.research_con .question li ul  li .graph {position:absolute; left:12px; top:28px; width:85%; height:10px; background:url("../images/pop_up/poll_graph_back.gif") no-repeat left top;}
.research_con .question li ul  li .total {position:absolute; right:5px; top:22px;}
.research_con .question li ul  li .persent {color:#FF9640; font-weight:bold;}
.research_con .question li ul  li label {padding-left:5px; vertical-align:middle;}
.research_con .question li ul  li input {vertical-align:middle;}
.result {padding-top:10px;}

/* Mobile */
@media all and (min-width:1px) and (max-width:415px) {
    
    body, table, th, td, td, label, input, select, button { font-size:12px; line-height:20px;}
    table, th, td, td { line-height:18px !important;}
    table {margin:0 !important;}
    input[type="text"], input[type="password"], input[type="file"] { padding:0; height:22px !important; line-height:20px !important; box-sizing:border-box;}
    select::-ms-expand { display:inline-block;}
    select { padding:0; height:22px; border:1px solid #ccc; -webkit-appearance:menulist-button; appearance:menulist-button; background-color:#fff !important; background-image:none !important;}
    b, strong, .txtBoldBox { font-weight:normal; font-family:"ngB";}
    .input410 { width:220px;}
    input[type="radio"] { margin-right:2px;}
    .btnZip { display:inline-block; padding:0 8px; height:22px; line-height:20px; font-size:12px !important; border-radius:3px;}
    .btnConfirm, .btnClose, .btnCancel { display:inline-block; padding:0 17px; width:auto; min-width:77px; height:27px !important; line-height:27px !important; border-radius:3px; letter-spacing:0; font-family:"ng"; font-size:11px !important; vertical-align:middle;}
    .pop_btn { margin-top:20px;}
    .h_text_tit { padding:0;}
    .mBlock { display:block;}
    .txtBold { font-size:12px;}
    
    #pop_wrap #pop_content h2.m-t-30 { margin-top:20px;}
    #pop_wrap #pop_container { padding:20px;}
    #pop_wrap #pop_head { padding:10px 13px; height:auto; }
    #pop_wrap #pop_content  h2 { font-size:16px; color:#030303;}
    
    .tbl_row > table { width:100%; min-width:auto;}
    .tbl_row > table tr th { padding:0; height:35px; font-size:inherit; text-align:center;}
    .tbl_row > table tr td { padding:4px; font-size:inherit;}
    .tbl_row > table thead tr.first_tr th { background:#fff; border-bottom:1px solid #dbdbdb;}
    
    .tbl_row > table.mPopType1 colgroup { display:none;}
    .tbl_row > table.mPopType1 tr.first_tr th { width:32px;}
    .tbl_row > table.mPopType1 tr.first_tr th:nth-child(1) + td { width:44%;}
    .tbl_row > table.mPopType1 tr td { padding:4px 0 4px 4px;}
    .tbl_row > table.mPopType1 tr td .text, .tbl_row > table tr td .input { padding:0; width:80px; height:22px; line-height:20px;}
    .tbl_row > table.mPopType1 tr td label + input[type="radio"] { margin-left:8px;}
    .tbl_row > table.mPopType1 tr td.last { border-bottom:0;}
    .tbl_row > table.mPopType1 tr td .inp_tel, .tbl_row > table tr td .input2 { width:24%; max-width:27px; height:22px !important; line-height:20px;}
    .tbl_research > table { width:100%; min-width:auto;}
    .tbl_research { margin:10px 0 20px; padding:0 10px;}
    .tbl_research > table tr th { padding:15px 6px 0 0; text-align:center;}
    .tbl_research > table tr td { padding:15px 0 0;}
    .tbl_research > table tr td .txtBold { font-size:inherit;}
    .tbl_research > table tr td p { padding:5px 0; font-size:inherit;}
    .tbl_research > table tr td p > input[type=text] { width:100%;}
    .tbl_research > table tr td .textarea_research { margin-top:4px;}
    
    h2 + .tbl_row > p { padding:0 0 5px;}
    .tbl_row > p.txtRight > input[type="checkbox"] { margin:0 4px 0 0;}
    .tbl_row > p.txtRight .txtBold { font-size:inherit; font-weight:normal;}
    .tbl_row.m-t-20 { margin-top:0 !important;}
    .tbl_row > table tr td .inputEmail { width:100%;}
    .tbl_row > table tr td.qa { padding:10px 0 10px !important;}
    .pdsizebox > p { padding:0 0 5px;}
    .pdsizebox textarea.talk { padding:5px 2%; font-size:12px;}
    .popup_infoTxt { padding:0 0 4px; font-size:inherit;}
    .tbl_popup > table { min-width:auto;}
    .tbl_popup > table colgroup { display:none;}
    .tbl_popup > table tr th:nth-child(1) { width:42px;}
    .tbl_popup > table tr th:nth-child(2) { width:44px;}
    .tbl_popup > table tr th:nth-child(3) { width:52px;}
    .tbl_popup > table tr th:nth-child(4) { width:50px;}
    .tbl_popup > table tr th:nth-child(5) { width:auto;}
    .tbl_popup > table tr th:nth-child(6) { width:30px;}
    .tbl_popup > table tr td { padding:4px 0;}
    .tbl_popup > table tr td .mBlock { margin:1px 0;}
    .tbl_popup > table tr td .tel { width:38px;}
    .tbl_popup > table tr td .inputName { width:40px;}
    .tbl_popup > table tr td .inputYear { width:22px;}
    .tbl_popup > table tr td .inputDate { width:22px;}
    .tbl_popup > table tr td .inputBelong { width:50px;}
    .tbl_popup > table tr td .inputEmail { width:98%;}
    .tbl_row > table tr td .btnPopup { padding:0 2px; font-size:12px;}
    .tbl_row.type1 colgroup { display:none;}
    .tbl_row.type1 .first_tr th { width:65px;}
    
    .pop_btn_30 { margin:20px 0 0;}
    .inputdesc { margin:0; padding:0 0 10px; font-size:inherit;}
    .fileDesc { font-size:inherit;}
    .waring li { padding:4px 0; margin-left:6px; text-indent:-6px; font-size:inherit; line-height:18px;}
    .tbl_row a { font-size:inherit;}
    
    .select_area { margin:0;}
    .select_area > ul > li { padding:0 1%; width:33.333%;}
    .select_area .contestWrap { height:auto;}
    .select_area .contestWrap .contestTitle { font-size:13px; line-height:20px; background-image:none;}
    .select_area .contestWrap .contestImg { padding-top:20px; height:100px;}
    .select_area .contestWrap .contestImg img { width:54px;}
    
    .popTxt1 { padding:0 0 5px;}
    .tbl_row > table .limit { display:block; font-size:12px;}
    .tbl_row > table .purpose { margin-top:5px; padding:0; height:80px;}
    .tbl_row > table .vm { padding:0; background:none;}
    .notice_box { margin:15px 0 10px; padding:15px; font-size:inherit;}
    .notice_box.type1 { margin:0; line-height:18px;}
    
    .con_gob > img.placement { margin:0 auto 20px; width:100%;}
    .pop_box1 { margin:0;}
    .pop_box1 .btn_area { padding:10px 0 0;}
    .bg_application { padding:10px; border:1px solid #ededed; background:#f8f8f8;}
    
    .rqway_info > li { margin:20px 0 0; font-size:inherit;}
    .rqway_info > li:first-child { margin:0;}
    .rqway_info > li .img_box { padding:4px; margin-top:10px;}
    .rqway_info > li .img_box img { width:100%;}
    .rqway_info > li .picDesc { height:24px; line-height:24px; font-size:inherit;}
    .rqway_info > li .txt_in { margin:5px 0 0 5px; font-family:"ng";}
    
    .calcBg { background-image:none !important; padding:0; font-size:12px; line-height:18px; }
    .mgb_20 { margin-top:8px;}
    .blueTxt2 {  font-style: normal; color: #136bcd !important; }
    .pTitle_type2 { color:#285ea4 !important; font-size:22px !important;  padding-bottom:15px; border-bottom:1px solid #e5e5e5; margin-bottom:15px; }
    
}