@charset "utf-8";

/* ============= reset ============= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
title, mark, audio, video {margin:0;padding:0;vertical-align:baseline;}

/* HTML5 display-roll reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
th, td {word-break:break-all;vertical-align:middle;}
caption, legend {visibility:hidden;overflow:hidden;height:0;text-indent:-9999px;}
img, input, button, select, textarea {vertical-align:middle;}
img, fieldset, iframe {border:0;}

/* ============= common ============= */

/* common */
body {-webkit-text-size-adjust:none;font-family:'Malgun gothic','맑은고딕',Dotum,'돋움',arial,sans-serif;color:#2f2f2f;letter-spacing:-0.5px;}
a:hover, a:focus, a:active, a:link, a:visited {color:#2f2f2f;text-decoration:none;}
button {cursor:pointer;}
.hide {display:none;}
.flt {float:left;}
.frg {float:right;}
.txt_hide {position:absolute;width:0;height:0;line-height:0;text-indent:-9999px;}
.txt_bold {font-weight:bold}
.txt_red {color:#ca0d0d !important;}
.txt_grey {color:#4c4c4c !important;}
.txt_666 {color:#666 !important;}
.txt_blue {color:#245b98 !important;}
.txt36 {font-size:36px}
.txt18 {font-size:18px}
.txt16 {font-size:16px}
.align_cent {text-align:center}
.align_lft {text-align:left}
.pdb12 {padding-bottom:12px;}
.pdl2 {padding-left:12px;}
.pdl5 {padding-left:5px;}
.pdl10 {padding-left:10px;}
.pdr10 {padding-right:10px;}
.pdb15 {padding-bottom:15px;}
.pdb8 {padding-bottom:8px;}
.pdt15 {padding-top:15px !important}
.pdt18 {padding-top:18px !important}
.pdt30 {padding-top:30px}
.pdt50 {padding-top:50px}
.mgl5 {margin-left:5px}
.mgr10 {margin-right:10px}
.mgl10 {margin-left:10px}
.mgl40 {margin-left:40px}
.mgt15 {margin-top:15px}
.mgt30 {margin-top:30px}
.mgt50 {margin-top:50px}
.mgt80 {margin-top:80px}
.mgt95 {margin-top:95px}
.mgt150 {margin-top:150px}
.mgb15 {margin-bottom:15px}
.mgb40 {margin-bottom:40px}
.mgb50 {margin-bottom:50px}
.lspm2 {letter-spacing:-2px;}
.lh16 {line-height:1.6em}
.wd70 {width:70px !important}
.wd230 {width:230px !important}
.wd200 {width:200px !important}
.wd160 {width:160px !important}
.wd95pr {width:95% !important}
.htauto {height:auto !important}


.btn_area_ct {display:block;width:100%;text-align:center;padding:35px 0;}
.btn_area_r {display:inline-block;float:right;}
.btn_wbd_01 {width:100px;height:40px;padding-top:10px;border:1px solid #c3c6ca;border-radius:5px;background:transparent}
.btn_wbd_01:hover, .btn_wbd_01:focus {background-color:#fff}
.btn_wbd_01 span {color:#eff6f6;font-size:15px;font-weight:normal;}
.btn_wbd_01:hover span, .btn_wbd_01:focus span {color:#294575}
.btn_wbd_02 {width:230px;height:50px;padding-top:18px;border:1px solid #c3c6ca;border-radius:5px;background:transparent}
.btn_wbd_02:hover, .btn_wbd_02:focus {background-color:#c3c6ca}
.btn_wbd_02 span {color:#333;font-size:18px;font-weight:normal;}
.btn_wbd_02:hover span, .btn_wbd_02:focus span {color:#294575}
.btn_br_01 {min-width:90px;height:32px;padding:4px 30px;border:none;border-radius:3px;background:#248998}
.btn_br_01:hover, .btn_br_01:focus {background:#177e8d}
.btn_br_01 span {color:#fff;font-size:15px;font-weight:normal;}
.btn_br_02 {min-width:155px;height:50px;padding:4px 30px;border:none;border-radius:3px;background:#248998}
.btn_br_02:hover, .btn_br_02:focus {background:#177e8d}
.btn_br_02 span {color:#fff;font-size:18px;font-weight:normal;}
.btn_gy_01 {min-width:90px;height:32px;padding:4px 30px;border:none;border-radius:3px;background:#8a9499}
.btn_gy_01:hover, .btn_gy_01:focus {background:#76848b}
.btn_gy_01 span {color:#fff;font-size:15px;font-weight:normal;}
.btn_gy_02 {min-width:155px;height:50px;padding:4px 30px;border:none;border-radius:3px;background:#8a9499}/*20180816*/
.btn_gy_02:hover, .btn_gy_02:focus {background:#76848b}
.btn_gy_02 span {color:#fff;font-size:18px;font-weight:normal;}
.btn_sb_01 {min-width:90px;height:32px;padding:4px 30px;border:none;border-radius:3px;background:#5da2c5}
.btn_sb_01:hover, .btn_sb_01:focus {background:#3f89af}
.btn_sb_01 span {color:#fff;font-size:15px;font-weight:normal;}

.table1 {width:100%;border-top:2px solid #87b5cd;color:#111;font-size:16px;font-weight:bold;}
.table1 th {width:200px;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;background-color:#f3f3f3;padding-right:20px;text-align:right;box-sizing:border-box;}
.table1 td {height:54px;border-bottom:1px solid #d8d8d8;background-color:#fff;padding-left:20px;color:#4c4c4c;}

.tit_box {position:relative;overflow:hidden;min-height:35px}
.tit_box h3 {float:left;color:#2b6a8a;font-size:18px;font-weight:bold}/*20180816*/
.line_tit {clear:both;position:absolute;left:0;bottom:8px;width:100%;height:1px;background-color:#c1c1c1;border:0;z-index:1;}
.more {display:block;float:right;width:25px;height:25px;background:url(../../img/global.png) no-repeat 0 -247px;text-indent:-9999px}/*20180816*/
.new {display:inline-block;width:16px;height:15px;background:url(../../img/ico_new.png) no-repeat;vertical-align:baseline;margin:0 6px 0 0}
.roll_btn {float:right;margin-top:8px}
.roll_btn>a {display:block;width:10px;height:10px;margin-right:3px;background:url(../../img/global.png) no-repeat;}
.roll_btn>a.df {background-position:-2px -281px}
.roll_btn>a.on {background-position:-13px -281px}
.gline {width:100%;height:1px;border:0;background-color:#cccccc;}
.rline {width:100%;height:1px;border:0;background-color:#e80b0b;}

/* skip */
.skipNavigation {position:absolute;top:0;left:0;right:0;margin:0 auto;z-index:99999;}
.skipNavigation a {position:absolute;top:-50px;width:100%;background:#000;font-size:0;}
.skipNavigation a:active, 
.skipNavigation a:focus {display:block;top:0;padding:10px;background:#000;outline:0;font-size:13px;text-align:center;color:#fff;font-weight:bold;}

/* layout */
body {background-color:#e0e0e0;}
.cent_wrap {overflow:hidden;width:1240px;margin:0 auto;}
.kproWrap {position:relative;width:100%;height:100%;}
.headWrap {position:fixed;top:0;left:0;height:90px;z-index:100;}
.roof_wrap, .gnb_wrap {overflow:hidden;width:100%;min-width:500px;padding:0 2%;border-bottom:1px solid #d9d9d9;box-sizing:border-box;}
.roof_wrap {height:30px;background-color:#f4f4f4;}
.gnb_wrap {height:60px;background-color:#fff;}
.mainContent {position:relative;padding:0;box-sizing:border-box;}
.main_wrap {position:relative;width:100%;height:300px;padding:0;}/*201807 pjsuny*/
.announce_wrap {padding:20px 0;background-color:#fff;}/*20180816*/
.benner_wrap {padding:20px 0;background-color:#e9f5f0;}/*20180816*/
.opensource_wrap {overflow:hidden;padding:20px 0;background-color:#fff;}/*20180816*/
.service_wrap {padding:20px 0;background-color:#f9f9f9;}/*20180816*/
.footerWrap {position:relative;}
.footer_box {overflow:hidden;width:100%;height:48px;border-top:1px solid #cccfd2;border-bottom:1px solid #cccfd2;background-color:#888;box-sizing:border-box;}
.headWrap, .mainContent, .announce_wrap, .opensource_wrap, .benner_wrap, .service_wrap, .footerWrap {width:100%;min-width:1240px;}

/* header */
.roof_wrap h2.logo, .gnb_wrap h1.logo {float:left}
.roof_wrap .global_menu {overflow:hidden;float:right;height:30px;}
.roof_wrap .global_menu li {float:left;}
.logo_khnp {display:block;width:200px;height:30px;background:url(../../img/logo_khnp.png) no-repeat 0 6px;text-indent:-9999px}
.global_menu li a {color:#656565;font-size:13px;line-height:2em;letter-spacing:0;}
.global_menu li a.on {font-weight:bold;color:#4e4e4e;}
.global_menu li a:hover, .global_menu li a:focus {color:#2a5fd6;}
.global_menu li a.home {display:block;width:29px;height:29px;margin-right:12px;background:#284370 url(../../img/global.png) no-repeat 0 0;}
.global_menu li a:hover.home, .global_menu li a:focus.home {background:#2a5fd6 url(../../img/global.png) no-repeat 0 0;}
.global_menu li.divide {width:1px;height:29px;margin:0 12px;background:url(../../img/global.png) no-repeat 0 -30px;}
.logo_kpro {display:block;width:274px;height:60px;background:url(../../img/logo_kpro.png) no-repeat 0 14px;text-indent:-9999px;}
.gnb_wrap .gnb {overflow:hidden;}
.list_menu {overflow:hidden;min-width:1000px;}
.list_menu li {float:left;padding-left:70px;}
.list_menu li:first-child {padding-left:120px;}
.list_menu li>a {position:relative;display:block;height:60px;padding-top:16px;font-size:20px;font-weight:bold;color:#37393a;line-height:1.2em;letter-spacing:-1.5px;box-sizing:border-box}
.list_menu li>a>.line {display:none;position:absolute;left:0;bottom:1px;width:100%;height:2px;background-color:#2a5fd6;}
.list_menu li>a:hover>.line, .list_menu li>a:focus>.line {display:block}

/* main_visual */
.main_wrap .main_visual {position:relative;width:100%;height:300px;padding:0;}
.main_wrap .main_visual .slide_wrap {position:absolute;top:0;left:50%;width:1240px;height:100%;margin-left:-620px;}
.main_wrap .main_visual .main_slider01 {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right, #78acb5 50%, #94cdd6 50%);display:none;}
.main_wrap .main_visual .main_slider01 div .roll_image {display:inline-block;width:100%;height:100%;margin-left:30px;background:url(../../img/main_image01.jpg) no-repeat;z-index:999}
.main_wrap .main_visual .main_slider01 div h2 {display:inline-block;position:absolute;top:50px;left:30px;width:292px;height:95px;background:url(../../img/main_text01.png) no-repeat;z-index:100}
.main_wrap .main_visual .main_slider02 {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(170.5deg, #83c3de 50%, #90cfca 50%);display:none;}
.main_wrap .main_visual .main_slider02 div .roll_image {display:inline-block;width:100%;height:100%;margin-left:0;background:url(../../img/main_image02.jpg) no-repeat;z-index:999}
.main_wrap .main_visual .main_slider02 div h2 {display:inline-block;position:absolute;top:62px;left:30px;width:300px;height:100px;background:url(../../img/main_text02.png) no-repeat;z-index:100}
.main_wrap .main_visual .banner_active {display:block !important;}
.main_wrap .main_visual .btn_popopen {position:absolute;top:217px;left:50%;min-width:95px;height:35px;margin-left:-590px;padding-right:12px;background:#375573;z-index:100}
.main_wrap .main_visual .btn_popopen span {display:inline-block;width:100%;min-height:16px;color:#fff;font-size:13px;vertical-align:middle;padding:11px 12px;background:url(../../img/ico_open.png) no-repeat right 50%;box-sizing:border-box}
.main_wrap .main_visual .btn_popclose {position:absolute;top:217px;left:50%;min-width:95px;height:35px;margin-left:-590px;padding-right:12px;background:#375573;z-index:100}
.main_wrap .main_visual .btn_popclose span {display:inline-block;width:100%;min-height:16px;color:#fff;font-size:13px;vertical-align:middle;padding:11px 12px;background:url(../../img/ico_pop_close.png) no-repeat right 50%;box-sizing:border-box}
.main_wrap .main_visual .btn_popopen:hover {background:#062f58}
.main_wrap .main_visual .visual_pagenation {overflow:hidden;position:absolute;top:217px;left:50%;min-width:180px;height:35px;margin-left:-475px;background:#375573;background-color:rgba(55, 85, 115, 0.4);padding:9px 10px;box-sizing:border-box}
.main_wrap .main_visual .visual_pagenation .number {float:left;font-size:19px;color:#fff;opacity:1}
.main_wrap .main_visual .visual_pagenation .number b {padding:3px;}
.main_wrap .main_visual .visual_pagenation .arrow {float:right;}
.main_wrap .main_visual .visual_pagenation .arrow a {display:inline-block;width:18px;height:18px;opacity:.7}
.main_wrap .main_visual .visual_pagenation .arrow a:hover {opacity:1}
.main_wrap .main_visual .visual_pagenation .arrow .btn_left {background:url(../../img/btn_mainleft.png) no-repeat}
.main_wrap .main_visual .visual_pagenation .arrow .btn_right {background:url(../../img/btn_mainright.png) no-repeat}
.main_wrap .main_visual .visual_pagenation .arrow .btn_stop {background:url(../../img/btn_mainstop.png) no-repeat}
/* .main_wrap .main_visual {overflow:hidden;position:relative;width:100%;height:100%;padding:0;} */
/* .main_wrap .main_visual .main_slider {position:relative;width:100%;height:100%;z-index:10} */
/* .main_wrap .main_visual .main_slider .roll_image {} */
/* .main_wrap .main_visual .main_slider .control {position:absolute;left:5%;bottom:10px;width:180px;height:35px;background-color:#0e1315;z-index:20;}투명도 추가 필요 */
/* .main_wrap .main_visual .login_box {position:absolute;left:50%;top:0;width:380px;height:280px;background-color:#294575;z-index:100;margin-left:240px;opacity:0.8}투명도 추가 필요 */

/* login*/
.main_wrap .login_box {position:absolute;left:50%;top:0;width:380px;height:300px;margin-left:240px;z-index:100;}/*20180712 pjsuny*/
.login_box .tabNav ul {overflow:hidden}
.login_box .tabNav ul li {float:left;width:50%;height:52px;padding-top:15px;background-color:#7795b5;text-align:center;box-sizing:border-box}
.login_box .tabNav ul li.on {background-color:#203a69;background-color:rgba(32, 58, 105, 0.9);}/*20180712 pjsuny*/
.login_box .tabNav ul li span {font-size:18px;color:#dde1e5;font-weight:normal;}
.login_box .tabNav ul li.on span {color:#ff f;}
.login_box .tabCont {padding:22px 26px;background-color:#203a69;background-color:rgba(32, 58, 105, 0.9);}/*20180712 pjsuny*/
.login_box .tabCont2 {padding-bottom:18px;background-color:#203a69;background-color:rgba(32, 58, 105, 0.9);}/*20180712 pjsuny*/
.login_box .tabCont fieldset {display:none}
.login_box .tabCont fieldset.on {display:block}
.login_box .tabCont .loginBox {overflow:hidden}
.login_box .tabCont .loginBox ul {}
.login_box .tabCont .loginBox ul li input {width:240px;height:32px;border:1px solid #2e5981;border-radius:6px;padding-left:45px;box-sizing:border-box;font-weight:normal;font-size:15px;color:#5d6565;}
.login_box .tabCont .loginBox ul li input.id {height:40px !important;background:#f3f3f3 url(../../img/global.png) no-repeat 0 -69px;}
.login_box .tabCont .loginBox ul li input.pw {height:40px !important;background:#f3f3f3 url(../../img/global.png) no-repeat 0 -109px;}
.login_box .tabCont .loginBox ul li input.id2 {width:327px !important;height:40px !important;background:#f3f3f3 url(../../img/global.png) no-repeat 0 -69px;}
.login_box .tabCont .loginBox button {background:#ff8125 url(../../img/global.png) no-repeat;border:0;border-radius:6px;font-size:16px;font-weight:bold;color:#fffffb;text-align:center;}
.login_box .tabCont .loginBox button.login {width:78px;height:92px;background-position:0 -148px;padding-top:38px;}
.login_box .tabCont .loginBox button.login2 {width:327px;height:40px;background-position:90px -162px;padding-left:42px;}
.login_box .tabCont .loginBox button:hover, .login_box .tabCont .loginBox button:focus {background-color:#ff4425}
.login_box .tabCont .saveid {display:block;padding-top:15px}
.login_box .tabCont .saveid input[type=checkbox] {width:17px;height:17px;border:1px solid #fff;background-color:#3e5f88}
.login_box .tabCont .saveid label {color:#e0eaea;font-size:14px}
.login_box .login_option {overflow:hidden;border-top:1px solid #5a7495;margin:0 26px;padding-top:15px;text-align:center;}
.login_box .login_option a {float:left;margin-right:6px;margin-left:4px;text-align:center;box-sizing:border-box}
.login_box .login_option a:last-child {margin-right:0}

.roll_image .img1 {width:100%;height:300px;background:url(../../img/main_img01.png) no-repeat center top;}

/* contnet */
.article_box {width:48%;min-width:540px;background-color:#fff}
.article_box .tit_box .head_tab {float:left;overflow:hidden}
.article_box .tit_box .head_tab li {float:left;}
.article_box .tit_box .head_tab li a {position:relative;display:block;min-width:180px;height:40px;padding-bottom:5px;font-size:16px;font-weight:normal;color:#333;letter-spacing:-0.1em;text-align:center;box-sizing:border-box}
.article_box .tit_box .head_tab li.w150 a {min-width:135px}
.article_box .tit_box .head_tab li a:hover, 
.article_box .tit_box .head_tab li a:focus, 
.article_box .tit_box .head_tab li a.on {font-weight:bold}
.article_box .tit_box .head_tab li>a>.line {display:none;position:absolute;left:0;top:30px;width:100%;height:3px;background:#3691cc;z-index:20}
.article_box .tit_box .head_tab li>a>.ico_tri {display:none;position:absolute;left:50%;top:33px;margin-left:-3px;width:13px;height:6px;background:url(../../img/global.png) no-repeat 0 -240px;}
.article_box .tit_box .head_tab li>a:hover>.line, 
.article_box .tit_box .head_tab li>a:focus>.line,
.article_box .tit_box .head_tab li>a:active>.line,
.article_box .tit_box .head_tab li>a.on>.line {display:block}
.article_box .tit_box .head_tab li>a:active>.ico_tri,
.article_box .tit_box .head_tab li>a.on>.ico_tri {display:block}
.article_box .tit_box .head_tab .divide {width:1px;height:29px;background:url(../../img/global.png) no-repeat 0 -275px;}
.article_box .list {min-height:155px;margin-top:10px}
.article_box .list li {overflow:hidden;padding:5px 10px}
.article_box .list li>a {display:block;} 
.article_box .list li>a:hover,
.article_box .list li>a:focus {color:#1f709a;text-decoration:underline !important}
.article_box .list li strong {font-weight:bold;padding-right:6px}
.article_box .list li .subject {font-size:15px;line-height:1.2em;}/*말줄임 추가 필요*//*20180816*/
.article_box .list li .overflow_text {display: inline-block;width: 450px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}/*말줄임 추가 필요*/
.article_box .list li .date {display:block;float:right;color:#515151;letter-spacing:0;font-size:15px;}/*20180816*/

.notice_box {width:400px}
.notice_box .article_box_b {min-height:166px;padding:16px 20px;background-color:#6293ac;box-sizing:border-box;}
.notice_box .article_box_b li {padding:3px 0;}
.notice_box .article_box_b li a {color:#fff;font-size:15px;padding:1px 0;}/*20180816*/
.notice_box .article_box_b li a:hover, 
.notice_box .article_box_b li a:focus {text-decoration:underline; color:#b5f5ef}
.notice_box .article_box_b li a span.noti_title{display:inline-block;width:250px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:2px 0;}

.system_box {width:550px;margin-left:2.0%;}/*20180816*/
.system_box .block_box {overflow:hidden;width:100%;border-top:1px solid #74a7c1;border-right:1px solid #74a7c1;}
/* scroll 생김 */
.system_box .overflow_scroll {max-height:225px;-webkit-max-logical-height:169px;overflow-x:hidden;overflow-y:auto;}
.system_box .block_box li {display:table;float:left;width:50%;height:56px;border-bottom:1px solid #74a7c1;border-left:1px solid #74a7c1;background-color:#fff;box-sizing:border-box;}
.system_box .block_box li.br {border-right:1px solid #74a7c1;}
.system_box .block_box li.bb {border-bottom:1px solid #74a7c1;}
.system_box .block_box li a {display:block;width:100%;height:100%;padding-top:14px;background-color:#fff;box-sizing:border-box;}
.system_box .block_box li a:hover,
.system_box .block_box li a:focus {background-color:#c1e3f4;}
.system_box .block_box li a .name {width:70%;font-size:15px;color:#303030}/*20180816*/
.system_box .block_box li a:hover .name {color: #013b5f;font-weight: bold;}/*20180816*/

.benner_box {width:240px;margin-top:37px;}
.benner_box .benner {display:block;height:52px;margin-bottom:5px;padding-top:12px;background:#248998 url(../../img/global.png) no-repeat right -292px;box-sizing:border-box}
.benner_box .benner:hover,
.benner_box .benner:focus {background:#016c7c url(../../img/global.png) no-repeat right -292px;}
.benner_box .benner:last-child {margin-bottom:0}
.benner_box .benner .name {width:62%;font-size:15px;font-weight:bold;color:#e6f2e0;padding-left: 5px;}/*20180816*/

.opensource_wrap .tit_box {float:left}
.opensource_wrap .tit_box h3 {color:#333;margin-top:20px;line-height:1.2em;}
.roll_box {float:right;width:90%;}
.roll_box button {display:inline-block;width:15px;height:25px;border:0;background:url(../../img/global.png) no-repeat;vertical-align:middle}
.roll_box button.arr_left {margin-right:2%;background-position:0 -343px;}
.roll_box button.arr_right {margin-left:2%;background-position:-16px -343px;}/*20180816*/
.roll_box div {display:inline-block;overflow:hidden;width:90%;vertical-align:middle;}
.roll_box div ul li {float:left;width:20%;}
.roll_box div ul li a {display:inline-block;width:95%;height:60px;margin-right:5%;border:1px solid #c3c9cc;background-color:#f9f9f9;text-align:center;box-sizing:border-box;}/*20180816*/
.roll_box div ul li a:hover,
.roll_box div ul li a:focus {border:1px solid #3c82a6;}
.roll_box div ul li a:last-child {margin-right:0;}
.roll_box div ul li a .name {color:#1f709a;font-size:17px;margin-top:16px;padding:0 5px;}/*20180816*/
.roll_box div ul li a:hover .name,
.roll_box div ul li a:focus .name {font-weight:bold;}

.service_box {float:left;width:48%;height:150px;margin-right:4%;border:1px solid #e5e8eb;background:#fff;box-sizing:border-box;}/*20180816*/
.service_box .tit_box {padding:18px 22px 5px}
.service_box .tit_box h3 {color:#333}
.service_box .link {overflow:hidden;margin:10px 5px;}/*20180816*/
.service_box .link li {float:left;width:31%;padding:5px 0 0 5px;margin:10px 0;font-size:15px;}/*20180816*/
.service_box .link li:last-child {margin-right:0}
.service_box .link li a {width:100%}
.service_box .link li a .name {width:69%;font-weight:bold;color:#454545;}
.service_box .link li a:hover .name,
.service_box .link li a:focus .name {text-decoration:underline}

.call_box01 {float:left;width:24%;height:150px;background-color:#4bc9b6;text-align:center;}/*20180816*/
.call_box01 h4 {width:81%;min-height:45px;margin:10px auto;padding-left:60px;background:url(../../img/ico_main.png) no-repeat 0 -96px;box-sizing:border-box;}/*20180816*/
.call_box01 h4 .tit {display:block;padding-top:12px;color:#fff;font-size:20px;font-weight:bold;vertical-align:middle;letter-spacing:-2px}/*20180816*/
.call_box01 strong {display:block;width:100%;color:#fff;font-size:32px;letter-spacing:0;}
.call_box01 small {display:block;margin-top:20px;color:#0e685a;font-size:13px;letter-spacing:-1.5px;}
.call_box02 {float:left;width:24%;height:150px;background-color:#e7eceb;text-align:center;}/**/
.call_box02 h4 {width:80%;min-height:45px;margin:15px auto 0;padding-left:60px;background:url(../../img/ico_main.png) no-repeat 0 -148px;box-sizing:border-box;}
.call_box02 h4 .tit {display:block;color:#505050;font-size:20px;font-weight:bold;letter-spacing:-1.5px;vertical-align:middle;}
.call_box02 h4 .tit small {letter-spacing:0}
.call_box02 .number {width:90%;height:60px;margin:0 auto;padding:5px 20px;background-color:#fff;text-align:center;box-sizing:border-box;}/*20180816*/
.call_box02 .number strong {display:block;width:250px;margin:0 auto;color:#f95319;font-size:18px;text-align:left;letter-spacing:0;font-weight:bold;line-height:1.1em}/*20180816*/
.call_box02 .number strong span {display:inline-block;width:40%;padding:2px 0;color:#696969;font-size:14px;vertical-align:top;font-weight:bold}
.call_box02 small {display:block;margin-top:8px;color:#828181;font-size:13px;letter-spacing:-1.5px}

.name {display:inline-block;letter-spacing:-1.0px;line-height:1.2em;vertical-align:middle;}/*20180816*/
.ico {display:inline-block;margin:0 2% 0 6%;vertical-align:middle;background:url(../../img/ico_main.png) no-repeat;box-sizing:border-box;}
/*유자격공급자 등록(신)*/ .qsupp_n {width:25px;height:25px;background-position:0 0;}
/*유자격공급자 등록(구)*/ .qsupp_a {width:25px;height:25px;background-position:-25px 0;}
/*하도급 대금지급 확인 시스템*/ .spaym {width:25px;height:25px;background-position:-50px 0;}
/*기자재제작 품질관리 시스템*/ .eprod {width:25px;height:25px;background-position:-75px 0;}
/*시정조치보고서관리 시스템*/ .cact {width:25px;height:25px;background-position:-100px 0;}
/*품질증빙서류관리 시스템*/ .qdoc {width:25px;height:25px;background-position:-125px 0;}
/*실적증명서 발급 신청*/ .pcapp {width:25px;height:25px;background-position:-150px 0;}
/*실적증명서 발급 확인*/ .pccon {width:25px;height:25px;background-position:-175px 0;}
/*신재생에너지 문서 제출*/ .nedoc{width:25px;height:25px;background-position:-200px 0;}
.bnn01 {width:27px;height:29px;background-position:0 -26px;}
.bnn02 {width:27px;height:29px;background-position:-28px -26px;}
.bnn03 {width:27px;height:29px;background-position:-57px -26px;}
.svc01 {width:40px;height:40px;background-position:0 -56px;}
.svc02 {width:40px;height:40px;background-position:-40px -56px;}
.svc03 {width:40px;height:40px;background-position:-80px -56px;}
.svc04 {width:40px;height:40px;background-position:-120px -56px;}
.svc05 {width:40px;height:40px;background-position:-160px -56px;}
.svc06 {width:40px;height:40px;background-position:-200px -56px;}

/* footer */
.footer_box {width:100%;height:40px;border-top:1px solid #cccfd2;border-bottom:1px solid #cccfd2;background-color:#888;box-sizing:border-box;}/*20180816*/
.footer_box .fna {overflow:hidden;float:left;}
.footer_box .fna li {float:left;height:40px;border-right:1px solid #cccfd2;}/*20180816*/
.footer_box .fna li:first-child {border-left:1px solid #cccfd2;}
.footer_box .fna li a {display:block;height:100%;padding:8px 40px;color:#ffffff;font-size:18px;background-color:#6293ac;}/*20180816*/
.footer_box .fna li a:hover,
.footer_box .fna li a:focus {background-color:#4bc9b6;color:#ffffff;}
.footer_box .fnb {overflow:hidden;float:left;}
.footer_box .fnb li {float:left;height:40px;border-right:1px solid #cccfd2;}/*20180816*/
.footer_box .fnb li:first-child {border-left:1px solid #cccfd2;}
.footer_box .fnb li a {display:block;height:100%;padding:12px 40px;color:#fff;font-size:15px;background-color:transparent;}/*20180816*/
.footer_box .fnb li a:hover,
.footer_box .fnb li a:focus {background-color:#787878;}
.footer_box .relation {float:right;width:300px;height:45px;border-left:1px solid #cccfd2;border-right:1px solid #cccfd2;}
.footer_box .relation strong a {display:block;width:100%;height:100%;padding:13px 20px 13px 30px;color:#fff;font-size:15px;box-sizing:border-box;}
.footer_box .relation strong a:hover,
.footer_box .relation strong a:focus {background-color:#787878;}
.footer_box .relation strong a span {float:right;}
.footer_box .relation strong a .ico_plus {display:inline-block;width:17px;height:17px;background:url(../../img/global.png) no-repeat 0 -370px;vertical-align:middle;text-indent:-9999px;}
.footer_box .relation .list_relation {position:absolute;width:300px;padding:20px;box-sizing:border-box;border:1px solid #787878;background-color:#fff;}
.footer_box .relation .list_relation li {line-height:1.5em;}

/* 2018.04.pjsuny modify S */
.family-site-link-box {/*position:relative;*/float:right;border-right:1px solid #cccfd2}
.family-site-link-box .btn-family {width:300px;height:40px;border:0;border-left:1px solid #cccfd2;background:transparent;padding:10px 20px 13px 30px;box-sizing:border-box;z-index:999}/*20180816*/
.family-site-link-box .btn-family:hover,
.family-site-link-box .btn-family:focus {height:43px;background-color:#565656;border:0;border-left:1px solid #cccfd2;}
.family-site-link-box .btn-family span {display:inline-block;width:95%;color:#fff;font-size:15px;font-weight:normal;text-align:left;background:url(../../img/global.png) no-repeat 0 -370px;padding-left:30px;line-height:1.0em}
.family-site-link-box .links-options {display:none;position:absolute;bottom:109px;width:300px;border:1px solid #959595;background:#fff;z-index:100;padding:20px;box-sizing:border-box;z-index:1000;overflow-y:auto;height:400px;}
.family-site-link-box .links-options li a {display:block;font-size:13px;line-height:2.2em;background:url(../../img/bult_3_g.png) no-repeat center left ;padding-left:15px;border-bottom:1px dashed #cecece}
/* E */

.copyright_box {padding-top:20px}/*20180816*/
.copyright_box .logo_khnp_g {float:left;width:136px;height:50px;margin-right:30px;background:url(../../img/logo_khnp_g.png) no-repeat;}
.copyright_box address,
.copyright_box small {color:#606060;font-size:13px;line-height:1.2em;}



/* contents */
.pass_wrap {width:100%;height:35px;background-color:#88a6af}
.pass_wrap .pass {height:35px;padding-left:18px;border-left:1px solid #b4bdc0;}
.pass_wrap .pass .home {display:inline-block;width:21px;height:35px;background:url(../../img/contents.png) no-repeat 0 -4px;text-indent:-9999px;}
.pass_wrap .pass .divide_arr {display:inline-block;width:8px;height:35px;margin:0 13px;background:url(../../img/contents.png) no-repeat 0 -39px;text-indent:-9999px;}
.pass_wrap .pass .name {display:inline-block;color:#fff;font-size:15px;font-weight:bold;padding-top:8px}
.subContent {width:100%;min-width:1240px;height:auto;padding-bottom:150px;background-color:#fff}
.subContent h2 {color:#111;font-size:24px;font-weight:bold;}
.subContent h3 {font-size:20px;color:#111;font-weight:bold;margin-bottom:25px;}
.subContent .commt_box {text-align:center}
.subContent .commt_box p {font-size:18px;color:#111;line-height:1.2em;text-align:center;}
.subContent .grey_box {width:100%;height:80px;padding:20px 35px;background:#f3f3f3;border:1px solid #d8d8d8;box-sizing:border-box;}
.subContent .grey_box2 {padding:20px 35px;background:#f3f3f3;border:1px solid #d8d8d8;box-sizing:border-box;}
.subContent .grey_box button {margin-right:2px;}
.subContent .grey_box button:last-child {margin-right:0}
.subContent .border_box {position:relative;width:100%;height:300px;background:#fff;border:1px solid #d8d8d8;box-sizing:border-box;}
.subContent button {margin-right:10px;}
.subContent button:last-child {margin-right:0}
.subContent .table1 input {width:300px;height:32px;border:1px solid #a1a1a1;background-color:#fff;padding:0 10px;font-size:16px;box-sizing:border-box}
.subContent .table1 span {padding:0 8px}
.subContent .table1 .btn_wbd_01 {border-color:#8a9499;padding:5px 0;}
.subContent .table1 .btn_wbd_01 span {font-size:15px;color:#373737;font-weight:bold;}
.subContent .table1 td.tdCommt {width:45%;padding-top:8px;border-left:1px solid #d8d8d8;vertical-align:top;font-size:13px;}
.subContent .table1 td.tdCommt b {font-weight:bold;color:#111;}
.subContent .table1 td.tdCommt ul {margin-top:5px}
.subContent .table1 td.tdCommt ul li {font-weight:normal;color:#666;line-height:1.5em;padding-left:12px;background:url(../../img/contents.png) no-repeat 0 -91px}
.subContent .required {text-align:top:font-weight:bold;color:#e70000;}
.subContent input[type=text],
.subContent input[type=password] {width:300px;height:32px;border:1px solid #a1a1a1;background-color:#fff;padding:0 10px;font-size:16px;color:#4c4c4c;box-sizing:border-box}
.subContent input[type=checkbox] {width:22px;height:22px;border:1px solid #a1a1a1;background-color:#fff}/*20180816*/
.subContent input[type=radio] {width:22px;height:22px;border:1px solid #a1a1a1;}/*20180816*/
.subContent label {display:inline-block;width:130px;text-align:right;padding-right:30px;font-size:16px;color:#111;font-weight:bold;}
.subContent label.radio {width:50px;text-align:left;padding-left:10px;color:#4c4c4c;}
.subContent .dash {padding:0 8px}
.subContent .txt_16g {font-size:16px;color:#777;font-weight:bold;}
/*로그인 전 input*/
.subContent .search_box input[type=text] {width:inherit;height:32px;border:0;padding:0 10px;font-size:15px;color:#4c4c4c;vertical-align:middle;box-sizing:border-box}
.subContent .member_comf input[type=text],
.subContent .member_comf input[type=password] {width:inherit;height:32px;border:0;padding:0 10px;font-size:15px;color:#4c4c4c;vertical-align:middle;box-sizing:border-box}
.subContent .pop_cont input[type=text] {width:inherit;height:32px;border:0;padding:0 10px;font-size:15px;color:#4c4c4c;vertical-align:middle;box-sizing:border-box}

.subContent .sub_tab {position:relative;width:100%;height:50px;}/*20180816*/
.subContent .sub_tab ul {overflow:hidden;position:absolute;top:0;left:50%;width:600px;height:50px;margin-left:-300px;z-index:100}/*2080816*/
.subContent .sub_tab ul li {float:left;width:280px;height:48px;margin-right:8px;background-color:#fafafa;border-radius:3px 3px 1px 1px;border:1px solid #c5c5c5;border-bottom:none;box-sizing:border-box;text-align:center;}/*2080816*/
.subContent .sub_tab ul li:last-child {margin-right:0}
.subContent .sub_tab ul li.on {height:50px;background-color:#fff;border:2px solid #248998;border-bottom:none;}
.subContent .sub_tab ul li span {display:block;color:#9e9e9e;font-size:18px;font-weight:bold;padding-top:16px}/*20180816*/
.subContent .sub_tab ul li.on span {color:#248998;}
.subContent .sub_tab .line_tab {position:absolute;left:0;bottom:0px;width:100%;height:2px;background-color:#248998;border:none;z-index:1}
.subContent .tab_cont {width:650px;margin:60px auto 0;}/*20180816*/
.subContent .tab_cont fieldset {display:none}
.subContent .tab_cont fieldset.on {display:block}
.subContent .tab_cont .loginBox {overflow:hidden;width:550px;margin:0 auto;}/*20180816*/
.subContent .tab_cont .loginBox ul {}
.subContent .tab_cont .loginBox ul li input {width:380px;height:48px;border-radius:2px;padding-left:25px;font-weight:normal;font-size:18px;color:#4c4c4c;}/*20180816*/
.subContent .tab_cont .loginBox ul li input.id2 {width:100% !important;border-radius:2px;padding-left:25px;font-weight:normal;font-size:18px;color:#4c4c4c;}/*20180817*/
.subContent .tab_cont .loginBox button {background-color:#248998;border:0;border-radius:3px;font-size:18px;font-weight:bold;color:#fff;text-align:center;}
.subContent .tab_cont .loginBox button.login {width:130px;height:110px;margin-right:20px}/*20180816*/
.subContent .tab_cont .loginBox button.login2 {width:100%;height:60px;}/*20180817*/
.subContent .tab_cont .loginBox button:hover, 
.subContent .tab_cont .loginBox button:focus {background-color:#177e8d}
.subContent .tab_cont .saveid {display:block;width:550px;padding:25px 0;margin:0 auto;}/*20180816*/
.subContent .tab_cont .saveid label {text-align:left;padding-left:10px;color:#4c4c4c;}
.subContent .tab_cont .login_option {overflow:hidden;border-top:1px solid #5a7495;padding-top:30px;text-align:center;padding-left:15px}/*20180816*/
.subContent .tab_cont .login_option a {float:left;margin-right:12px;text-align:center;box-sizing:border-box}
.subContent .tab_cont .login_option a:last-child {margin-right:0}
.subContent .tab_cont .search_box {width:695px;margin:0 auto;padding:35px 0;background:#f5f5f5;}
.subContent .tab_cont .search_box ul {width:80%;margin:0 auto;}
.subContent .tab_cont .search_box ul li {margin-bottom:8px}
.subContent .tab_cont .search_box ul li:last-child {margin-bottom:0}
.subContent .process_tab {overflow:hidden;width:100%;}
.subContent .process_tab p {float:left;width:33.3%;height:86px;padding:15px 2%;border:1px solid #dddddd;box-sizing:border-box;}
.subContent .process_tab p small {color:#d1d1d1;font-size:20px;font-weight:bold;}
.subContent .process_tab p span {display:block;color:#a1a1a1;font-size:22px;font-weight:bold;padding-top:8px;}
.subContent .process_tab .step {overflow:hidden;background:#fff url(../../img/contents.png) no-repeat 160px -132px;}
.subContent .process_tab .on {background:#55c1af url(../../img/contents.png) no-repeat 160px -220px;}
.subContent .process_tab .on small {color:#c9e9e3;}
.subContent .process_tab .on span {color:#fff;}
.subContent .process_tab .end {background:#fff url(../../img/contents.png) no-repeat right -305px;}
.subContent .process_tab .end_on {background:#55c1af url(../../img/contents.png) no-repeat right -388px;}
.subContent .member_comf .grey_box2 {width:50%;height:150px;margin:90px auto;line-height:2.6em;font-size:20px}
.subContent .term {overflow-y:scroll;height:230px;padding:20px;box-sizing:border-box;line-height:1.5em;}
.subContent .term strong {display:block;}
.subContent .term strong.tit {font-weight:bold;padding:15px 0 5px;}
.subContent .term li {padding:5px 0;}
.subContent .agree_area {position:absolute;left:0;bottom:0;width:100%;height:55px;background:#f9f9f9;border-top:1px solid #d8d8d8;text-align:right;padding:11px 15px 0 0;box-sizing:border-box;}
.subContent .agree_area small {vertical-align:middle;}
.subContent .all_agree {text-align:center}
.subContent .all_agree p strong {display:inline-block;padding:25px 10px 25px 0;font-size:18px;color:#555;font-weight:bold;vertical-align:middle;}
.subContent .all_agree p.line {width:610px;margin:0 auto;padding:20px 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;} 
.subContent .all_agree p small {font-size:14px;color:#898989;line-height:1.5em} 

/*보안프로그램 설치*/
.program_box .header_install {width:100%;height:76px;background:#88a6af;}
.program_box .header_install .head_title {display:block;width:90%;margin:0 auto;padding-top:20px;box-sizing:border-box}
.program_box .header_install .head_title .logo_w {display:inline-block;width:159px;height:33px;background:url(../../img/logo_khnp_w.png) no-repeat;vertical-align:bottom}
.program_box .header_install .head_title b {font-size:25px;color:#fff;line-height:1.2em;padding-left:20px;padding-top:5px}
.program_box .txt_title {min-height:80px;background:url(../../img/ico_installed_prgm1.png) no-repeat 0 50%;padding-left:110px;margin-left:15px;margin-bottom:50px;}
.program_box .txt_title p {font-size:19px;color:#333;font-weight:bold;line-height:1.6em}
.program_box .txt_title p b {font-size:23px;}
.program_box .txt_title span {font-size:14px;color:#656565;font-weight:normal;line-height:2em;background:url(../../img/bult_3_g.png) no-repeat 0 50%;padding-left:10px}
.program_box .table_program {display:table;width:100%;border-top:3px solid #3a6498;}
.program_box .table_program_row {display:table-row;padding:0}
.program_box .table_program_cell {display:table-cell;border-bottom:1px solid #ccc;padding:0}
.program_box .th .table_program_cell {height:52px;vertical-align:middle;text-align:center;font-weight:bold}
.program_box .td .table_program_cell  {padding:20px 30px;vertical-align:middle}
.program_box .td .table_program_cell b {font-size:22px;font-weight:bold;}
.program_box .td .table_program_cell p {font-size:16px;color:#666;line-height:1.6em}
.program_box .bdbox_txt {display:inline-block;width:320px;height:40px;border:1px solid #c5c5c5;border-radius:5px;background:#f5f5f5;padding:6px 15px;box-sizing:border-box;}
.program_box .bdbox_txt strong {font-size:16px;color:#585858;font-weight:bold}
.program_box .btn_br_02 {width:220px;height:60px;border:none;border-radius:3px;background:#248998;color:#fff;font-size:18px;font-weight:normal;padding-left:70px}
.program_box .btn_br_02:hover, .btn_br_02:focus {background:#177e8d}
.program_box .btn_br_02 span {display:inline-block;width:80%;height:60px;padding-top:60px;box-sizing:border-box;}
.program_box .btn_br_02.download {background:#248998 url(../../img/ico_installed_down.png) no-repeat 36px 50%;}
.program_box .btn_br_02.installed {background:#6d7576 url(../../img/ico_installed_check.png) no-repeat 38px 50%;}
.program_box .importTxt {color:#ff0000 !important;font-weight: bold !important;}
.program_box .btn_go_main {display:inline-block;margin:0 0 0 20px;}
.program_box .btn_go_main button {width:120px;border:none;border-radius:4px;background:#248998;color:#fff;font-weight:normal;padding:5px 0;line-height: 1.2em;}

/* popup */
.popup {position:absolute;top:30%;left:35%;padding-bottom:20px;border:1px solid #d8d8d8;background-color:#fff;box-shadow:3px 5px 8px rgba(0, 0, 0, .3);-moz-box-shadow:3px 5px 8px rgba(0, 0, 0, .3);-webkit-box-shadow:3px 5px 8px rgba(0, 0, 0, .3);z-index:10000}
.popup2 {position:absolute;top:30%;left:35%;padding-bottom:20px;border:1px solid #216eb6;background-color:#fff;box-shadow:2px 2px 8px #cdcdcd;-moz-box-shadow:2px 2px 8px #cdcdcd;-webkit-box-shadow:2px 2px 8px #cdcdcd;z-index:10000;box-sizing:border-box}
.pop_head {width:100%;height:50px;background-color:#3a6498;padding:15px 20px;box-sizing:border-box;}
.pop_head span {background:url(../../img/contents.png) no-repeat 0 -70px;color:#fff;font-size:20px;font-weight:bold;padding-left:25px;}
.pop_head .close {float:right;width:18px;height:18px;background:url(../../img/contents.png) no-repeat -1px -492px;}
.pop_head2 {width:100%;height:72px;background-color:#3a6498;padding:10px 20px;box-sizing:border-box;}
.pop_head2 h3 {float:left}
.pop_head2 h3 .txt_small {display:block;color:#92a4c0;font-size:12px}
.pop_head2 h3 .pop_tit {display:block;margin-top:12px;background:url(../../img/contents.png) no-repeat 0 -74px;color:#fff;font-size:22px;font-weight:bold;padding-left:25px;}
.pop_head2 .close {float:right;width:18px;height:18px;margin-top:15px;background:url(../../img/contents.png) no-repeat -1px -492px;}
.pop_cont {padding:20px 30px 0;}/*20180816*/
.pop_cont .input_box {width:490px;margin:0 auto;padding:35px 0;}
.pop_cont .input_box li {margin-bottom:8px}
.pop_cont .input_box li:last-child {margin-bottom:0}
.pop_cont .input_box label {display:inline-block;width:150px;text-align:right;padding-right:30px;font-size:16px;color:#111;font-weight:bold;} 
.pop_cont .input_box input {width:300px;height:32px;border:1px solid #a1a1a1;background-color:#fff;padding:0 10px;font-size:16px;box-sizing:border-box;}
.pop_cont .input_box span {padding:0 8px}
.pop_cont .commt_box {width:490px;margin:0 auto;padding:15px;background-color:#f0f0f0;box-sizing:border-box;}
.pop_cont .commt_box h5 {font-size:14px;color:#111;font-weight:bold;padding:0 0 15px 10px;text-align:left}
.pop_cont .commt_box ul li {background:url(../../img/contents.png) no-repeat 0 -91px;padding-left:12px;font-size:14px;color:#555;line-height:1.3em;text-align:left}
.pop_cont .grey_box {width:490px;margin:0 auto;padding:20px 10px;border:0;background-color:#f0f0f0;box-sizing:border-box;}
.pop_cont .grey_box input {width:180px;height:32px;border:1px solid #a1a1a1;background-color:#fff;padding:0 10px;font-size:16px;box-sizing:border-box;} 
.pop_cont p .btn_gy_01 {min-width:70px;padding:0 10px}
.pop_cont .program_box {overflow:hidden;padding:20px 0}
.pop_cont .program_box .ico {margin-top:10px;vertical-align:top}
.pop_cont .program_box {overflow:hidden;padding:20px 0}
.pop_cont .program_box .txt_group {display:inline-block;width:80%;margin-left:35px;}
.pop_cont .program_box .txt_group h3 {margin-bottom:15px;}
.pop_cont .program_box .txt_group p {line-height:1.5em}
.pop_cont .program_box .txt_group button {width:180px;margin-top:10px;}
.pop_cont .program_box .txt_group button span {display:inline-block;width:100%;height:38px;padding:2px 0 0 35px;background:url(../../img/contents.png) no-repeat;font-weight:bold;box-sizing:border-box;} 
.pop_cont .program_box .txt_group button .download {background-position:0 -773px;}
.pop_cont .program_box .txt_group button .installed {background-position:0 -818px;}
.pop_cont h4 {font-size:15px;font-weight:bold;padding-bottom:10px}
.pop_cont .comm {font-size:13px;line-height:1.5em;padding-top:10px}
.pop_cont .grey_box2 {overflow-y:auto;width:100%;padding:30px;border-radius:5px;border:1px solid #cacaca;background-color:#f9f9f9 ;box-sizing:border-box;}
.pop_cont .border_box_g {width:100%;border:1px solid #cacaca;border-radius:5px;padding:25px;box-sizing:border-box}

.termslist li {line-height:1.8em;font-size:14px}
.termslist li a:hover{text-decoration:underline}
.terms {font-size:13px;line-height:1.5em;}
.terms h4 {margin-top:20px}
.terms strong {font-size:15px}
.terms p {padding:20px 0}
.terms ol {padding-left:15px}
.terms ol li {text-indent:-15px;padding:5px 0}
.terms ol li li {text-indent:-15px;padding:5px 10px}
.terms .contractor {float:right;width:150px;margin:30px;50px}
.terms .contractor .sort {display:inline-block; }
.terms .contractor .cont {display:inline-block;width:70px;}
.terms .sign {clear:both;font-size:15px;text-align:center}
.terms table {width:100%;margin:10px auto;border-collapse:collapse;border:1px solid #cdcdcd}
.terms table th, .terms table td {border:1px solid #cdcdcd;padding:5px;text-indent:0}
.terms table th {text-align:center;background:#e1ecf7;font-weight:bold}
.terms table td li {text-indent:0;padding:0 0;line-height:1.5em}
.terms table.noboard {width:100%;margin:10px auto;border-collapse:collapse;border:0}
.terms table.noboard th, .terms table.noboard td {border:0}
.terms table.noboard th {background:#fff}
.terms li a {display:block;padding:5px}
.terms li a:hover {text-decoration:underline}
.terms li p span {display:block}
.terms li b {font-weight:bold}

.location {overflow:hidden}
.location .map {float:left;width:670px;height:545px;border:1px solid #cacaca;border-radius:5px;padding-top:50px;box-sizing:border-box}
.location .comm {float:right;width:280px;}
.location .comm h4 {font-size:20px;font-weight:bold;line-height:1.2em}
.location .comm li {font-size:14px;color:#656565;line-height:1.5em;padding-bottom:20px}
.location .comm li b {font-weight:bold;vertical-align:top;background:url(../../img/bult_3_g.png) no-repeat 0 50%;padding:0 10px}
.location .comm li span {display:inline-block;font-weight:normal;}
.location .comm li p {}
.location .comm table {width:100%;border-top:2px solid #3a6498;}
.location .comm table th, .location .comm table td {text-align:center;border-bottom:1px solid #ccc;border-left:1px solid #ccc}


/* scroll */
.showOverflow {overflow-x:auto;overflow-y:auto;-ms-overflow-x:scroll !important;-ms-overflow-y:scroll !important;}
.hideOverflow {overflow:hidden;-ms-overflow-style: none;}

/* message */
.messageWrap {background:#f1f1f1}
.messageWrap .wrap {position:relative;width:100%;height:100%;}
.messageWrap .container {position:fixed;left:50%;top:50%;width:610px;height:520px;margin-top:-260px;margin-left:-305px;box-shadow:0px 3px 8px #dadada;background:#fff}
.messageWrap .header {width:100%;height:65px;border-radius:5px 5px 0 0;background:#3a6498;box-sizing:border-box}
.messageWrap .header .logo {display:inline-block;width:152px;height:34px;background:url(../../img/logo_message.png) no-repeat;margin:18px 0 0 25px;text-indent:-10000px;}
.messageWrap .section {width:100%;height:455px;border-radius:0 0 5px 5px;border:5px solid #3a6498;box-sizing:border-box}
.messageWrap .section .subject {overflow:hidden;width:350px;margin:60px auto 25px;}/**/
.messageWrap .section .subject b,
.messageWrap .section .subject span {display:inline-block;}
.messageWrap .section .subject b {font-size:90px;font-weight:normal;vertical-align:top;letter-spacing:-6px}
.messageWrap .section .subject span {font-size:30px;color:#303030;font-weight:bold;line-height:1.3em;letter-spacing:-1px;padding-top:5px;padding-left:22px}
.messageWrap .section .explan {width:370px;min-height:32px;margin:0 auto;background:url(../../img/ico_caution_y.png) no-repeat;padding-left:55px;font-size:12px;color:#7f7f7f;line-height:1.3em}
.messageWrap .section .subject2 {width:370px;margin:80px auto 25px;}
.messageWrap .section .subject2 b {display:inline-block;min-height:32px;background:url(../../img/ico_caution_y.png) no-repeat;padding-left:55px;padding-top:5px;font-size:22px;font-weight:bold;}
.messageWrap .section .explan2 {width:370px;margin:0 auto;font-size:13px;color:#252424;line-height:1.5em;text-align:center}
.messageWrap .section .subject3 {width:370px;margin:90px auto 30px;}
.messageWrap .section .subject3 b {display:inline-block;min-height:71px;background:url(../../img/ico_logout_y.png) no-repeat;padding-left:100px;padding-top:5px;font-size:22px;font-weight:bold;line-height:1.3em}
.messageWrap .section .hr {width:480px;height:1px;background:#b1b1b1;margin:40px auto}
.messageWrap .section .commt {text-align:center;font-size:15px;color:#252424;line-height:1.6em;}
.messageWrap .section .commt b {font-weight:bold}
.messageWrap .section .btn_bg_msg {width:280px;height:52px;border-radius:5px;border:0;background:#248998;cursor:pointer;text-align:center;font-size:18px;color:#fff}
.messageWrap .section .btn_bg_msg:hover {background:#076876}
.messageWrap .section .btn_cnt {text-align:center;margin-top:25px}

/* main popup 20180712 pjsuny*/
.mainpopup {position:absolute;top:50%;left:50%;width:510px;height:170x;margin-top:-90px;margin-left:-280px;background:#e2effb;box-shadow:2px 2px 3px rgba(0, 0, 0, .2);-moz-box-shadow:2px 2px 3px rgba(0, 0, 0, .2);-webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, .2);z-index:100;display:none;}
.mainpopup.popup_active {display:block !important;}
.popup_roll {position:relative;width:470px;height:140px;margin:12px 20px;}
.popup_roll .contents {overflow:hidden;width:100%;height:100%;margin:0 auto;background:#eff6fd;text-align:center}
.popup_roll .contents .bnn_cont {position:relative;display:inline-block;width:233px;height:120px;border-right:1px dashed #d9e0e6;margin:10px 0;box-sizing:border-box;}
.popup_roll .contents .bnn_cont:first-child {border-left:1px dashed #d9e0e6;}
.popup_roll .contents .bnn_cont p {font-size:16px;font-weight:bold;color:#217ba1;padding:12px 0 0 30px;text-align:left;line-height:1.4}
.popup_roll .contents .bnn_cont p a.overflowHidden{display:inline-block;width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.popup_roll .contents .bnn_cont p b {display:block;font-size:15px;font-weight:bold;color:#7a8388;}
.popup_roll .contents .bnn_cont button.view {position:absolute;bottom:15px;left:30px;width:85px;height:22px;background:#7da6c6;border:0;border-radius:5px;font-size:12px;color:#fff;line-height:1.2em}
.popup_roll .contents .bnn_cont button.view:hover {background:#4c7fa7} 
.popup_roll .contents .bnn_cont .ico {position:absolute;bottom:0;right:0;width:78px;height:78px;background-position:right bottom;margin-right:20px}
.popup_roll .contents .bnn_cont .bnn1 {background:url(../../img/ico_bnn1.png) no-repeat;}
.popup_roll .contents .bnn_cont .bnn2 {background:url(../../img/ico_bnn2.png) no-repeat;}
.popup_roll .contents .bnn_cont .bnn3 {background:url(../../img/ico_bnn3.png) no-repeat;}
.popup_roll .contents .banner_empty{font-size:15px;top:70px;position: relative;}
.popup_roll .btn_arr {position:absolute;display:inline-block;top:50%;width:30px;height:30px;margin-top:-10px;opacity:.3;border-radius:50%;z-index:9999}
.popup_roll .left {left:-12px;background:#868686 url(../../img/arr_left_w.png) no-repeat 50% 50%}
.popup_roll .right {right:-12px;background:#868686 url(../../img/arr_right_w.png) no-repeat 50% 50%}
.popup_roll .btn_arr:hover {opacity:.7}
.popup_pagenation .paging {display:flex;flex-direction:row;justify-content:center;padding-top:6px}
.popup_pagenation .paging_item {float:left;width:10px;height:10px;padding:0 3px}
.popup_pagenation .paging_item span {display:inline-block;width:10px;height:10px;border-radius:50%;cursor:pointer;}
.popup_pagenation .paging_item .default {background:#bebebe;}
.popup_pagenation .paging_item .on {background:#4f6683;}
.popup_pagenation {position:relative;width:100%;height:30px;background:#fff}
.popup_pagenation .popup_close {position:absolute;right:20px;bottom:7px;width:42px;border:0;border-bottom:1px solid transparent;background:url(../../img/ico_close.png) no-repeat right 50%;font-size:13px;color:#37454f;line-height:1.1em;text-align:left;font-weight:bold;padding:0}
.popup_pagenation .popup_close:hover {border-bottom:1px solid #37454f}