@charset "euc-kr";

/*--WEBFONT ????(191031)--*/
@font-face {
   font-family:'Roboto';
   font-style:normal;
   font-weight:normal;
   src:local('Roboto Regular'), local('Roboto-Regular'),
   url(../../fonts/Roboto-Regular.woff) format('woff'),
   url(../../fonts/Roboto-Regular.woff2) format('woff2'),
   url(../../fonts/Roboto-Regular.ttf) format('opentype');
   }
   
   @font-face{
   font-family:'Noto Sans KR';
   font-weight:400;
   src:url(../../fonts/NotoSansKR-Regular.eot);
   src:url(../../fonts/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),url(../../fonts/NotoSansKR-Regular.woff) format('woff'),url(../../fonts/NotoSansKR-Regular.ttf) format('truetype');
   }
   
   @font-face{
   font-family:'Noto Sans KR';
   font-weight:200;
   src:url(../../fonts/NotoSansKR-Thin.eot);
   src:url(../../fonts/NotoSansKR-Thin.eot?#iefix) format('embedded-opentype'),url(../../fonts/NotoSansKR-Thin.woff) format('woff'),url(../../fonts/NotoSansKR-Thin.ttf) format('truetype');
   }
   
   
   @font-face{
   font-family:'Noto Sans KR';
   font-weight:600;
   src:url(../../fonts/NotoSansKR-Bold.eot);
   src:url(../../fonts/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),url(../../fonts/NotoSansKR-Bold.woff) format('woff'),url(../../fonts/NotoSansKR-Bold.ttf) format('truetype');
   }

/*--SETTING--*/
* { -webkit-text-size-adjust: none; }
body { height: 100%;font-family:"Noto Sans KR","Open Sans", Helvetica, Arial, sans-serif !important;margin: 0; padding: 0; background: #fff;}
div, table, ul, ol, li, dl, dt, dd, p, input, textarea, select, img, h1, h2, h3, h4, em, address, fieldset, form, iframe, object { margin: 0; padding: 0; vertical-align: top; } 
ul, ol { list-style: none; }
fieldset, img { border: none; }
a { text-decoration: none; color: #3c3c3c; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
button { font-family:"Noto Sans KR","Open Sans", Helvetica, Arial, sans-serif; margin: 0; padding: 0; border: none; }
span { display: inline-block; vertical-align: top; }

/*--STYLE--*/
.wrap { width: 100%; }
.boundaly { width: 1000px; margin: 0 auto;}
.combline { width: 100%; height: 5px; margin-top: 75px; background: url(../../images/common_line_combline.gif) repeat-x; }
.title { font-size: 24px; color: #5c5d61; font-weight: 600; margin: 75px 0 10px 0; }

/*--COMMON--*/
.mt1 { margin-top: 1px; } .mt2 { margin-top: 3px; } .mt3 { margin-top: 3px; } .mt4 { margin-top: 4px; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .mt50 { margin-top: 50px; }
.mb1 { margin-bottom: 1px; } .mb2 { margin-bottom: 3px; } .mb3 { margin-bottom: 3px; } .mb4 { margin-bottom: 4px; } .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; }
.ml1 { margin-left: 1px; } .ml2 { margin-left: 3px; } .ml3 { margin-left: 3px; } .ml4 { margin-left: 4px; } .ml5 { margin-left: 5px; } .ml10 { margin-left: 10px; } .ml15 { margin-left: 15px; }
.mr1 { margin-right: 1px; } .mr2 { margin-right: 3px; } .mr3 { margin-right: 3px; } .mr4 { margin-right: 4px; } .mr5 { margin-right: 5px; } .mr10 { margin-right: 10px; }
.pt1 { padding-top: 1px; } .pt2 { padding-top: 3px; } .pt3 { padding-top: 3px; } .pt4 { padding-top: 4px; } .pt5 { padding-top: 5px; } .pt10 { padding-top: 10px; }
.pb1 { padding-bottom: 1px; } .pb2 { padding-bottom: 3px; } .pb3 { padding-bottom: 3px; } .pb4 { padding-bottom: 4px; } .pb5 { padding-bottom: 5px; } .pb10 { padding-bottom: 10px; }
.pl1 { padding-left: 1px; } .pl2 { padding-left: 3px; } .pl3 { padding-left: 3px; } .pl4 { padding-left: 4px; } .pl5 { padding-left: 5px; } .pl10 { padding-left: 10px; }
.pr1 { padding-right: 1px; } .pr2 { padding-right: 3px; } .pr3 { padding-right: 3px; } .pr4 { padding-right: 4px; } .pr5 { padding-right: 5px; } .pr10 { padding-right: 10px; }
.fl { float: left; }
.fr { float: right; }
.m110 { margin: 110px 0; } 
.p110 { padding: 110px 0; } 

/*--INPUT TEXT--*/
input[type="text"] { height: 28px; line-height: 28px; vertical-align: top; font-family: 'NanumGothic'; font-size: 16px; text-indent: 10px; margin-top: 10px; border: 1px solid #9b9ea3; }
input[type="submit"].style03 { min-width: 70px; height: 30px; vertical-align: top; color: #ffffff; padding: 0 12px; margin: 10px 5px; background: #707680; cursor: pointer; line-height: 18px; vertical-align: top;  font-family: 'NanumGothic'; border: none;} /* 20150818  */
input[type="submit"].style04 { height: 30px; padding: 0 15px 0 37px; border: 1px solid #4f5259; background: #fafafa url(../../images/common_icon_interception.gif) 15px 5px no-repeat; cursor: pointer; font-family: 'NanumGothic' } /* 20150817 ?´ì??? ì¶?ê°? */
input[type="submit"].style01 { min-width: 200px; height: 54px; font-size: 20px; color: #ffffff; font-weight: bold; padding: 0 20px; border: 1px solid #ff6962; background: #ff6962; cursor: pointer; font-family: 'NanumGothic'; border: none; }
input[type="button"].style03 { min-width: 70px; height: 30px; vertical-align: top; color: #ffffff; padding: 0 12px; margin: 10px 5px; background: #707680; cursor: pointer; line-height: 18px; vertical-align: top;  font-family: 'NanumGothic'; border: none;} /* 20150820 ?¬ì??ì¤? ì¶?ê°?  */

/*--SELECT TEXT--*/
.ctrl_select { height: 30px; line-height: 30px; vertical-align: top; font-family: 'NanumGothic'; font-size: 16px; padding-left: 10px; margin-top: 10px; border: 1px solid #9b9ea3; }
@media screen and (-webkit-min-device-pixel-ratio:0){ 
::i-block-chrome,  /*Safari� ????*/
.ctrl_select { line-height: 24px; }
}

/*--INPUT checkbox--*/
.ctrl_checkbox {margin-right: 40px;position:relative;}
.ctrl_checkbox input[type="checkbox"]{ position:absolute;left:4px; top:7px; }
.ctrl_checkbox input[type="checkbox"] + span {position: relative; width: 20px; height: 20px; margin-right: 5px; background: url(../../images/common_ctrl_checkbox.gif) no-repeat; background-position: 0 0; cursor: pointer; }
.ctrl_checkbox input[type="checkbox"]:checked + span { width: 20px; height: 20px; background: url(../../images/common_ctrl_checkbox.gif) no-repeat; background-position: 0 -20px; }
.ctrl_checkbox .addtext { color: #ababab; }

/*--INPUT RADIO--*/
.ctrl_radio {margin-right: 40px;position:relative;}
.ctrl_radio input[type="radio"]{ position:absolute;left:5px; top:15px; }
.ctrl_radio input[type="radio"] + span { position: relative; top: 14px; width: 22px; height: 22px; margin-right: 5px; background: url(../../images/common_ctrl_radio.gif) no-repeat; background-position: 0 0;}
.ctrl_radio input[type="radio"]:checked + span { width: 22px; height: 22px; background: url(../../images/common_ctrl_radio.gif) no-repeat; background-position: 0 -22px; }


/*--INPUT SUBMIT--*/
input.style01 { min-width: 200px; height: 54px; font-size: 20px; color: #ffffff; font-weight: 600; padding: 0 20px; border: 1px solid #ff6962; background: #ff6962; cursor: pointer; }/* 20150818 ?¬ì??ì¤? ì¶?ê°? */

/*--BUTTON--*/
button.style01 { min-width: 200px; height: 54px; font-size: 20px; color: #ffffff; font-weight: 600; padding: 0 20px; border: 1px solid #ff6962; background: #ff6962; cursor: pointer; }
button.style01.application { width: 280px; font-weight: 600; }
button.style01.bartong { width: 280px; font-weight: 600; border: 0; background: #34a9db; }
button.style02 { min-width: 180px; height: 54px; font-size: 20px; color: #5a5d60; font-weight: 600; padding: 0 20px; border: 1px solid #ababab; background: #fcfcfc; cursor: pointer; }
button.style03 { min-width: 70px; height: 30px; vertical-align: top; color: #ffffff; padding: 0 12px; margin: 10px 5px; background: #707680; cursor: pointer; }
button.style03 span { height: 14px; line-height: 18px; vertical-align: top; }
button.calendar { width: 27px; height: 31px; vertical-align: top; color: #ffffff; text-indent: -99999px; margin: 9px 5px; background: url(../../images/common_button_calendar.gif) no-repeat; cursor: pointer; }
button.style04 { height: 30px; padding: 0 15px 0 37px; border: 1px solid #4f5259; background: #fafafa url(../../images/common_icon_interception.gif) 15px 5px no-repeat; cursor: pointer; }
button.style04.download { padding: 0 15px 0 42px; background: #fafafa url(../../images/common_icon_download.gif) 13px 5px no-repeat; }
button.style05 { min-width: 200px; height: 54px; font-size: 20px; color: #ffffff; font-weight: 600; padding: 0 20px; border: 1px solid #1f82b9; background: #1f82b9; cursor: pointer; }

/*--GNB--*/
.wrap_gnb { width: 100%; z-index: 999999; }

.wrap_gnb .gnb { width: 1000px; margin: 0 auto; }
.wrap_gnb .gnb p { float: left; text-indent: -99999px; }
.wrap_gnb .gnb .depth1 { float: right; font-size: 0; }
.wrap_gnb .gnb .depth1 li { position: relative; display: inline-block; width: 126px; height: 18px; font-size: 18px; text-align: center; padding: 0 40px; }
.wrap_gnb .gnb .depth1 .last { padding-right: 0; }
.wrap_gnb .gnb .depth1 li a { display: inline-block; height: 18px; /* line-height: 18px; 20150818 */ vertical-align: top; }
.wrap_gnb .gnb .depth1 li a:hover { text-decoration: none; }
.wrap_gnb .gnb .depth1 li .depth2 { position: absolute; display:none;}
.wrap_gnb .gnb .depth1 li .depth2 li { width: 200px; height: 43px; line-height: 43px; font-size: 15px; padding: 0; list-style: none; }
.wrap_gnb .gnb .depth1 li .depth2 li a { display: inline-block; line-height: 43px; }

.wrap_gnb.white { height: 68px; background: #ffffff; }
.wrap_gnb.white .gnb p { width: 99px; height: 68px; background: url(../../images/common_logo.gif) no-repeat; background-position: 0 0; }
.wrap_gnb.white .gnb .depth1 li { border-left: 1px solid #ececec; margin-top: 25px; line-height: 12px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .wrap_gnb.white .gnb .depth1 li { margin-top: 28px; } }/* chrome ????*/
.wrap_gnb.white .gnb .depth1 li:first-child { border: 0; }
.wrap_gnb.white .gnb .depth1 li a { color: #3d3d3d; }
.wrap_gnb.white .gnb .depth1 li .depth2 { padding-top: 25px; left: 0; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .wrap_gnb.white .gnb .depth1 li .depth2 { padding-top: 22px; } }/* chrome ????*/
.wrap_gnb.white .gnb .depth1 li .depth2 li { margin-top: 0; border: 0; background: #ffffff; list-style: none; }
.wrap_gnb.white .gnb .depth1 li .depth2 li a { width: 100%; height: 100%; display: inline-block; line-height: 43px; color: #474646; }
.wrap_gnb.white .gnb .depth1 li .depth2 li a:hover { background: #1182b7; color: #ffffff; }

.wrap_gnb.black { position: fixed; top: 0; height: 60px; background: #3c3c3c; }
.wrap_gnb.black .gnb p { width: 99px; height: 60px; background: url(../../images/common_logo.gif) no-repeat; background-position: 0 -68px; }
.wrap_gnb.black .gnb .depth1 li { /* line-height: 60px; 20150818 */ border-left: 1px solid #4d4c51; margin-top: 21px; line-height: 12px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .wrap_gnb.black .gnb .depth1 li { line-height: 15px; } }/* chrome ????*/
.wrap_gnb.black .gnb .depth1 li:first-child { border: 0; }
.wrap_gnb.black .gnb .depth1 li a { color: #ffffff; }
.wrap_gnb.black .gnb .depth1 li .depth2 { padding-top: 20px; left: 0;}
@-moz-document url-prefix(){.wrap_gnb.black .gnb .depth1 li .depth2 { top: 17px; left: 0;}}/* firefox ????*/
.wrap_gnb.black .gnb .depth1 li .depth2 li { margin-top: 0; border: 0; background: #3c3c3c; list-style: none; }
.wrap_gnb.black .gnb .depth1 li .depth2 li a { width: 100%; height: 100%; display: inline-block; line-height: 43px; color: #ffffff; }
.wrap_gnb.black .gnb .depth1 li .depth2 li a:hover { background: #1182b7; color: #ffffff; }

/*--???´ì?ëª? & ?¤ë?ê²??´ì??--*/
.wrap_navigation { width: 100%; border-bottom: 1px solid #f1f0ee; margin-top: 60px; }
.wrap_navigation .navigation { width: 1000px; height: 58px; margin: 0 auto; }
.wrap_navigation .navigation p { float: left; font-size: 20px; color: #5a5d60; font-weight: 600; margin-top: 19px; }
.wrap_navigation .navigation ul { float: right; font-size: 14px; color: #9b9ea3; font-weight: 600; margin-top: 23px; }
.wrap_navigation .navigation ul li { display: inline-block; }
.wrap_navigation .navigation ul .last { color: #4e5259; font-weight: 600; }

/*--??--*/
.tab { width: 100%; font-size: 0; border-bottom: 3px solid #424b67; }
.tab li { display: inline-block; width: 220px; height: 47px; line-height: 47px; font-size: 20px; color: #3c3c3c; text-align: center; margin-right: 10px; border: 1px solid #ababab; border-bottom: 0; cursor: pointer; }
.tab .select { border: 1px solid #424b67; background-color: #424b67; color: #ffffff; font-weight: 600; }

/*--???´ì?--*/
.paging { font-size: 0; text-align: center; margin-top: 30px; }
.paging li { display: inline-block; width: 30px; height: 30px; line-height: 30px; font-size: 18px; text-align: center; margin: 0 5px; border: 1px solid #dcd8d7; background-color: #ffffff; cursor: pointer; }
.paging li a { display: inline-block; width: 30px; height: 30px; color: #3c3c3c; }
.paging .bold a { color: #5c5d61; font-weight: 600; }
.paging .select { font-weight: 600; border: 1px solid #707680; background-color: #707680; }
.paging .select a { color: #ffffff; }

/*--FUNCTION--*/
.function { margin-top: 50px;}
.function ul { height: 54px; font-size: 0; text-align: center; }
.function ul li { display: inline-block; text-align: center; margin: 0 5px; }
.function ul .fl button { margin-right: 10px; }

/*--FOOTER ????(191105)--*/
.wrap_footer { width: 100%; height: 225px;background-color: #ffffff;border-top:#dddddd 1px solid;margin-top: 80px; }
/*.wrap_footer .footer { width: 1000px; margin: 0 auto; }*/
.wrap_footer .footer {
   position: relative;
   width: 1140px;
   margin: 0 auto;
   overflow: hidden;
}

.wrap_footer .footer .logo { float: left; width: 105px; height: 42px; text-indent: -99999px; margin: 40px 40px 0 0; background: url(../../images/logo.jpg) left center no-repeat;}
.wrap_footer .footer .payment_experience{font-size: 14px; font-weight: 400; }
.wrap_footer .footer ul { float: left; width: 795px; font-size: 12px; color: #a6a6a6; margin-top: 14px; }
.wrap_footer .footer ul .payment_experience{font-size: 14px; font-weight: 400; }
.wrap_footer .footer ul li:first-child { font-size: 14px; font-weight: 400; }
.wrap_footer .footer ul li:first-child a { padding: 0; margin: 0 25px 18px 0; border: 0;font-weight: 400; }
.wrap_footer .footer ul li{font-weight: 200; }
.wrap_footer .footer ul li a { display: inline-block; height: 12px; color: #a6a6a6; letter-spacing:-1.5px; padding: 0 3px; margin-bottom: 15px; border-left: 1px solid #acaba9;font-weight: 200; }
.wrap_footer .footer ul li a:first-child { padding-left: 0; border: 0; }
.wrap_footer .footer ul li .blue { color: #138ab4; font-weight: 400; }
.wrap_footer .footer ul li select { position: relative; top: -3px; height: 23px; line-height: 22px; font-size: 12px; border: 1px solid #aba9aa; background-color: #fafafa; }
/*.wrap_footer .footer span { float: right; width: 55px; height: 15px; font-size: 11px; color: #9b9b9b; text-align: center; padding-top: 53px; margin-top: 45px; background: url(../../images/common_logo.gif) center 0 no-repeat; background-position: 0 -170px; }*/
/*--FOOTER ????(191105)--*/
.wrap_footer .footer span {
   width: 260px;
   position: absolute;
   right: 25px;
   top: -20px;
   height: 50px;
   font-size: 10px;
   color: #a6a6a6 ;
   text-align: left;
   padding-top: 10px;
   padding-left: 60px;
   margin-top: 45px;
   background: url(../../images/isms_2021.png) center center no-repeat;
   background-position: 0px 0px;
}
.wrap_footer .footer span a{color: #a6a6a6; font-weight: 200; }
.family_sites {overflow:hidden; width: 1136px; padding-top: 25px; margin: 0 auto;}
.family_sites h2 {float:left; padding-top: 5px;}
.family_sites h2 img {margin-right: 18px; vertical-align: middle;}
.family_sites img {width: auto; vertical-align: middle;}


/*--??목과 ?´ì??--*/
dl { margin-top: 70px; }
dl span.star { vertical-align: middle; font-size: 14px; color: #ff6962; font-weight: 600; margin: 0 5px; margin-top: -5px; }
dl span.star.style02 { margin-top: -20px; }
dl dt { font-size: 24px; color: #5c5d61; font-weight: 600; margin-bottom: 10px; }
dl dt span { vertical-align: middle; margin-top: 2px; }
dl dt .text02 { font-size: 14px; font-weight: 400; }
dl dt .text03 { display: block; font-size: 16px; color: #3c3c3c; font-weight: 400; margin-top: 7px; }
dl dt .text04 { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 16px; color: #68696e; font-weight: 600; text-align: center; margin: 25px 0 25px; background: #fafafa; }
dl dt .fr { position: relative; top: 5px; }
dl dt .fr .ctrl_checkbox input[type="checkbox"] + label span { position: relative; top: -2px;  }
dl dd p { margin-top: 10px; }
dl dd p a { color: #1f82b9; text-decoration: underline; }
dl dd .red { font-size: 14px; color: #ff6962; margin-top: 10px; }
dl dd.gray { font-size: 18px; color: #5a5d60; font-weight: 600; margin-top: 34px; }

/*--???´ë? - ???¥í??--*/
dl dd ul { border: 1px solid #e7e7e7; border-top: 2px solid #9b9ea3; }
dl dd ul li { min-height: 50px; line-height: 50px; border-top: 1px solid #e7e7e7; }
dl dd ul li .field { width: 130px; line-height: 18px; vertical-align: middle; padding-left: 30px; font-size:15px;}
dl dd ul li .value { width: 790px; vertical-align: top; padding-right: 30px;}
dl dd ul li .value.style02 { width: 810px; margin-left: 164px; border-top: 1px solid #e7e7e7; }
dl dd ul li .value.length .ctrl_radio { margin-right: 20px; }
dl dd ul .no_automatic { height: 85px; }
dl dd ul .no_automatic .value .imagefont { float: left; width: 190px; height: 63px; border: 1px solid #bfbfbf; margin: 10px 15px 10px 0; }
dl dd ul .no_automatic .value .text { float: left; width: 500px; }
dl dd ul .no_automatic .value input { position: relative; top: -18px; }
dl dd ul .no_automatic .value button { position: relative; top: -18px; }
dl dd ul li .value .ctrl_checkbox input[type="checkbox"] + label span { position: relative; top: 15px; }
dl dd ul li .value .additional { display: block; font-size: 14px; color: #ff6962; margin: -18px 0 -7px; }
dl dd ul li .value .additional.style02 { margin: -26px 0 -7px; }
dl dd ul li .value .additional.style03 { display: inline-block; color: #9b9ea3; margin: 0 0 0 10px; }
dl dd ul li .value .hypen { position: relative; top: 1px; font-size: 20px; color: #9b9ea3; margin: 0 3px; }
dl dd ul .half .value { width: 300px;}
@-moz-document url-prefix(){dl dd ul .half span {line-height:0px;}dl dd ul .half font {line-height:30px;}dl dd ul .half span.customer{line-height:25px !important}}/* firefox ????*/

dl dd ul .textarea { height: 130px; }
dl dd ul .textarea .value { margin-top: 10px; }
dl dd ul .textarea .value textarea { height: 88px; line-height: 18px; padding: 10px; border: 1px solid #9b9ea3; }
dl dd ul .textarea .value.hint textarea { color: #9b9ea3; }
dl dd ul .h150 { height: 155px;}
dl dd ul .check_h {line-height:17px;padding-top:25px;}/*150819 ??ë¹??¤ì?ë¥? ??ì¹?*/
dl dd ul .row { height: 35px; }
dl dd ul .row .ctrl_checkbox { width: 160px; margin-right: 30px; }
dl dd ul .row .ctrl_radio { width: 170px; margin-right: 20px; }
dl dd .mt12 { margin-top: 12px; }
dl dd .agreement { height: 130px; border: 1px solid #e7e7e7; border-top: 2px solid #9b9ea3; }
dl dd .agreement iframe { width: 100%; height: 130px; }
.frame { line-height: 20px; font-size: 14px; color: #9b9ea3; padding: 20px; white-space: pre-line; }

dl dd.style02 { border: 1px solid #e7e7e7; border-top: 2px solid #9b9ea3; }
dl dd.style02 ul { display: inline-block; width: 496px; border: 0; }
dl dd.style02 ul:first-child { border-right: 1px solid #e7e7e7; }
dl dd.style02 ul li.text02 { font-size: 18px; color: #5c5d61; font-weight: 600; text-align: center; }
dl dd.style02 ul li .value { width: 130px; }
dl dd ul li .value.style02 input[type="text"] { display: inline-block; margin: 10px 30px 0 8px; }

/*--???´ë? - ???¥í??--*/
dl dd table { width:100%; border-top: 2px solid #9b9ea3; border-collapse: collapse; }
dl dd table tr { min-height: 50px; line-height: 25px; border-top: 1px solid #e7e7e7; }
dl dd table tr td { border: 1px solid #9b9ea3;}
dl dd table tr .field { width: 130px; line-height: 18px; vertical-align: middle; padding-left: 30px; font-size:15px; background-color:#e7e7e7;}
dl dd table tr .value { width: 790px; vertical-align: top; padding: 10px 20px 10px 10px;}
dl dd table tr .value input[type=text] { width: 100%;}
dl dd table tr .value.radio { padding-top: 0px; padding-bottom: 0px; line-height:50px}
dl dd table tr .value.checkbox { padding-top: 25px;}
dl dd table tr .value.style02 { width: 810px; margin-left: 164px; border-top: 1px solid #e7e7e7; }
dl dd table tr .value.length .ctrl_radio { margin-right: 20px; }
dl dd table tr .value input{ margin:0;}
dl dd table tr .value select{ margin:0;}
dl dd table tr .value .mt10 { margin-top:10px;}
dl dd table .no_automatic { height: 85px; }
dl dd table .no_automatic .value .imagefont { float: left; width: 190px; height: 63px; border: 1px solid #bfbfbf; margin: 10px 15px 10px 0; }
dl dd table .no_automatic .value .text { float: left; width: 500px; }
dl dd table .no_automatic .value input { position: relative; top: -18px; }
dl dd table .no_automatic .value button { position: relative; top: -18px; }
dl dd table tr .value .ctrl_checkbox input[type="checkbox"] + label span { position: relative; top: 15px; }
dl dd table tr .value .additional { display: block; font-size: 14px; color: #ff6962; margin: -18px 0 -7px; }
dl dd table tr .value .additional.style02 { margin: -26px 0 -7px; }
dl dd table tr .value .additional.style03 { display: inline-block; color: #9b9ea3; margin: 0 0 0 10px; }
dl dd table tr .value .hypen { position: relative; top: 1px; font-size: 20px; color: #9b9ea3; margin: 0 3px; }
dl dd table .half .value { width: 300px;}
@-moz-document url-prefix(){dl dd ul .half span {line-height:0px;}dl dd ul .half font {line-height:30px;}dl dd ul .half span.customer{line-height:25px !important}}/* firefox ????*/

dl dd table .textarea { height: 130px; }
dl dd table .textarea .value { margin-top: 10px; }
dl dd table .textarea .value textarea { width: 100% !important; box-sizing:border-box; height: 109px !important; line-height: 18px; padding: 10px; border: 1px solid #9b9ea3; }
dl dd table .textarea .value.hint textarea { color: #9b9ea3; }
dl dd table .h150 { height: 155px;}
dl dd table .check_h {line-height:17px;padding-top:25px;}/*150819 ??ë¹??¤ì?ë¥? ??ì¹?*/
dl dd table .row { height: 35px; }
dl dd table .row .ctrl_checkbox { width: 160px; margin-right: 30px; }
dl dd table .row .ctrl_radio { width: 170px; margin-right: 20px; }

/*--???´ë? - ë·°ì?´í??--*/
dl .table { border-top: 3px solid #424b67; }
dl .table table { width: 100%; border-collapse: collapse; }
dl .table table thead tr { height: 40px; }
dl .table table tbody tr { height: 50px; }
dl .table table tr th { font-weight: 400; font-size: 18px; border: 1px solid #e7e7e7; background-color: #f6f6f6; }
dl .table table tr.h120 { height: 120px; }
dl .table table tr td { font-size: 16px; padding-left: 20px; border: 1px solid #e7e7e7; background-color: #ffffff; }
dl .table table tr td.center { text-align: center; padding-left: 0px; }
dl .table table tr td.red { color: #ff6962; font-weight: 600; }
dl .table table tr th.left { text-align: left; padding-left: 20px; }
dl .table table tr td.space { padding: 17px 0 17px 20px; line-height: 22px; }
dl .table table tr td span.red { margin-top: 0; font-size: 16px; color: #ff6962; font-weight: 600; }


/*--?¥ê¸°ë¯¸ë?©ì¡°?? ???´ë? --*/
dl .debt_table { border-top: 3px solid #1f82b9; }
dl .debt_table table { width: 100%; border-collapse: collapse; }
dl .debt_table table tr { min-height: 13px; line-height: 13px; border-top: 1px solid #e7e7e7; }
dl .debt_table table thead tr { height: 30px; }
dl .debt_table table tbody tr { height: 30px; }
dl .debt_table table tr th { font-weight: 400; font-size: 12px; border: 1px solid #e7e7e7; background-color: #f6f6f6; }
dl .debt_table table tr.h120 { height: 120px; }
dl .debt_table table tr td { font-size: 12px; padding-left: 20px; border: 1px solid #e7e7e7; background-color: #ffffff; }
dl .debt_table table tr td.center { text-align: center; padding-left: 0px; }
dl .debt_table table tr td.right { text-align: right; padding-left: 0px; padding-right: 5px;}
dl .debt_table table tr td.red { color: #ff6962; font-weight: 600; }
dl .debt_table table tr th.left { text-align: left; padding-left: 20px; }
dl .debt_table table tr td.space { padding: 17px 0 17px 20px; line-height: 22px; }
dl .debt_table table tr td span.red { margin-top: 0; font-size: 16px; color: #ff6962; font-weight: 600; }


/*--???´ë? - ?¤í????02--*/
.table02 { display: inline-block; margin-top: 70px; }
.table02 p { font-size: 24px; color: #000000; font-weight: 600; text-indent: 20px; margin-bottom: 10px; background: url(../../images/common_icon_bullet.gif) left center no-repeat; }
.table02 ul { width: 484px; font-size: 0; margin-right: 12px; border-top: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; }
.table02 ul li { display: inline-block; width: 240px; height: 50px; line-height: 50px; font-size: 18px; text-indent: 20px; color: #3c3c3c; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; background: url(../../images/common_icon_arrow01.gif) 212px center no-repeat; cursor: pointer; }
.table02 ul .select { font-size: 18px; color: #ffffff; font-weight: 600; background: #ff6962 url(../../images/common_icon_arrow03.gif) 212px center no-repeat; }

/*--ë¶?ê°??¤ë?01--*/
.additional01 { padding: 30px; margin-top: 60px; background: #fafafa;}
.additional01 li { line-height: 24px; font-size: 14px; }
.additional01 li.title { font-size: 16px; color: #5c5d61; font-weight: 600; margin: 0 0 5px; }
.additional01 li .depth2 { display: block; margin-left: 16px; }
.additional01 .red { color: #ff6962; }

/*--???´ì?´í????--*/
.popup { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999997; }
.popup .shield { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #000000; opacity: 0.5; filter: alpha(opacity=50); z-index: 999998; }
.popup dl { position: absolute; left: 50%; top: 50%; margin: -310px 0 0 -270px; width: 540px; background-color: #ffffff; z-index: 999999; }
.popup dl dt { height: 65px; line-height: 65px; color: #ffffff; background-color: #1f82b9; }
.popup dl dt span { float: right; margin-right: 25px; }
.popup dl dt span:first-child { float: left; margin-left: 25px; }
.popup dl dt .close { width: 24px; height: 23px; text-indent: -99999px; margin-top: 22px; background: url(../../images/common_button_close.gif) no-repeat; cursor: pointer; }
.popup dl dd { padding: 25px; }

.popup dl dd ul li .field { width: 110px; line-height: 18px; vertical-align: middle; padding-left: 20px; }
.popup dl dd ul li .value { width: 330px; vertical-align: top; padding-right: 20px; }

.popup dl .iframe { padding: 0; margin-top: -10px; }
.popup dl .iframe iframe { width: 100%; height: 460px; }
.popupframe { padding: 20px; white-space: pre-line; }

.popup .function { margin: 30px 0 10px 0;}
.popup .function ul { border: 0; }
.popup .function ul li { border: 0; }
.popup .function ul li button { min-width: 150px; }

/*--??ë¹??¤í??ë¦???--*/
.content02 .boundaly .flowchart p span { width: 124px; margin-left: 154px; font-size: 18px; color: #5a5d60; text-align: center; display: inline-block; }
.content02 .boundaly .flowchart p span:first-child { margin-left: 0px; }

/*--ë°°ê²½??--*/
.bg01 { background-color: #f1f0ee; }
.bg02 { background-color: #1e82b8; }
.bg03 { background-color: #34a9db; }

/*--???¬í???´ì?--*/
.wrap_error { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #fafafa; }
.wrap_error div { position: absolute; top: 50%; margin-top: -250px; width: 100%; height: 500px; color: #ffffff; text-align: center; background: #35a9dc url(../../images/error_image01.gif) center bottom no-repeat; }
.wrap_error div p { font-size: 36px; font-weight: 600; margin: 100px 0 10px 0; }
.wrap_error div span { display: block; font-size: 22px; }
.wrap_error div button { margin-top: 40px; }

/*--gnb new--(191031)*/
.gnb_menu_w{width:100%;border-bottom:1px solid #eee;}
.gnb_w{position:relative;width:1000px;margin:0 auto;background:#fff;}
.gnb_w h1{position:absolute;left:0;top:10px;  width: 99px; height: 60px; background: url(../../images/common_logo.gif) no-repeat;font-size:0;float:left;}
.gnb_menu{width:100%;overflow:hidden;}
.gnb_menu ul{position:relative;float:right;}
.gnb_menu li{display:inline-block;float:left;height:80px;line-height:80px;width:190px;text-align:left}
.gnb_menu li a{color:#000;font-size:18px;display:inline-block;}

.gnb_sub_w{width:100%;position:absolute;left:0;top:81px;z-index:999;background:#fff;padding:40px 0;box-shadow: 0 13px 10px 0 rgba(0, 0, 0, 0.2);}
.sub_menu{position:relative;width:1000px;margin:0 auto;overflow:hidden;}
.sub_menu ul{float:right}
.sub_menu ul li{display:inline-block;width:190px;text-align:left;float:left;}
.sub_menu ul li dl{margin-top:0;}
.sub_menu ul li dl dd{height:32px;font-size:16px;}
.sub_menu ul li dl dd a{color:#888;width:100%;display:inline-block;}
.gnb_menu li a, .sub_menu ul li dl dd a {text-decoration:none;}
.gnb_menu li a:hover, .sub_menu ul li dl dd a:hover{color:#4289ff}

.carousel{z-index:0}

/*--navigation new(191031)--*/
.navigation{width: 100%;margin:0 auto; border: #dddddd 1px solid;display: inline-block;}
.navigation div{width: 1000px;margin:0 auto;overflow: hidden;}
.navigation p{display: inline-block;margin:0 auto;text-align:left;float: left;padding: 20px 0;letter-spacing: -1px;font-size: 18px;}
.navigation ul{margin:0 auto;width: 1000px;border: #fff 1px solid;padding: 20px 0;text-align:right;letter-spacing: -1px;vertical-align: bottom;}
.navigation li{display: inline-block; color: #565656;position:relative;margin-left :10px;vertical-align: bottom;}
.navigation li span{display: inline-block; position: absolute; bottom: -2px;right:-4px;}
.navigation .last{color: #000000;font-weight: 700;}

/*--GNB ???? � ��(191105)--*/
.menu_first{padding-right: 20px;box-sizing:unset;}
.menu_tab01{padding-right: 20px;box-sizing:unset;}

.placeholder { color: #aaa; }