html, body{min-width:320px;font-family: 'Noto Sans KR';font-size:16px;font-weight:300;}
strong{font-weight:500;}

.hidden{display:none !important;}

.w-800{max-width:800px;}
.w-400{max-width:400px;}
.min-w-1200{min-width:1200px;}

.fc-yellow{color:#fff000;}
.fc-blue{color:#1680e8;}
.fc-deep-blue{color:#0167cb;}
.fc-red{color:#ff0000;}

.bg-white{background-color:#fff;color:#000;}
.bg-gray{background-color:#f2f2f2;color:#000;}
.bg-deep-blue{background-color:#0167cb;color:#fff;}

.align-left{text-align:left;}
.align-center{text-align:center;}
.align-right{text-align:right;}
.valign-top{vertical-align:top;}
.valign-middle{vertical-align:middle;}
.valign-bottom{vertical-align:bottom;}

.rows{display:inline-block;width:100%;font-size:0;}
.rows > .cols-1,
.rows > .cols-2,
.rows > .cols-3,
.rows > .cols-4,
.rows > .cols-5,
.rows > .cols-6,
.rows > .cols-7,
.rows > .cols-8,
.rows > .cols-9,
.rows > .cols-10,
.rows > .cols-11,
.rows > .cols-12{display:inline-block;font-size:1rem;/*vertical-align:top;*/}
colgroup col.cols-1,
.rows > .cols-1{width:8.333333%;}
colgroup col.cols-2,
.rows > .cols-2{width:16.666666%;}
colgroup col.cols-3,
.rows > .cols-3{width:25%;}
colgroup col.cols-4,
.rows > .cols-4{width:33.333333%;}
colgroup col.cols-5,
.rows > .cols-5{width:41.666666%;}
colgroup col.cols-6,
.rows > .cols-6{width:50%;}
colgroup col.cols-7,
.rows > .cols-7{width:58.333333%;}
colgroup col.cols-8,
.rows > .cols-8{width:66.666666%;}
colgroup col.cols-9,
.rows > .cols-9{width:75%;}
colgroup col.cols-10,
.rows > .cols-10{width:83.333333%;}
colgroup col.cols-11,
.rows > .cols-11{width:91.666666%;}
colgroup col.cols-12,
.rows > .cols-12{width:100%;}
.rows.margin-1_5{width:101.5%;margin-left:-1.5%;margin-bottom:-1.5%;}
.rows.margin-1_5 > .cols-1,
.rows.margin-1_5 > .cols-2,
.rows.margin-1_5 > .cols-3,
.rows.margin-1_5 > .cols-4,
.rows.margin-1_5 > .cols-5,
.rows.margin-1_5 > .cols-6,
.rows.margin-1_5 > .cols-7,
.rows.margin-1_5 > .cols-8,
.rows.margin-1_5 > .cols-9,
.rows.margin-1_5 > .cols-10,
.rows.margin-1_5 > .cols-11,
.rows.margin-1_5 > .cols-12{margin-left:1.5%;margin-bottom:1.5%;}
.rows.margin-1_5 > .cols-1{width:6.833333%;}
.rows.margin-1_5 > .cols-2{width:15.166666%;}
.rows.margin-1_5 > .cols-3{width:23.5%;}
.rows.margin-1_5 > .cols-4{width:31.833333%;}
.rows.margin-1_5 > .cols-5{width:40.166666%;}
.rows.margin-1_5 > .cols-6{width:48.5%;}
.rows.margin-1_5 > .cols-7{width:56.833333%;}
.rows.margin-1_5 > .cols-8{width:65.166666%;}
.rows.margin-1_5 > .cols-9{width:73.5%;}
.rows.margin-1_5 > .cols-10{width:81.833333%;}
.rows.margin-1_5 > .cols-11{width:90.166666%;}
.rows.margin-1_5 > .cols-12{width:98.5%;}
.rows.margin-3{width:103%;margin-left:-3%;margin-bottom:-3%;}
.rows.margin-3 > .cols-1,
.rows.margin-3 > .cols-2,
.rows.margin-3 > .cols-3,
.rows.margin-3 > .cols-4,
.rows.margin-3 > .cols-5,
.rows.margin-3 > .cols-6,
.rows.margin-3 > .cols-7,
.rows.margin-3 > .cols-8,
.rows.margin-3 > .cols-9,
.rows.margin-3 > .cols-10,
.rows.margin-3 > .cols-11,
.rows.margin-3 > .cols-12{margin-left:3%;margin-bottom:3%;}
.rows.margin-3 > .cols-1{width:5.333333%;}
.rows.margin-3 > .cols-2{width:13.666666%;}
.rows.margin-3 > .cols-3{width:22%;}
.rows.margin-3 > .cols-4{width:30.333333%;}
.rows.margin-3 > .cols-5{width:38.666666%;}
.rows.margin-3 > .cols-6{width:47%;}
.rows.margin-3 > .cols-7{width:55.333333%;}
.rows.margin-3 > .cols-8{width:63.666666%;}
.rows.margin-3 > .cols-9{width:72%;}
.rows.margin-3 > .cols-10{width:80.333333%;}
.rows.margin-3 > .cols-11{width:88.666666%;}
.rows.margin-3 > .cols-12{width:97%;}

#app-iwebidc{}

/**
 * Header
 */
.common-header{position:relative;display:inline-block;width:100%;text-align:center;float:left;margin-bottom:53px;}
.common-header::before{content:'';position:absolute;left:0;bottom:0;width:100%;border-bottom:1px solid #d8dadb;}
.common-header .common-header-title{position:relative;display:inline-block;width:100%;max-width:1200px;}
.common-header .common-header-title nav a{float:left;}
.common-header .common-header-title nav a span{display:inline-block;padding:12px;}
.common-header .common-header-link-bar{display:inline-block;float:left;}
.common-header .common-header-link-bar .active{color:#0066cc;}
.common-header .common-header-link-bar nav a{border-left:1px solid #d8dadb;min-width:124px;text-align:center;}
.common-header .common-header-link-bar nav a:hover{background-color:#e4f5ff;}
.common-header .common-header-link-bar nav a:last-child{border-right:1px solid #d8dadb;}
.common-header .common-header-link-bar nav a.active{position:relative;}
.common-header .common-header-link-bar nav a.active::before{content:'';position:absolute;left:0;top:100%;width:100%;border-bottom:1px solid #fff;}
.common-header .common-header-link-bar nav a span{padding:12px 24px;}
.common-header .common-header-member-menu-bar{display:inline-block;float:right;text-align:right;}
.common-header .common-header-member-menu-bar nav{float:right;}
.common-header .common-header-member-menu-bar nav a:not(:first-child)::before{content:'';border-left:1px solid #ccc;}
.common-header .common-header-gnb{position:absolute;top:100%;left:0;display:inline-block;width:100%;}
.common-header .common-header-gnb.floating{position:fixed;top:0;left:0;z-index:10;background-color:#011f60;color:#fff;margin-top:0;padding:8px 0;}
.common-header .common-header-gnb .is-floating{display:none;}
.common-header .common-header-gnb.floating .is-not-floating{display:none;}
.common-header .common-header-gnb.floating .is-floating{display:block;}
.common-header .common-header-gnb-container{position:relative;display:inline-block;width:100%;max-width:1200px;margin:0 auto;vertical-align:middle;}
.common-header .common-header-gnb nav a span{display:inline-block;}
.common-header .common-header-logo{float:left;margin:18px;}
.common-header .common-header-gnb-bar{float:right;}
.common-header .common-header-gnb-bar nav a:not(:first-child)::before{content:'';border-left:1px solid #ccc;white-space:pre-wrap;}
.common-header .common-header-gnb-bar nav a:last-child::before{content:initial;border-left:none;}
.common-header .common-header-gnb-bar nav .common-header-gnb-bar-title{display:inline-block;padding:30px 24px;}
.common-header .common-header-gnb-bar nav .common-header-gnb-bar-title strong{/*vertical-align:middle;*/}
.common-header .common-header-gnb-bar nav .common-header-gnb-bar-title i{vertical-align:middle;}
.common-header .common-header-gnb-bar nav a{float:left;display:inline-block;vertical-align:top;}
.common-header .common-header-gnb-bar nav a.all-menu{display:none;margin:18px 0;}
.common-header .common-header-gnb-bar nav a.all-menu .all-menu-icon{position:relative;display:inline-block;padding:0 12px;transition:transform 0.2s;font-family:'Material Icons';font-size:2.25em;}
.common-header .common-header-gnb-bar nav a.all-menu .all-menu-icon::before{content:'\e5d2';}
.common-header .common-header-gnb-bar nav a.all-menu .all-menu-icon::after{content:'\e5cd';position:absolute;top:0;left:12px;opacity:0;}
.common-header .common-header-gnb.extend nav a.all-menu .all-menu-icon{transform:rotate(180deg);}
.common-header .common-header-gnb.extend nav a.all-menu .all-menu-icon::before{opacity:0;}
.common-header .common-header-gnb.extend nav a.all-menu .all-menu-icon::after{opacity:1;}
.common-header .common-header-sub-gnb{position:absolute;top:100%;z-index:10;width:100%;max-height:0;overflow:hidden;background-color:#fff;color:#000;transition:max-height .2s;}
.common-header .common-header-gnb.extend .common-header-sub-gnb{border-top:1px solid #d8dadb;border-bottom:1px solid #d8dadb;}
.common-header .common-header-sub-gnb-container{display:inline-block;width:100%;max-width:1200px;margin:0 auto;}
.common-header .common-header-sub-gnb-list{display:table;width:100%;}
.common-header .common-header-sub-gnb-rows{display:table-cell;width:20%;padding:2em 0;vertical-align:top;border-right:1px solid #e5e5e5;}
.common-header .common-header-sub-gnb-rows:first-child{border-left:1px solid #e5e5e5;}
.common-header .common-header-sub-gnb-rows .common-header-sub-gnb-title{display:block;margin:0 2rem;font-size:1.125em;text-align:left;color:#00427f;}
.common-header .common-header-sub-gnb-rows .common-header-sub-gnb-title h3{font-weight:400;}
.common-header .common-header-sub-gnb-rows .common-header-sub-gnb-title h3 strong{font-weight:600;/*vertical-align:middle;*/}
.common-header .common-header-sub-gnb-rows .common-header-sub-gnb-title h3 i{vertical-align:middle;}
.common-header .common-header-sub-gnb-rows nav{display:inline-block;width:100%;float:left;margin-top:1em;}
.common-header .common-header-sub-gnb-rows nav li{display:inline-block;width:100%;}
.common-header .common-header-sub-gnb-rows nav a{display:block;padding:0.5em 2em;text-align:left;font-weight:400;color:#666666;}
.common-header .common-header-sub-gnb-rows nav li:hover a{background-color:#e5e5e5;}

/**
 * Footer
 */
.common-footer{clear:left;}
.common-footer .common-footer-info,
.layout-contents .common-footer-info{position:relative;display:table;width:100%;max-width:1200px;margin:2% auto;}
.common-footer .common-footer-info .common-footer-info-container,
.layout-contents .common-footer-info .common-footer-info-container{display:table-row;width:100%;height:100%;}
.common-footer .common-footer-info .common-footer-info-tel,
.common-footer .common-footer-info .common-footer-info-nameserver,
.layout-contents .common-footer-info .common-footer-info-tel,
.layout-contents .common-footer-info .common-footer-info-nameserver{display:table-cell;height:100%;color:#fff;padding:38px;box-sizing:border-box;}
.common-footer .common-footer-info .common-footer-info-tel,
.layout-contents .common-footer-info .common-footer-info-tel{width:66.666666%;background-color:#2e65cd;}
.common-footer .common-footer-info .common-footer-info-tel-box,
.layout-contents .common-footer-info .common-footer-info-tel-box{text-align:center;}
.common-footer .common-footer-info .common-footer-info-tel-box span,
.layout-contents .common-footer-info .common-footer-info-tel-box span{display:block;color:#fff;font-size:1.125em;font-weight:300;}
.common-footer .common-footer-info .common-footer-info-tel-box a,
.layout-contents .common-footer-info .common-footer-info-tel-box a{display:inline-block;font-style:italic;font-size:2em;font-weight:700;color:#fff000;margin-top:8px;}
.common-footer .common-footer-info .common-footer-info-tel-box > .common-footer-info-tel-cs,
.common-footer .common-footer-info .common-footer-info-tel-box > .common-footer-info-tel-idc,
.layout-contents .common-footer-info .common-footer-info-tel-box > .common-footer-info-tel-cs,
.layout-contents .common-footer-info .common-footer-info-tel-box > .common-footer-info-tel-idc{display:inline-block;padding:18px;background-color:#2a4579;box-sizing:border-box;}
.common-footer .common-footer-info .common-footer-info-tel-box > .common-footer-info-tel-cs,
.layout-contents .common-footer-info .common-footer-info-tel-box > .common-footer-info-tel-cs{width:42.5%;float:left;}
.common-footer .common-footer-info .common-footer-info-tel-box > .common-footer-info-tel-idc,
.layout-contents .common-footer-info .common-footer-info-tel-box > .common-footer-info-tel-idc{width:52.5%;float:right;}
.common-footer .common-footer-info .common-footer-info-nameserver,
.layout-contents .common-footer-info .common-footer-info-nameserver{width:33.333333%;background-color:#032668;}
.common-footer .common-footer-info .common-footer-info-nameserver-list,
.layout-contents .common-footer-info .common-footer-info-nameserver-list{display:table;width:100%;margin-top:24px;}
.common-footer .common-footer-info .common-footer-info-nameserver-list > li,
.layout-contents .common-footer-info .common-footer-info-nameserver-list > li{display:table-row;}
.common-footer .common-footer-info .common-footer-info-nameserver-list > li > *,
.layout-contents .common-footer-info .common-footer-info-nameserver-list > li > *{display:table-cell;padding:8px 0;border-bottom:1px solid #4f6896;}
.common-footer .common-footer-info .common-footer-info-nameserver-list > li > :nth-child(1),
.layout-contents .common-footer-info .common-footer-info-nameserver-list > li > :nth-child(1){width:45%;}
.common-footer .common-footer-info .common-footer-info-nameserver-list > li > :nth-child(2),
.layout-contents .common-footer-info .common-footer-info-nameserver-list > li > :nth-child(2){width:35%;}
.common-footer .common-footer-info .common-footer-info-nameserver-list .btn-nameserver-copy,
.layout-contents .common-footer-info .common-footer-info-nameserver-list .btn-nameserver-copy{width:20%;text-align:center;}
.common-footer .common-footer-info .common-footer-info-nameserver-list .btn-nameserver-copy a,
.layout-contents .common-footer-info .common-footer-info-nameserver-list .btn-nameserver-copy a{display:inline-block;padding:4px 8px;background-color:#ffb400;}
.common-footer .common-footer-info .common-footer-info-nameserver-list > a,
.layout-contents .common-footer-info .common-footer-info-nameserver-list > a{background-color:#ffb400;}
.common-footer .common-footer-info .common-footer-info-title,
.layout-contents .common-footer-info .common-footer-info-title{font-size:1.5em;}
.common-footer .common-footer-info .common-footer-info-content,
.layout-contents .common-footer-info .common-footer-info-content{margin:14px 0 28px;font-size:0.875em;line-height:1.2em;white-space:nowrap;}
.common-footer .common-footer-latest-board,
.layout-contents .common-footer-latest-board{display:inline-block;width:100%;background-color:#f2f2f2;float:left;}
.common-footer .common-footer-latest-board-container,
.layout-contents .common-footer-latest-board-container{display:block;width:100%;max-width:1200px;margin:0 auto;}
.common-footer .common-footer-latest-board-light,
.common-footer .common-footer-latest-board-dark,
.layout-contents .common-footer-latest-board-light,
.layout-contents .common-footer-latest-board-dark{display:inline-block;width:50%;float:left;padding:18px 12px;box-sizing:border-box;}
.common-footer .common-footer-latest-board-dark,
.layout-contents .common-footer-latest-board-dark{background-color:#dbdbdb;}
.common-footer .common-footer-latest-board-type,
.layout-contents .common-footer-latest-board-type{display:inline-block;width:90px;padding:8px 0;font-weight:500;text-align:center;color:#fff;}
.common-footer .common-footer-latest-board-link,
.layout-contents .common-footer-latest-board-link{display:inline-block;width:62%;margin-left:8px;}
.common-footer .common-footer-latest-board-link a,
.layout-contents .common-footer-latest-board-link a{display:-webkit-box;font-weight:400;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.common-footer .common-footer-latest-board-list-link,
.layout-contents .common-footer-latest-board-list-link{float:right;}
.common-footer .common-footer-latest-board-light .common-footer-latest-board-type,
.layout-contents .common-footer-latest-board-light .common-footer-latest-board-type{background-color:#1f2531;}
.common-footer .common-footer-latest-board-dark .common-footer-latest-board-type,
.layout-contents .common-footer-latest-board-dark .common-footer-latest-board-type{background-color:#2e65cd;}
.common-footer .common-footer-help,
.layout-contents .common-footer-help{display:inline-block;width:100%;padding:6% 0;float:left;background-image:url(../image/bg_footer_help.png);background-size:120%;background-position:center center;background-repeat:no-repeat;color:#fff;box-sizing:border-box;}
.common-footer .common-footer-help-container,
.layout-contents .common-footer-help-container{display:block;width:100%;max-width:800px;margin:0 auto;text-align:center;}
.common-footer .common-footer-help .common-footer-help-title h3,
.layout-contents .common-footer-help .common-footer-help-title h3{font-size:2.25em;font-weight:500;line-height:1.2em;}
.common-footer .common-footer-help .common-footer-help-title h3:first-child,
.layout-contents .common-footer-help .common-footer-help-title h3:first-child{font-style:italic;}
.common-footer .common-footer-help .common-footer-help-contents,
.layout-contents .common-footer-help .common-footer-help-contents{margin:24px 0;}
.common-footer .common-footer-help .common-footer-help-contents p,
.layout-contents .common-footer-help .common-footer-help-contents p{line-height:1.8em;}
.common-footer .common-footer-help .common-footer-help-cs-box,
.layout-contents .common-footer-help .common-footer-help-cs-box{display:inline-block;border:5px solid #fff;padding:24px;}
.common-footer .common-footer-help .common-footer-help-cs-box-contents,
.layout-contents .common-footer-help .common-footer-help-cs-box-contents{font-size:0.875em;}
.common-footer .common-footer-help .common-footer-help-cs-box-tel,
.layout-contents .common-footer-help .common-footer-help-cs-box-tel{font-size:1.75em;font-weight:400;margin-top:16px;}
.common-footer .common-footer-help .common-footer-help-cs-box-tel a,
.layout-contents .common-footer-help .common-footer-help-cs-box-tel a{font-weight:700;font-style:italic;}
.common-footer .common-footer-help .common-footer-help-question-button,
.layout-contents .common-footer-help .common-footer-help-question-button{margin-top:36px;font-weight:400;}
.common-footer .common-footer-services{display:inline-block;width:100%;background-color:#333333;color:#fff;box-sizing:border-box;}
.common-footer .common-footer-services .common-footer-services-groups{display:inline-block;width:100%;}
.common-footer .common-footer-services .common-footer-services-groups:not(:first-child){border-top:1px solid #7e7e7e;}
.common-footer .common-footer-services .common-footer-services-container{display:block;width:100%;max-width:1200px;margin:0 auto;padding:24px 0;}
.common-footer .common-footer-services .common-footer-services-groups-title{display:inline-block;width:270px;background-color:#000;font-size:1.125em;text-align:center;padding:18px 0;}
.common-footer .common-footer-services .common-footer-services-list{display:block;margin-top:32px;}
.common-footer .common-footer-services .common-footer-services-list::after{content:'';display:block;clear:both;}
.common-footer .common-footer-services .common-footer-services-list li{display:block;width:20%;float:left;vertical-align:top;}
.common-footer .common-footer-services .common-footer-services-list a{display:block;}
.common-footer .common-footer-services .common-footer-services-title{display:inline-block;width:100%;font-size:1.125em;}
.common-footer .common-footer-services .common-footer-services-nav{margin-top:28px;}
.common-footer .common-footer-services .common-footer-services-nav li{display:inline-block;width:100%;vertical-align:top;}
.common-footer .common-footer-services .common-footer-services-nav a{display:inline-block;margin:4px 0;}
.common-footer .common-footer-services .my-page-services .common-footer-services-groups-title{background-color:#3f81ff;}
.common-footer .common-footer-nav-bar{display:inline-block;width:100%;background-color:#0c1217;color:#fff;float:left;}
.common-footer .common-footer-nav-bar-container{display:block;width:100%;max-width:1200px;margin:0 auto;}
.common-footer .common-footer-nav-bar .common-footer-terms{display:inline-block;width:70%;float:left;}
.common-footer .common-footer-nav-bar .common-footer-terms nav a span{display:inline-block;padding:18px;}
.common-footer .common-footer-nav-bar .common-footer-terms nav a:hover span{color:#1680e8;font-weight:400;}
.common-footer .common-footer-nav-bar .common-footer-terms nav a:not(:first-child)::before{content:'';border-left:1px solid #3d4145;}
.common-footer .common-footer-nav-bar .common-footer-family-sites{position:relative;display:inline-block;width:30%;float:right;border-left:1px solid #555a5d;border-right:1px solid #555a5d;box-sizing:border-box;}
.common-footer .common-footer-nav-bar .common-footer-family-sites-label{position:relative;display:inline-block;width:100%;padding:18px;vertical-align:middle;box-sizing:border-box;}
.common-footer .common-footer-nav-bar .common-footer-family-sites-label .common-footer-family-sites-label-icon{position:absolute;font-size:2em;right:18px;top:10px;}
.common-footer .common-footer-nav-bar .common-footer-family-sites nav{position:absolute;top:100%;left:-1px;display:none;width:100%;background-color:#333;border:1px solid #555a5d;border-top:none;box-sizing:content-box;}
.common-footer .common-footer-nav-bar .common-footer-family-sites nav a{display:block;padding:8px;}
.common-footer .common-footer-nav-bar .common-footer-family-sites nav a:hover{background-color:#666;}
.common-footer .common-footer-nav-bar .common-footer-family-sites.hover nav{display:inline-block;}
.common-footer .common-footer-site-info{display:inline-block;width:100%;background-color:#1f1f1f;color:#fff;clear:left;padding:42px 0;box-sizing:border-box;}
.common-footer .common-footer-site-info-container{display:block;width:100%;max-width:1200px;margin:0 auto;}
.common-footer .common-footer-site-info .common-footer-site-logo,
.common-footer .common-footer-site-info .common-footer-site-info-contents{display:inline-block;float:left;box-sizing:border-box;}
.common-footer .common-footer-site-info .common-footer-site-logo{width:9.3125em;}
.common-footer .common-footer-site-info .common-footer-site-info-contents{width:50%;margin-left:24px;}
.common-footer .common-footer-site-info .common-footer-site-logo .common-footer-site-sns-logo{width:100%;margin:0.4em 0;}
.common-footer .common-footer-site-info .common-footer-site-logo .common-footer-site-sns-logo > li{display:inline-block;width:2.1em;height:2.1em;margin:0.2em;}
.common-footer .common-footer-site-info .common-footer-company-info ul{display:inline-block;width:100%;}
.common-footer .common-footer-site-info .common-footer-company-info li{display:inline-block;padding:4px 8px;}
.common-footer .common-footer-site-info .common-footer-copyright {display:inline-block;margin-top:24px;}
.common-footer .common-footer-seals{display:block;width:100%;max-width:1200px;margin:0 auto;padding:16px 0;text-align:center;}
.common-footer .common-footer-seals li{display:inline-block;margin:8px 12px;}

/**
 * Form Style
 */
.form-container{display:block;margin:0 auto;}
.form-container .form-group-fields .cols-1,
.form-container .form-group-fields .cols-2,
.form-container .form-group-fields .cols-3,
.form-container .form-group-fields .cols-4,
.form-container .form-group-fields .cols-5,
.form-container .form-group-fields .cols-6,
.form-container .form-group-fields .cols-7,
.form-container .form-group-fields .cols-8,
.form-container .form-group-fields .cols-9,
.form-container .form-group-fields .cols-10,
.form-container .form-group-fields .cols-11,
.form-container .form-group-fields .cols-12{vertical-align:middle;}
.form-container .form-group{display:block;width:100%;margin:1em auto;}
.form-container .form-group-caption{margin-bottom:4%;font-size:1.5em;text-align:center;}
.form-container .form-group-contents{display:table;width:100%;border-top:2px solid #0167cb;}
.form-container .form-group-comments{white-space:pre-line;}
.form-container .form-group-rows{display:table-row;}
.form-container .form-group-buttons{display:inline-block;width:100%;text-align:center;font-size:0;}
.form-container .form-group-label,
.form-container .form-group-fields{display:table-cell;padding:0.8em 1em;border-bottom:1px solid #d8dadb;box-sizing:border-box;vertical-align:middle;}
.form-container .form-group-label{width:16%;font-weight:400;background-color:#f9f9f9;}
.form-container .form-group-label.bg-white{background-color:#fff;}
.form-container .form-group-label label{display:inline-block;width:100%;padding:1em 0;line-height:1.375em;box-sizing:border-box;}
.form-container .form-group-text-box{display:inline-block;width:100%;height:140px;margin-top:1em;padding:0 0.8em;border:1px solid #ccc;overflow-y:scroll;box-sizing:border-box;}
.form-container .form-group-inline-text{display:inline-block;width:100%;padding:1em 0;line-height:1.375em;white-space:pre-line;box-sizing:border-box;}

.form-container input,
.form-container select,
.form-container button,
.form-container textarea,
.button{display:inline-block;width:100%;font-size:1em;font-weight:400;padding:1em 0.8em;line-height:1.375em;box-shadow:0 0 0 1px #ccc inset;box-sizing:border-box;}
.form-container label{display:inline-block;}
.form-container select{padding-right:2.4em;border-radius:0;background-image:url(../image/icon_selectbox_arrow.png);background-repeat:no-repeat;background-position-x:calc(100% - 1em);background-position-y:center;}
.form-container textarea{resize:none;}
.form-container input[type=file]{display:none;}
.form-container input[type=checkbox],
.form-container input[type=radio]{position:relative;display:inline-block;width:1em;height:1em;line-height:3.375em;margin:0.6875em 0;padding:1em;font-family:'Material Icons';overflow:hidden;box-shadow:0 0 0 2px #ccc inset;cursor:pointer;}
.form-container input[type=checkbox]::before,
.form-container input[type=radio]::before{position:absolute;height:1em;box-sizing:border-box;overflow:hidden;transition:width .2s;}
.form-container input[type=radio],
.form-container input[type=radio]::before{border-radius:100%;}
.form-container input[type=checkbox]::before{content:'\e5ca';color:#0167cb;width:0;height:1.33333333em;line-height:1.33333333em;text-align:left;font-size:1.5em;top:0;left:.2em;}
.form-container input[type=radio]::before{content:'';top:.5em;left:.5em;width:1em;opacity:0;background-color:#0167cb;transition:opacity .2s;}
.form-container input[type=checkbox]:checked::before{width:100%;}
.form-container input[type=radio]:checked::before{opacity:1;}
.form-container input[type=checkbox]:hover,
.form-container input[type=checkbox]:checked,
.form-container input[type=radio]:hover,
.form-container input[type=radio]:checked{box-shadow:0 0 0 2px #0167cb inset;}
.form-container label input[type=checkbox]+span,
.form-container label input[type=radio]+span{display:inline-block;padding-left:0.6em;line-height:3.375em;vertical-align:top;cursor:pointer;box-sizing:border-box;}
.form-container :disabled{cursor:not-allowed;}

.form-container input:focus,
.form-container select:focus,
.form-container button:focus,
.form-container textarea:focus,
.button:focus{box-shadow:0 0 0 1px #0167cb inset;}

/**
 * Form Buttons Style
 */
.form-container input[type=button],
.form-container input[type=submit],
.form-container button,
.button{text-align:center;box-shadow:0 0 0 0 transparent inset;transition:background-color .2s, color .2s;}
.form-container input[type=button]:hover,
.form-container input[type=submit]:hover,
.form-container button:hover,
.button:hover{cursor:pointer;}
.form-container input[type=button]:focus,
.form-container input[type=submit]:focus,
.form-container button:focus,
.button:focus{box-shadow:0 0 0 0 transparent inset;}

.form-container input[type=button],
.form-container input[type=submit].bg-gray,
.form-container button,
.button{background-color:#666;color:#fff;}
.form-container input[type=button]:active,
.form-container input[type=submit].bg-gray:active,
.form-container button:active,
.button:active{background-color:#999;}

.form-container input[type=button].bg-deep-blue,
.form-container input[type=submit],
.form-container button.bg-deep-blue,
.button.bg-deep-blue{background-color:#0167cb;color:#fff;}
.form-container input[type=button].bg-deep-blue:active,
.form-container input[type=submit]:active,
.form-container button.bg-deep-blue:active,
.button.bg-deep-blue:active{background-color:#3f81ff;}

.form-container input[type=button].bg-white,
.form-container input[type=submit].bg-white,
.form-container button.bg-white,
.button.bg-white{background-color:#fff;color:#000;box-shadow:0 0 0 1px #ccc inset;}
.form-container input[type=button].bg-white:active,
.form-container input[type=submit].bg-white:active,
.form-container button.bg-white:active,
.button.bg-white:active{background-color:#dedede;}

.form-container input[type=button].bg-dark-blue,
.form-container input[type=submit].bg-dark-blue,
.form-container button.bg-dark-blue,
.button.bg-dark-blue{background-color:#031f5e;color:#fff;box-shadow:0 0 0 0 transparent;}
.form-container input[type=button].bg-dark-blue:active,
.form-container input[type=submit].bg-dark-blue:active,
.form-container button.bg-dark-blue:active,
.button.bg-dark-blue:active{background-color:#1641a2;}

/**
 * List Style
 */
.list-container{}
.list-container .list-header,
.list-container .list-footer{display:inline-block;width:100%;float:left;}
.list-container .list-header{margin:1em 0;}
.list-container .list-header-left{float:left;}
.list-container .list-header-right{float:right;}
.list-container .list-header-info{line-height:3.375em;}
.list-container .list-header-search select,
.list-container .list-header-search input{float:left;}
.list-container .list-header-search select{width:8em;}
.list-container .list-header-search input{width:20em;}
.list-container .list-header-search input[type=submit]{width:8em;}
.list-container .list-body{display:inline-block;width:100%;float:left;text-align:center;border-top:2px solid #0167cb;border-bottom:1px solid #d8dadb;}
.list-container .list-body-group{display:table;width:100%;}
.list-container .list-body-thead{display:table-header-group;width:100%;}
.list-container .list-body-tbody{display:table-row-group;width:100%;}
.list-container .list-body-rows{display:table-row;width:100%;opacity:1;transition:opacity .4s;}
.list-container .list-body-rows.invisible{opacity:0;}
.list-container .list-body-rows .list-body-cols{display:table-cell;padding:1em;vertical-align:middle;border-bottom:1px solid #d8dadb;}
.list-container .list-body-thead .list-body-cols{background-color:#f2f2f2;}
.list-container .list-body-tbody .list-body-rows:last-child .list-body-cols{border-bottom:none;}
.list-container .list-body-tbody .list-body-rows:hover{background-color:#eee;}
.list-container .list-body-group.list-style-thumbnail{display:block;width:100%;text-align:left;}
.list-container .list-body-group.list-style-thumbnail .list-body-thead,
.list-container .list-body-group.list-style-thumbnail .list-body-tbody{display:block;width:100%;}
.list-container .list-body-group.list-style-thumbnail .list-body-rows{display:inline-block;width:33.333333%;padding:1.5%;/*float:left;*/box-sizing:border-box;}
.list-container .list-body-group.list-style-thumbnail .list-body-rows:hover{background-color:transparent;}
.list-container .list-body-group.list-style-thumbnail .list-body-cols{display:inline-block;width:100%;padding:0;border:none;transition:box-shadow .2s;}
.list-container .list-body-group.list-style-thumbnail .list-body-cols:hover{box-shadow:0 0 8px 4px rgba(0, 0, 0, .5);}
.list-container .list-body-group.list-style-thumbnail .list-body-thumbnail{display:inline-block;width:100%;height:14em;overflow:hidden;background-color:#f2f2f2;}
.list-container .list-body-group.list-style-thumbnail .list-body-thumbnail img{transition:transform .2s;}
.list-container .list-body-group.list-style-thumbnail .list-body-rows:hover .list-body-thumbnail img{transform:scale(1.2);}
.list-container .list-body-group.list-style-thumbnail .list-body-subject,
.list-container .list-body-group.list-style-thumbnail .list-body-contents{display:inline-block;width:100%;padding:0 1em 1em;box-sizing:border-box;}
.list-container .list-body-group.list-style-thumbnail .list-body-subject{padding:.75em 1em;font-size:1em;}
.list-container .list-body-group.list-style-thumbnail .list-body-contents{font-size:0.875em;}
.list-container .list-pagination{text-align:center;margin:3em 0;}
.list-container .list-pagination .list-pagination-group{display:inline-block;vertical-align:top;margin:0 1em;}
.list-container .list-pagination .list-pagination-group ul li{display:inline-block;}
.list-container .list-pagination .list-pagination-group input{width:3.375em;}
.list-container .list-pagination .list-pagination-group button{position:relative;display:inline-block;width:3.375em;height:3.375em;background-color:#fff;color:#000;box-shadow:0 0 0 1px #ccc inset;}
.list-container .list-pagination .list-pagination-group button:active{background-color:#dedede;}

/**
 * Board Details Style
 */
.board-details-container{}
.board-details-container .board-details-group{margin-top:2em;border-top:2px solid #0167cb;}
.board-details-container .board-details-group:first-child{margin-top:0;}
.board-details-container .board-details-group.is-none-border{border:none;}
.board-details-container .board-details-rows,
.board-details-container .board-details-nav-rows{display:inline-block;width:100%;padding:1em 0;line-height:1.5em;border-bottom:1px solid #d8dadb;box-sizing:border-box;}
.board-details-container .board-details-nav-rows{padding:0;}
.board-details-container .board-details-rows.bg-gray{background-color:#f2f2f2;}
.board-details-container .board-details-date,
.board-details-container .board-details-view-count{display:inline-block;}
.board-details-container .board-details-date{float:left;}
.board-details-container .board-details-view-count{float:right;}
.board-details-container .board-details-subject,
.board-details-container .board-details-label,
.board-details-container .board-details-date strong,
.board-details-container .board-details-date span,
.board-details-container .board-details-view-count strong,
.board-details-container .board-details-view-count span,
.board-details-container .board-details-contents,
.board-details-container .board-details-attachments{padding:0 1.5em;box-sizing:border-box;}
.board-details-container .board-details-contents{display:block;}
.board-details-container .board-details-attachments{display:inline-block;}
.board-details-container .board-details-date strong,
.board-details-container .board-details-view-count strong{width:6em;text-align:center;border-right:1px solid #d8dadb;}
.board-details-container .board-details-subject,
.board-details-container .board-details-nav-label{background-color:#f2f2f2;font-weight:500;}
.board-details-container .board-details-nav-label,
.board-details-container .board-details-nav-link{padding:1em 1.5em;box-sizing:border-box;}
.board-details-container .board-details-nav-label{text-align:center;}
.board-details-container .board-details-attachments li{color:#0167cb;font-weight:400;}
.board-details-container .board-details-attachments a{position:relative;padding-left:1.8em;}
.board-details-container .board-details-attachments a:before{content:'\e2bc';position:absolute;top:0;left:0;font-size:1.5em;font-family:'Material Icons';font-weight:300;}
.board-details-container .board-details-contents *{text-indent:initial !important;}
.board-details-container .board-details-contents table{width:100% !important;font-size:0.9em;}
.board-details-container .board-details-contents table td{padding:0.5em;border:1px solid #000;}

/**
 * Popup
 */
.popup-page-container{display:inline-block;width:100%;float:left;margin-top:4rem;}
.popup-page-title{text-align:center;}
.popup-page-title h3{font-size:2em;font-weight:500;}
.popup-page-title p{line-height:1.4em;}
.popup-page-contents{display:inline-block;width:100%;}

/**
 * Agree Box
 */
.agree-box h2,
.agree-box h3,
.agree-box p{white-space:pre-line;}
.agree-box h2,
.agree-box h3 {display:block;line-height:1.3em;}
.agree-box h2 {font-size:1.25em;margin:1.0em 0.5em;}
.agree-box h3 {font-size:1.025em;margin:1em 0.85em;}
.agree-box p {display:block;margin:1em 1.2em;font-size:0.9em;line-height:1.6em;color:#908f8f;}
.agree-box a {text-decoration:none;/*color:#181818;*/color:#908f8f;}
.agree-box ul,
.agree-box ol {display:block;margin:1em;}
.agree-box ul>li,
.agree-box ol>li {margin:0.2em 0;font-size:0.9em;line-height:1.6em;color:#908f8f;}
.agree-box ul ul>li{font-size:1em;}
.agree-box ul ul{margin:0.5em 0 0.875em;}
.agree-box ul.number>li {list-style-type:decimal;margin:0.2em 1.3em;}
.agree-box ul.zeronumber>li {list-style-type:decimal-leading-zero;margin:0.2em 2.5em;}
.agree-box ul.dash>li{margin:0.2em 0.3em;padding-left:0.875em;position:relative;}
.agree-box ul.dash>li:before{content:"-";position:absolute;top:0.05em;left:0;}
.agree-box ul.disc>li {list-style-type:disc;/*margin:0.2em;*/margin:0.2em 1.5em;}
.agree-box ul.roundnumber>li {padding-left:1.0em;}
.agree-box ul.roundnumber>li>span {margin-right:0.2em;margin-left:-1.0em;}
.agree-box dl {display:block;margin:1em 1.0em;}
.agree-box dl>dt {margin:0.4em 0.5em;font-size:0.9em;line-height:1.6em;color:#908f8f;}
.agree-box dl>dd {margin:0.2em 0.5em;font-size:0.9em;line-height:1.6em;color:#908f8f;}

/**
 * Popup Style
 */
#popup-wrapper{position:absolute;top:0;left:0;z-index:10;opacity:0;width:100%;animation-name:animation-popup-close;animation-duration:.2s;}
#popup-wrapper.is-active{opacity:1;animation-name:animation-popup-open;}
#popup-wrapper .popup-background{position:fixed;width:100%;height:100%;top:0;left:0;display:none;background-image:url(../image/bg_popup.png);background-repeat:repeat;}
#popup-wrapper.is-dim .popup-background{display:inline-block;}
#popup-wrapper .popup-container{position:absolute;top:80px;left:0;display:inline-block;width:100%;max-width:900px;}
#popup-wrapper .popup-title-bar{position:absolute;top:0;left:0;width:100%;height:3em;cursor:move;}
#popup-wrapper .popup-list{overflow:hidden;white-space:nowrap;font-size:0;box-shadow:0 0 8px 4px rgba(0, 0, 0, 0.4);transition:height .2s;}
#popup-wrapper .popup-rows{display:inline-block;width:100%;font-size:1rem;vertical-align:top;}
#popup-wrapper .popup-body{display:inline-block;width:100%;padding:0 1em;background-color:#fff;box-sizing:border-box;}

@keyframes animation-popup-open {
    0% {opacity:0;}
    100% {opacity: 1;}
}
@keyframes animation-popup-close {
    0% {opacity:1;}
    100% {opacity: 0;}
}

/**
 * 1024 ~
 * 768 ~ 1024
 * ~ 768
 */

@media only screen and (max-width: 1300px) {
    .common-footer .common-footer-services,
    .common-footer .common-footer-site-info{padding-left:2%;padding-right:2%;}
}

/**
 * xl & content max-width
 */
@media only screen and (max-width: 1200px) {
    .common-header .common-header-link-bar nav a:first-child{border-left:none;}

    .common-footer .common-footer-info .common-footer-info-nameserver-list,
    .layout-contents .common-footer-info .common-footer-info-nameserver-list{font-size:0.875em;}
}

/**
 * lg
 */
@media only screen and (max-width:992px) {
    .common-header .common-header-gnb-bar nav a:not(.all-menu){display:none;}
    .common-header .common-header-gnb-bar nav a.all-menu{display:inline-block;}
    .common-header .common-header-sub-gnb{overflow-y:scroll;}
    .common-header .common-header-sub-gnb-list,
    .common-header .common-header-sub-gnb-rows{display:inline-block;width:100%;border:none;}
    .common-header .common-header-sub-gnb-rows{border-top:1px solid #e5e5e5;padding:2em 0;}
    .common-header .common-header-sub-gnb-rows:first-child{border-left:none;border-top:none;}
    .common-header .common-header-sub-gnb-rows nav{max-height:0;overflow:hidden;transition:max-height .2s;margin-top:0;}
    .common-header .common-header-sub-gnb-rows.extend nav{margin-top:1em;}

    .common-footer .common-footer-info,
    .layout-contents .common-footer-info{display:inline-block;width:100%;}
    .common-footer .common-footer-info .common-footer-info-container,
    .layout-contents .common-footer-info .common-footer-info-container{display:inline-block;width:100%;}
    .common-footer .common-footer-info .common-footer-info-content,
    .layout-contents .common-footer-info .common-footer-info-content{font-size:1em;white-space:break-spaces;}
    .common-footer .common-footer-info .common-footer-info-tel,
    .layout-contents .common-footer-info .common-footer-info-tel,
    .common-footer .common-footer-info .common-footer-info-nameserver,
    .layout-contents .common-footer-info .common-footer-info-nameserver{display:inline-block;width:100%;}
    .common-footer .common-footer-info .common-footer-info-nameserver-list,
    .layout-contents .common-footer-info .common-footer-info-nameserver-list{font-size:1em;}

    .common-footer .common-footer-latest-board-container,
    .layout-contents .common-footer-latest-board-container{font-size:0.875em;}

    .common-footer .common-footer-help,
    .layout-contents .common-footer-help{background-size:150%;}

    .common-footer .common-footer-services .my-page-services .common-footer-services-list > li{width:33.333333%;}

    .common-footer .common-footer-nav-bar .common-footer-terms,
    .common-footer .common-footer-nav-bar .common-footer-family-sites{width:100%;}
    .common-footer .common-footer-nav-bar .common-footer-family-sites{border-top:1px solid #555a5d;}


}

/**
 * md
 */
@media only screen and (max-width:768px) {
    .common-header .common-header-link-bar nav a{border-right:1px solid #d8dadb;}
    .common-header .common-header-link-bar nav > :not(.active){display:none;}
    .common-footer .common-footer-services{display:none;}

    .common-footer .common-footer-latest-board-link,
    .layout-contents .common-footer-latest-board-link{width:49%;}

    /*.common-footer .common-footer-info,
    .layout-contents .common-footer-info{font-size:0.875rem;}*/
    .common-footer .common-footer-info .common-footer-info-tel-box a,
    .layout-contents .common-footer-info .common-footer-info-tel-box a{font-size:1.6em;}

    .common-footer .common-footer-help,
    .layout-contents .common-footer-help{padding:10% 2%;background-size:250%;}
}

/**
 * sm
 */
@media only screen and (max-width:576px) {
    .common-header .common-header-title{display:none;}

    .common-header .common-header-gnb{background-color:#011f60;color:#fff;margin-top:0;padding:8px 0;}
    .common-header .common-header-gnb .is-not-floating,
    .common-header .common-header-gnb.floating .is-not-floating{display:none;}
    .common-header .common-header-gnb .is-floating,
    .common-header .common-header-gnb.floating .is-floating{display:block;}

    .common-footer .common-footer-latest-board-light,
    .common-footer .common-footer-latest-board-dark,
    .layout-contents .common-footer-latest-board-light,
    .layout-contents .common-footer-latest-board-dark{width:100%;}
    .common-footer .common-footer-latest-board-link,
    .layout-contents .common-footer-latest-board-link{width:60%;}

    .common-footer .common-footer-help,
    .layout-contents .common-footer-help{background-size:300%;font-size:0.75em;}

    .common-footer .common-footer-info .common-footer-info-tel-box a,
    .layout-contents .common-footer-info .common-footer-info-tel-box a{font-size:1.4em;}
}

/**
 * xs
 */
@media only screen and (max-width:414px) {
    .common-footer .common-footer-help,
    .layout-contents .common-footer-help{background-size:350%;}

    .common-footer .common-footer-latest-board-link,
    .layout-contents .common-footer-latest-board-link{width:50%;}

    .common-footer .common-footer-info .common-footer-info-tel-box > .common-footer-info-tel-cs,
    .layout-contents .common-footer-info .common-footer-info-tel-box > .common-footer-info-tel-cs{width:100%;}

    .common-footer .common-footer-info .common-footer-info-tel-box > .common-footer-info-tel-idc,
    .layout-contents .common-footer-info .common-footer-info-tel-box > .common-footer-info-tel-idc{width:100%;float:left;margin-top:12px;}

    .common-footer .common-footer-site-info .common-footer-site-logo{width:100%;padding:0 2%;}
    .common-footer .common-footer-site-info .common-footer-site-info-contents{width:100%;padding:0 2%;margin-top:24px;margin-left:0;}
}