@charset "utf-8";

/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
    #subContainer{padding-bottom:60px;}
    #subContainer._b_bg:before{content:''; position:fixed; width:100%; height:100%; top:0; left:0; right:0; background:rgba(0,0,0,.6); z-index:11; transition:all .4s;}
    #subTop{background:#fff; border-bottom:1px solid #dee1e3;}
    .sub-visual{background:#fff;}
	.sub-visual > div{position:relative; width:100%; height:140px; text-align:center; background:url('/images/sub/bg_gradient_sub_b.jpg') repeat; background-size:100% 100%;}
    .sub-visual._menu > div{background:url(/images/sub/img_sub_menu_bg.jpg) no-repeat center center/cover;}
	.sub-visual h2{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:40px; line-height:1; font-size:40px; font-weight:700; font-family:'Nanum Square'; color:#fff;}

    .sub-visual._on h2{-webkit-transform:translateY(0); transform:translateY(0); opacity:1; transition:all 2s; transition:all 2s;}


    .sub-visual._menu h2{color:#fff;}

	.sub-tab{z-index:1; position:relative; height:70px;}
    .sub-tab > ul{margin:0 auto; max-width:1160px; width:100%; text-align:center; border:1px solid rgba(0,0,0,.15); box-shadow:0px 10px 10px rgba(0,0,0,.05);}
	.sub-tab > ul:after{content:""; display:block; clear:both;}
	.sub-tab li{float:left; display:inline-block; background:#fff; border-left:1px solid #dee1e3;}
    .sub-tab li:first-child{border-left:none;}
	.sub-tab li a{display:block; height:70px; text-align:center; line-height:70px; font-size:20px; font-weight:400; color:#1e1e1e;}
    .sub-tab li a._small{font-size:16px;}
	.sub-tab li.active a{font-weight:600; background:#dd2935; color:#fff;}
    
    .sub-tab .col-1{width:33.3%}
	.sub-tab .col-1 li{float:none; width:100%;}
	.sub-tab .col-2 li{width:50%;}
	.sub-tab .col-3 li{width:33.33%;}
	.sub-tab .col-4 li{width:25%;}
	.sub-tab .col-5 li{width:20%;}

    .sub-m-tab{position:relative; top:-35px; margin:0 auto; max-width:1160px; height:70px; text-align:center; background:#fff; border:1px solid #dee1e3; box-shadow:0px 10px 10px rgba(0,0,0,.05);}
    .sub-m-tab > ul{margin:0 auto; display:inline-block;}/* max-width:630px; width:100%;*/
	.sub-m-tab > ul:after{content:""; display:block; clear:both;}
	.sub-m-tab li{position:relative; float:left; margin-left:25px; padding-left:25px; display:inline-block;}/*width:calc(100% / 7);*/
    .sub-m-tab li:first-child{margin-left:0; padding-left:0; border-left:none;}
    .sub-m-tab li:after{content:''; position:absolute; top:28px; left:0; width:1px; height:17px; background:#dee1e3;}
    .sub-m-tab li:first-child:after{display:none;}
    /*
    .sub-m-tab li:before{content:''; position:absolute; top:50%; left:-15px; margin-top:-8%; width:1px; height:17px; background:#dee1e3;}
    .sub-m-tab li:first-child:before{display:none;}*/
	.sub-m-tab li a{display:block; height:70px; text-align:center; line-height:70px; font-size:17px; font-weight:400; color:#666;}
    .sub-m-tab li a._small{font-size:16px;}
	.sub-m-tab li.active a{font-weight:700; color:#dd2935;}

    .common-sub > div{position:relative; display:table; padding-bottom:134px; height:400px !important;}
    .common-sub h2{position:relative; display:table-cell; vertical-align:middle;  bottom:inherit !important; padding:0; height:auto;}
    .common-sub span{display:inline-block; margin-top:30px; width:100%; font-size:30px; font-weight:400; line-height:1.6;}
    .common-sub span.txt-m{font-size:20px;}
    .common-sub span a{position:relative; display:inline-block;}
    .common-sub span a:focus, .common-sub span a:hover, .common-sub span a:active{color:#fff;}
    .common-sub span a:after{content:''; opacity:.95; position:absolute; bottom:1px; left:0; width:100%; height:2px; background:#fff;}
    /*.common-sub span.txt-m br{display:none;}*/
    .common-form .row{margin:0 !important;}
    .common-form .row .col-xs-6{padding:0;}
    .common-form .row .col-xs-12{padding:0;}
    .common-form .row .desc-box{text-align:right;}
    .common-form .row span.desc{padding:0;}
    .common-form .sub-header h4{margin-bottom:20px; font-size:20px !important; height:inherit !important; line-height:1 !important;}
    .common-form .sub-content{margin:-135px auto 0; padding:60px; max-width:620px; background:#fff; box-shadow:0 13px 30px rgba(0, 0, 0, 0.15);}
    .common-form .form-control._captcha{height:50px;}
    .common-form .form-control{height:60px; border-radius:0 !important; -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important;}
    .common-form .sub-content.cont-lg{max-width:100%;}
    .common-form .btn-box{display:inline-block; margin-top:20px; padding-top:30px; width:100%; border-top:2px solid #1e272b;}
    .common-form .btn-box > div{padding:0;}
    .common-form .txtarea{padding:20px;}
    .common-form .btn-sub{padding:0 20px; line-height:58px !important; color:#1e272b; font-size:16px !important; min-width:inherit; background:#fff; border-radius:0 !important; border:1px solid #dee1e3;}
    .common-form .btn-sub.btn-me{width:100%;}
    .common-form .btn-sub.btn-me._done{color:#999; background:#f3f3f3;}
    .common-form .btn-sub.btn-me._done span:before{content:'\e013'; margin-right:5px; font-family:'Glyphicons Halflings';}
    .common-form .btn-sub-lg{background:#1e272b; color:#fff; border:none;}
    .common-form .btn-sub.btn-block{color:#fff; background:#1e272b; border:none;}
    .common-form .input-group{margin-bottom:30px; width:100%;}
    .common-form .input-group-outline{display:table; padding:5px 12px; width:100%; border:1px solid #dee1e3;}
    .common-form .input-group-outline input.form-control, .common-form .input-group-outline select.form-control{padding:0 !important; height:48px; text-align:center; border:none !important;}/*border:none !important; */
    .common-form .chkbox{font-size:16px; font-weight:400;}
    .common-form .chkbox input[type='radio']:checked~.box:before, .common-form .chkbox input[type='checkbox']:checked~.box:before{color:#1b98df;}
    .common-form .chkbox._left{padding:3px; padding-right:0; border-top-left-radius:30px; border-bottom-left-radius:30px;}
    .common-form .chkbox._left span.rbtn{border-top-right-radius:0; border-bottom-right-radius:0; border-top-left-radius:30px; border-bottom-left-radius:30px;}
    .common-form .chkbox._right{padding:3px; padding-left:0; border-top-right-radius:30px; border-bottom-right-radius:30px;}
    .common-form .chkbox._right span.rbtn{border-top-left-radius:0; border-bottom-left-radius:0; border-top-right-radius:30px; border-bottom-right-radius:30px;}
    .common-form .chkbox .rbtn{background:#fff; transition:all .3s; border:1px solid #dee1e3;}
    .common-form .chkbox input[type='radio']:checked~.rbtn{background:#1b98df; border-color:#1b98df;}

    .common-form i._infortant{color:#1b98df; font-style:normal;}
    .common-form #userAddrBase:read-only{background:#f3f3f3;}
    .common-form .alert{position:absolute; top:60px; left:0; width:100%; font-size:14px; text-align:right;}

    .common-form .mg-b5{margin-bottom:5px !important;} 
    .common-form .mg-b10{margin-bottom:10px !important;}
    .common-form .mg-b15{margin-bottom:15px !important;}
    .common-form .input-group-btn{position:initial;}

	@media only screen and (max-width:1200px) {
		.sub-tab li:first-child a{border-left:0;}
	}

    @media only screen and (max-width:980px) {
        .common-sub > div{padding-bottom:0; height:200px !important;}
        .common-sub span.txt-m{font-size:16px;}
		.common-form .sub-content{margin-top:60px;}
        .common-form .sub-content.cont-lg{margin-top:0;}
        .common-sub h2{height:initial !important;}
	}

	@media only screen and (max-width:768px) {    
        #subContainer{padding-bottom:20px;}
        #subTop{border-top:1px solid #dee1e3;}
        .sub-visual{display:none;}
		.sub-visual > div{height:100px;}
		.sub-visual h2{font-size:20px; height:20px;}

		.sub-tab{top:0; margin-top:0; height:45px;}
		.sub-tab li a{height:45px; line-height:45px; font-size:10px;}
        .sub-tab .col-1{width:100%;}
        .sub-tab .col-1 li{max-width:100%;}
        
        .sub-m-tab{top:0; height:45px;}
        .sub-m-tab li{margin-left:10px; padding-left:10px;}
        .sub-m-tab li a{font-size:10px; height:45px; line-height:45px;}
        .sub-m-tab li:after{top:18px; height:10px;}
        
        .common-sub{display:block;}
        .common-sub h2{padding:0 10px;}
        .common-sub span{margin-top:20px; font-size:16px;}
        .common-sub span.txt-m{font-size:13px;}
        .common-sub span.txt-m br{display:block;}
        .common-sub > div{height:150px !important;}
        .common-form .sub-content{margin:0; padding:10px; box-shadow:none;}
        .common-form .sub-content.cont-lg{margin:0; padding:20px 10px;}
        .common-form .sub-header h4{font-size:18px !important;}
        .common-form .title{font-size:15px;}
        .common-form .row .desc-box{margin-bottom:5px; text-align:left; color:#777879; font-size:14px;}
        .common-form .form-control{height:40px; font-size:14px !important;}
        .common-form .btn-sub{min-width:inherit !important; height:40px !important; line-height:40px !important; font-size:15px !important;}
        .common-form .btn-default{height:40px !important; font-size:15px !important;}
        .common-form a.btn{line-height:40px;}
        .common-form .input-group-outline{padding:5px 12px;}
        .common-form .input-group-outline input.form-control{height:28px;}
        .common-form .input-group-outline input.form-control::placeholder{font-size:12px;}
        .common-form .dropdown-toggle{min-width:30px !important; height:28px !important;}
        .common-form .alert{top:38px; font-size:12px;}
        .common-form .dropdown-menu{top:38px !important;}
        
	}

    

/* Sub Nav (버튼 영역)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
    .btn-fixed-m i{display:none; margin-right:6px; border:none;}
	
    @media only screen and (max-width:768px) {
        .btn-fixed-m{z-index:8; position:fixed; right:10px; bottom:20px; right:10px; display:flex; margin:0 !important; padding:0 !important; justify-content:center; width:50px; min-width:inherit !important; height:50px; font-size:14px; color:#fff; background:#1b98df !important; box-shadow:0 5px 10px rgba(0,0,0,0.3); transition:.2s; border-radius:50%; border:none !important;}
        .btn-fixed-m span{display:none;}
        .btn-fixed-m i{display:block; margin-right:0;}
        .btn-fixed-m._left{left:10px; right:initial;}
    }



/* Sub Nav (서브 내비게이션 영역)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
    .cont-menu{position:relative;margin:0 auto;width:100%;max-width:1200px;height:60px;line-height:60px;background-color:#fff;font-size:14px;color:#7b1818;}
    .cont-menu > li{float:left;display:inline;text-align:left;border-right:1px solid #dee1e3;}
    .cont-menu > li:first-child{color:#1e272b;text-align:center; border-left:1px solid #dee1e3;}
    .cont-menu > li a{display:block;padding:0 27px;font-weight:700;color:#30363a;min-width:240px;word-break:break-all;word-spacing:normal;}/*white-space:pre-line;*/
    .cont-menu > li:first-child a{min-width:inherit;}
    .cont-menu > li a span{float:right; position:relative; top:30px;}
    /*.cont-menu > li a:first-child{padding:0 20px;}*/
    .cont-menu li ul{z-index:999; padding:0; border:1px solid #dee1e3; border-radius:0; margin:0 0 0 -1px; max-width:242px; min-width:100%; box-shadow:0px 3px 3px rgba(0,0,0,.15);}/*width:100%; box-shadow:none;*/
    .cont-menu._fixed li ul{margin-top:-1px;}
    .cont-menu li ul li{min-height:46px;line-height:46px;}
    .cont-menu li ul li a{padding:15px 27px;border-top:1px solid #eceae6;}
    .cont-menu li ul li a:hover{color:#1b98df;background-color:inherit;}
    .cont-menu li ul li:first-child a{border-top:none;}

    .cont-menu a.last_link{display:none;}
    .cont-menu a.last_link._on{display:block;}

    @media only screen and (max-width:980px){
        .cont-menu{border-left:none;}
        .cont-menu._fixed{z-index:10001; position:fixed; top:0; left:0; right:0; border-bottom:1px solid #dee1e3;}
        .cont-menu._fixed:before{content:''; position:fixed; top:0; left:0; right:0; max-width:100%; width:100%; height:60px; border-bottom:1px solid #dee1e3; box-shadow:0px 0px 3px rgba(0,0,0,.15);}
        
        .sub-title{margin-bottom:60px}
        .sub-title:after{bottom:-30px}
        .sub-title .page-navi{position:relative;padding:10px;margin:20px 0;background-color:#f1f1f1;border-radius:5px}
    }

    @media only screen and (max-width:768px){
        .sub-title{margin-top:30px;}
        .sub-title:after{bottom:-15px; border-width:1px; border-color:#e1e1e1}
        .sub-title h3{padding-top:30px; font-size:30px}

        .cont-menu{height:40px; line-height:40px; box-shadow:0px 0px 3px rgba(0,0,0,.15);}
        .cont-menu._fixed:before{display:none;}
        .cont-menu > li{border:none;}
        .cont-menu > li a{padding:0 10px; font-size:12px; min-width:100px;}
        _:-ms-fullscreen, :root .cont-menu > li a{min-width:120px;}
        _:-ms-fullscreen, :root .cont-menu > li:first-child a{min-width:inherit;}
        .cont-menu > li a span{top:18px;}
        .cont-menu li ul li a{padding:15px;}
    }




/* Sub Contents (서브 콘텐츠 영역)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
    .content-wrap{display:inline-block; width:100%;}
    .page-nav{float:right; margin-bottom:100px; width:100%; font-size:15px; color:#ccc; text-align:right;}
    .page-nav ul{display:inline-block;}
    .page-nav ul li{float:left; margin-left:25px;}
    .page-nav ul li:first-child{margin-left:0;}
    .page-nav ul li:before{content:'/'; position:relative; left:-12px;}
    .page-nav ul li:first-child:before{display:none;}
    .page-nav ul li strong{color:#666; font-weight:400;}

	#subContents{position:relative; margin:0 auto; padding:0; max-width:1160px; min-width:320px; width:100%;}
    #subContents._common{margin:0 auto; padding-top:95px; max-width:1160px;}
    div._cont{display:table; padding:160px 0 0; width:100%;}
    #subContents h3.page-title{position:relative; margin-bottom:40px; display:inline-block; width:100%; font-family:'Nanum Square'; font-weight:700; font-size:40px; color:#1f282d; text-align:left; line-height:1;}
    #subContents h3.page-title._mg_t{margin-top:80px;}
    #subContents h3.page-title span{z-index:1; position:relative; display:inline-block; padding-right:20px; background:#fff;}
    #subContents h3.page-title:after{content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#dee1e3;}
    #subContents h4.page-title{position:relative; margin:0; padding-bottom:15px; display:inline-block; width:100%; font-weight:500; font-size:28px; color:#323c41; line-height:1.5; border-bottom:2px solid #323c41;}
    #subContents h4.page-title._mg_t{margin-top:80px;}
    #subContents h5.cont-title{position:relative; margin-bottom:20px; padding-left:12px; color:#1e1e1e; font-size:20px; font-weight:700;}
    #subContents h4.page-sub-title{position:relative; margin-bottom:30px; font-weight:500; font-size:18px; color:#1f282d; text-align:left; line-height:1.5;}
    #subContents h4.page-sub-title._mg_t{margin-top:80px;}
    #subContents h4.page-sub-title.text-center{text-align:center !important;}
    #subContents h5.page-sub-title{position:relative; margin-bottom:20px; font-weight:500; font-size:18px; color:#216d97; text-align:left;}
    #subContents h5.page-sub-title._mg_t{margin-top:80px;}
    #subContents h5.cont-title:before{content:''; position:absolute; top:0; left:0; width:6px; height:11px; background:url('/images/sub/ico_title_bullet.png') no-repeat center;}
    #subContents h5.cont-title span{color:#777879;}
    #subContents h6.cont-title{position:relative; margin-bottom:20px; color:#0e76bc; font-size:20px; font-weight:700;}
    #subContents .cont-title._bd_b{border-bottom:1px solid #1e1e1e;}
    .sub-contents{padding-top:60px;}
	.sub-contents p{word-break:break-all;}
    .sub-contents hr{margin:0 0 80px; border:none;}
    .sub-contents hr._half{margin:0 0 50px;}
    p._desc{position:relative; margin-top:20px; font-weight:400; font-size:14px; color:#959da1; text-align:left;}
    p._desc strong{position:absolute; display:inline-block; margin-right:5px; font-weight:400;}
    p._desc span{display:inline-block; padding-left:20px;}
    p._desc:after{content:''; clear:both; display:block;}
    p._desc_top{margin-bottom:5px; text-align:right;}

    /** BOCP 소개 **/
    .sub1-1{text-align:center;}
    .sub1-1 .pic-area{position:relative; display:inline-block;}
    .sub1-1 .pic-area div._ani_pic{position:absolute; top:0; left:0; width:100%; height:100%;}
    .sub1-1 .pic-area div._ani_pic p{opacity:0; position:absolute; top:0; left:0; display:table; width:100%; height:100%;}
    .sub1-1 .pic-area div._ani_pic p span{display:table-cell; vertical-align:middle;}
    .sub1-1 .pic-area div._ani_pic p._on{opacity:1; transition:all 2s; transition:all 2s;}
    .sub1-1 .pic-area div._ani_pic p._on span{opacity:1;}
    .sub1-1 .pic-area div._ani_pic p._ani_1s{-webkit-transform:translateX(-10px); transform:translateX(-10px);}
    .sub1-1 .pic-area div._ani_pic p._ani_1s._on{-webkit-transform:translateX(0); transform:translateX(0);}
    .sub1-1 .pic-area div._ani_pic p._ani_2s{-webkit-transform:translateY(-10px); transform:translateY(-10px);}
    .sub1-1 .pic-area div._ani_pic p._ani_2s._on{-webkit-transform:translateY(0); transform:translateY(0);}
    .sub1-1 .pic-area div._ani_pic p._ani_3s{transform:scale(1.1);}
    .sub1-1 .pic-area div._ani_pic p._ani_3s._on{transform:scale(1);}

    .sub1-1 .txt-box{display:inline-block; margin:60px auto 0; padding:0 0;}
    .sub1-1 .txt-box p{z-index:1; position:relative; display:inline-block; padding:0; font-size:16px; font-weight: 400; line-height:1.7; color:#4c5358; text-align:left;}
    .sub1-1 .txt-box p span._c_b{color:#1b98df;}
    .sub1-1 ul.graph-list{float:left; display:inline-block; text-align:left;}
    .sub1-1 ul.graph-list:after{content:''; clear:both; display:block;}
    .sub1-1 ul.graph-list li{position:relative;}
    .sub1-1 ul.graph-list li:before{content:''; position:relative; display:inline-block; top:-3px; margin-right:10px; width:30px; height:5px; border-radius:2px;}
    .sub1-1 ul.graph-list li:nth-child(1):before{background:#1b98df;}
    .sub1-1 ul.graph-list li:nth-child(2):before{background:#dd1d54;}
    .sub1-1 ul.graph-list li:nth-child(3):before{background:#2fc155;}
    .sub1-1 ol.list-info{margin-top:20px; text-align:left;}
    .sub1-1 ol.list-info li{color:#77797e; line-height:1.75;}
    .sub1-1 ol.list-info li:first-child{}



    /** 마이페이지 **/
    .my-page .info-header{display:table; width:100%; height:130px; background:#f9f9f9; border-bottom:1px solid #ced2d4;} 
    .my-page .info-wrap dl{display:table-cell; vertical-align:middle; text-align:center; line-height:1;}
    .my-page .info-wrap dl dt{position:relative; margin-bottom:15px; font-weight:500; font-size:30px; color:#30363a; line-height:1;}
    .my-page .info-wrap dl dt a{position:absolute; top:15px; right:20px; font-size:13px; color:#999;}
    .my-page .info-wrap dl dt a:before{content:'\f0c1'; margin-right:5px; font-family:'FontAwesome';}
    .my-page .info-wrap dl dt
    .my-page .info-wrap dl dd{font-size:16px; color:#777e83; line-height:1;}
    .my-page .info-body{}
    .my-page .info-body li{float:left; width:calc(100% / 3); border-bottom:1px solid #ced2d4;}
    _:-ms-fullscreen, :root .my-page .info-body li{width:33.3%;}
    .my-page .info-body li._full{width:100% !important;}
    .my-page .info-body .form-group{margin:0;}
    .my-page .info-body .title{display:table; margin-bottom:0; padding:0 30px; width:100%; height:80px; border-bottom:1px solid #eef1f3;}
    .my-page .info-body .title a.btn-edit{float:right; position:relative; display:inline-block; margin-top:25px; padding:5px 16px; font-size:14px; color:#30363a; text-align:center; border:1px solid #dee1e3; border-radius:30px;}
    .my-page .info-body .title a.btn-edit._active{background:#148bce; color:#fff; border:none; transition:all .4s;}
    .my-page .info-body .btn-box{display:table-footer-group; margin-top:0; padding-top:0; border:none;}
    .my-page .info-body .btn-box._hide{display:none;}
    .my-page .info-body .btn-box a.btn-edit._save{display:inline-block; margin:0; padding:5px 0; width:100%; background:#1b98df; color:#fff; font-size:15px; font-weight:400;}
    .my-page .info-body strong{font-weight:700; font-size:20px; color:#30363a; line-height:80px;}
    .my-page .info-body strong span{float:left; margin-right:10px;}
    .my-page .info-body strong button.btn-help{display:table-cell; vertical-align:middle; width:20px; height:20px; background:#c8c8c8; color:#fff; font-size:13px; line-height:.5; border:none; border-radius:50%;}
    .my-page .info-body strong .tooltip-inner{text-align:left;}
    .my-page .info-body .data-wrap{padding:30px 30px; display:table; width:100%; min-height:171px; text-align:center;}
    .my-page .info-body .info-data{position:relative; display:table-cell; vertical-align:middle; font-size:30px; color:#30363a; transition:all .4s;}
    .my-page .info-body li._full .info-data{text-align:left;}
    .my-page .info-body .info-data ._hide{display:inline-block;}
    .my-page .info-body .info-data ._hide i{float:left; margin-right:10px;}
    .my-page .info-body .info-data ._hide span{float:left;}
    .my-page .info-body li:nth-child(2), .my-page .info-body li:nth-child(5){border-left:1px solid #ced2d4; border-right:1px solid #ced2d4;}
    .my-page .info-body .info-data._hide{display:none;}
    .my-page .info-body .info-data._on{display:table-cell;}
    /*.my-page .info-body .info-data .form-control{border:none !important; border-bottom:2px solid #dee1e3 !important;}*/
    .my-page .info-body .info-data input.pwd-form{height:30px;}
    .my-page .info-body .info-data._email{font-size:18px; word-break:break-all;}
    .my-page .info-body .info-data div#pwdAlert{padding:0; top:80px;}
    .my-page .info-body .info-data .input-group-outline{padding:0; border:none !important;}
    .my-page .info-body .info-data span.input-group-addon{color:#30363a; font-weight:500; background:#fff; border:none; border-bottom:2px solid #dee1e3 !important;}
    .my-page .info-body .info-data a.btn-zipcode{height:48px; line-height:46px !important;}
    .my-page .info-body .info-board{float:left; width:50%;}
    .my-page .info-body .info-board div._in{display:table; padding:0 40px; width:100%; min-height:260px; border-bottom:1px solid #ced2d4;}
    .my-page .info-body .info-board div._in._empty{background:#f9f9f9;}
    .my-page .info-body .info-board:first-child .title, .my-page .info-body .info-board:nth-child(3) .title{border-right:1px solid #ced2d4;}
    .my-page .info-body .info-board:first-child div._in, .my-page .info-body .info-board:nth-child(3) div._in{border-right:1px solid #ced2d4;}
    .my-page .info-body .info-board ul{display:table-cell; vertical-align:middle;}
    .my-page .info-body .info-board li{position:relative; display:inline-block; padding-left:15px; width:100%; font-size:16px; color:#30363a; line-height:1.7; border:none;}
    .my-page .info-body .info-board li:before{content:''; position:absolute; top:11px; left:0; width:4px; height:4px; background:#bac5cc; border-radius:50%;}
    .my-page .info-body .info-board li span._likes{float:right; position:relative; top:6px; display:inline; padding:0 4px; font-size:11px; font-weight:normal; background:#a1b0bd; color:#fff !important; border-radius:2px; cursor:pointer;}
    .my-page .info-body .info-board li span._likes._on{background:#ec3434;}
    .my-page .info-body .info-board li span._likes i{margin-right:3px;}
    .my-page .info-body .info-board li a{display:inline-block; width:100%;}
    .my-page .info-body .info-board li a span.dotdot{display:inline-block; width:calc(100% - 50px); height:30px; overflow-y:hidden;}
    .my-page .info-body .info-board:nth-child(3) li a span.dotdot, .my-page .info-body .info-board:nth-child(4) li a span.dotdot{width:100%;}
    .my-page .info-body .info-board div._in._empty li{color:#9fa1a2; text-align:center;}
    .my-page .info-body .info-board div._in._empty li:before{content:none; display:none;}
    .my-page .input-group-outline input.form-control, .my-page .input-group-outline select.form-control{padding:6px 12px !important; border:1px solid #dee1e3 !important;}
    .my-page .info-body .info-data .input-group-outline._bd{border:1px solid #dee1e3 !important;}
    .my-page .input-group-outline._bd .form-control{border:none !important;}
    .my-page .input-group-outline._bd span.input-group-addon{border:none !important;}


    /** 메뉴 **/
    .sub-m{position:relative; margin:0 auto; max-width:1160px; text-align:center;}
    .sub-m .menu-row{position:relative; display:inline-block; max-width:1160px; width:100%;}
    .sub-m .menu-row._row{margin-top:60px;}
    .sub-m .menu-box{float:left; padding:0 12px; width:25%; text-align:left;}
    .sub-m .menu-box:first-child{margin-left:0;}
    .sub-m .menu-box .m-pic{margin-bottom:20px;}
    .sub-m .menu-box .m-pic img{width:100%;}
    .sub-m .menu-box h4{margin-bottom:10px; font-size:20px; font-weight:700; color:#000; letter-spacing:-1px;}
    .sub-m .menu-box h4 small{float:left; position:relative; top:1px; margin-right:10px; padding:0 11px; min-height:22px; line-height:22px; font-size:14px; font-weight:500; color:#fff; background:#000; border-radius:3px;}
    .sub-m .menu-box h4 small i{color:#ffcc00; font-style:normal;}
    .sub-m .menu-box ._price{float:left; margin-left:20px; color:#000; font-size:15px; font-weight:700;}
    .sub-m .menu-box ._price._first{margin-left:0;}
    .sub-m .menu-box ._price span{color:#f40f0f;}
    .sub-m .menu-box .info-box{position:relative; clear:both; display:inline-block; margin-top:15px; padding-top:10px; width:100%; font-size:15px; font-weight:400; color:#777879; letter-spacing:-1px;}
    .sub-m .menu-box .info-box:before{content:''; position:absolute; top:0; left:0; right:0; width:100%; height:2px; background:#000;}

    /** 커뮤니티 **/
    .sub-board .content-wrap{display:block; margin:0 auto; max-width:1160px;}
    .sub-board .form-control{border:1px solid #dee1e3 !important; border-radius:0;}
    .sub-board .whois-button-submit{background-color:#2b2b2b;}
    .sub-board .board-write .input-group input{border-radius:0 !important;}
    .sub-board .board-write .input-group-addon{font-weight:500; color:#2b2b2b; background:none;}
    .sub-board .whois-board-list{border-top:4px solid #f40f0f;}
    .sub-board .whois-board-list .whois-board-row{padding:12px 15px; background:#fff; border-top:1px solid #dee1e3; border-bottom:none !important;}
    .sub-board .whois-board-list .whois-board-row:first-child{border-top:none !important;}

	@media only screen and (max-width:1200px) {
        .sub-contents{padding:30px 20px;}
        #subContents h3.page-title{margin-bottom:30px;}
        
        .sub1-1 .txt-box{margin:30px auto 0; padding:0 0;}
        .sub1-1 .txt-box p{padding:0;}
        
        .sub-m .menu-box{} 
	}

    @media only screen and (max-width:980px) {
        .sub1-1 .pic-area div._ani_pic p._on span img{max-width:80%;}
        .sub1-1 ol.list-info li{font-size:15px;}
        .sub1-1 ul.graph-list li{font-size:15px;}
        
        .sub-board .content-wrap{padding:0 10px;}
        
        .my-page .info-body li{width:50%;}
        _:-ms-fullscreen, :root .my-page .info-body li{width:50%;}
        .my-page .info-body li:nth-child(2), .my-page .info-body li:nth-child(5){border-left:none; border-right:none;}
        .my-page .info-body li:nth-child(even){border-left:1px solid #ced2d4;}
        .my-page .info-body li._full .info-data{font-size:25px;}
        .my-page .info-body .info-board{width:100%;}
        .my-page .info-body .info-board .title, .my-page .info-body .info-board div._in{border-right:none !important;}
        .my-page .info-body .info-board li{border:none !important;}
        p._desc{margin-top:15px; font-size:13px;}
        p._desc_top{font-size:15px;}
    }

	@media only screen and (max-width:768px) {
        #subContents{margin-top:0;}
        #subContents h3.page-title{margin-bottom:10px; font-size:18px;}
        #subContents h3.page-title._mg_t{margin-top:20px;}
        #subContents h4.page-title{font-size:16px;}
        #subContents h4.page-title._mg_t{margin-top:40px;}
        
        #subContents h4.page-sub-title, #subContents h5.page-sub-title{margin-bottom:20px; font-size:18px;}
        #subContents h4.page-sub-title._mg_t{margin-top:40px;}
        .sub-contents{padding:10px;}
        div._cont{padding:40px 10px;}
        

        .sub1-1 .pic-area div._ani_pic p._on span img{max-width:70%;}
        .sub1-1 .txt-box{margin:20px auto 0;}        
        .sub1-1 .txt-box p{font-size:16px;}
        .sub1-1 .txt-box p:after{left:0;}
        .sub1-1 ol.list-info li{font-size:13px;}
        .sub1-1 ul.graph-list li{font-size:13px;}
        
        .sub-m{padding-top:30px;}
        .sub-m .menu-row._row{margin-top:0;}
        .sub-m .menu-box{margin-bottom:30px; padding:0 10px; width:50%;}
        .sub-m .menu-box ._price{font-size:13px;}
        .sub-m .menu-box h4 small{margin-right:3px; padding:1px 4px; min-height:17px; line-height:17px; font-size:10px; font-weight:300;}
        .sub-m .menu-box h4{margin-bottom:5px; font-size:18px;}
        .sub-m .menu-box .info-box{margin-top:10px; min-height:50px; font-size:12px;}
        
        .sub-board h3.page-title{margin-top:30px;}
        .sub-board .content-wrap{padding:0 10px;}
        
        .my-page .info-header{height:70px;}
        .my-page .info-wrap dl dt{margin-bottom:5px; font-size:15px;}
        .my-page .info-wrap dl dt a{right:10px; top:0;}
        .my-page .info-wrap dl dd{font-size:13px;}
        .my-page .info-body .info-data{font-size:13px;}
        .my-page .info-body .info-data._email{font-size:13px;}
        .my-page .info-body li{width:100%;}
        _:-ms-fullscreen, :root .my-page .info-body li{width:100%;}
        .my-page .info-body li:nth-child(even){border-left:none;}
        .my-page .info-body li._full .info-data{font-size:13px;}
        
        .my-page .info-body .title{padding:0 10px; height:41px;}
        .my-page .info-body .title a.btn-edit{margin-top:7px; padding:3px 10px; font-size:12px; min-width:54px; max-width:54px;}
        .my-page .info-body strong{line-height:40px; font-size:16px;}
        .my-page .info-body strong button.btn-help{width:15px; height:15px; font-size:12px; line-height:.1;}
        .my-page .info-body strong span{margin-right:5px;}
        .my-page .info-body .data-wrap{padding:30px 10px; min-height:initial; height:85px;}
        .my-page .info-body .info-board{width:100%;}
        .my-page .info-body .info-board:first-child{border-right:none;}
        .my-page .info-body .info-board div._in{padding:20px 0; min-height:100px;}
        .my-page .info-body .info-board li{padding-left:10px; font-size:13px;}
        .my-page .info-body .info-board li span._likes{top:3px;}
        .my-page .info-body .info-board li a span.dotdot{width:calc(100% - 60px); height:25px;}
        .my-page .info-body .info-board li:before{top:9px;}
        .my-page .info-body .info-data .form-control{height:40px !important;}
        .my-page .info-body .info-data span.input-group-addon{height:30px !important;}
        .my-page .info-body .info-data .input-group-outline{padding:5px 0;}
        .my-page .info-body .info-data a.btn-zipcode{height:40px; line-height:38px !important; font-size:14px !important;}
        
        p._desc{font-size:12px;}
        p._desc_top{font-size:13px;}
	}

    @media only screen and (max-width:480px) {
        #subContents h3.page-title{font-size:20px;}
        
        .sub1-1 .pic-box img{max-width:80%;}
        .sub1-1 .pic-box span{font-size:18px;}
        .sub1-1 .txt-box p{padding:0; font-size:13px; white-space:normal;}
        .sub1-1 .txt-box p:after{width:69px; height:60px; background-size:auto 60px;}
     
        .sub-m .menu-box h4{font-size:16px;}
        
        
        .my-page .info-body li{width:100%;}
        _:-ms-fullscreen, :root .my-page .info-body li{width:100%;}
    }
    

/* 게시판 관련 CSS
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
    /* 일반게시판 List */
    .board-write{font-family:'Noto Sans KR', sans-serif !important;}
    .whois-board-list { display:inline-block; padding:0; font-size:13px; }
    .whois-board-list .whois-board-row { width:100%; margin:0 0 0 0; padding:15px 0 15px 0; float:left; border-bottom:1px solid #eee; color:#30363a; }
    .whois-board-list .whois-board-row:first-child {border-top:2px solid #dee1e3; } /* Line 색상 */
    .whois-board-list .whois-board-row .whois-board-row-subject { margin:0 0 5px 0; padding:0; font-size:16px; font-weight:600; }
    .whois-board-list .whois-board-row .whois-board-row-info { color:#777879; }
    .whois-board-list .whois-board-row .whois-board-row-info .whois-board-row-author { max-width: 33vw; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align: middle; }

    /* 일반게시판 view */
    .whois-board-view{display:inline-block; border-top:2px solid #1e272b;} /* Line 색상 */
    .whois-board-view .whois-board-view-row { width:100%; margin:0; padding:0; padding:10px 0 10px 0; float:left; border-bottom:1px solid #eee; }
    .whois-board-view .whois-board-view-row .whois-board-view-subject { width:100%; margin:0 0 15px 0; padding:0; float:left; font-size:18px; font-weight:600; }
    .whois-board-view .whois-board-view-row .whois-board-view-author { width:100%; margin:0 0 5px 0; padding:0; float:left; font-size:13px; font-weight:600; }
    .whois-board-view .whois-board-view-row .whois-board-view-info { width:100%; margin:0; padding:0 0 10px 0; float:left; color:#acacac; }
    .whois-board-view .whois-board-view-row .whois-board-view-content { width:100%; margin:0; padding:10px 0 10px 0; float:left; font-size:12px; }
    .whois-board-view .board-content{min-height:300px; color:#1e272b; font-weight:400;}

    .whois-board-view .whois-board-view-files { width:100%; margin:0; padding:0; float:left; }
    .whois-board-view .whois-board-view-files .whois-board-view-file { width:100%; margin:0; padding:5px 0; float:left; font-size:12px; }
    .whois-board-view .whois-board-view-files .whois-board-view-file .whois-board-view-file-count { font-size:11px; color:#c4c4c4; }

    /* 페이지네이션 */
    .paginate_regular{position:relative; margin:50px 0 0 !important;}
    .board_pagetab a{padding:0 15px !important; font-size:16px !important; font-family:'Noto Sans KR' !important; color:#777879 !important;}
    .board_pagetab span.on a{font-weight:500; color:#333 !important;}
    a.page-next, a.page-last, a.page-prev, a.page-first{margin:0 5px !important; min-width:40px; min-height:40px; line-height:35px !important; border:1px solid #dee1e3;}

    /* 게시판 버튼 */
    /*
    .btn-search, .whois-button-submit, .btn-sub { color:#323c41; background-color:#fff; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out;}323c41
    .btn-search:hover, .btn-search:focus, .whois-button-submit:hover,.whois-button-submit:focus, .btn-sub:hover, .btn-sub:focus { color:#fff; background-color:#1e272b; }
    .write-box{position:absolute; top:0; right:0;}
    */

    /* 게시판 공통 */
    .sub-box { margin-right:5px; background-color: #1e272b;  border: 0; color:#ffffff; display: inline-block; font-family: "Nanum Gothic", sans-serif;}
    .sub-box.sm { font-size: 12px; padding: 2px 5px;}
    .sub-box.m { font-size: 14px; padding: 4px 8px;}
    .sub-box.lg { font-size: 16px; padding: 6px 12px;}

    .sub-border { border: 1px solid #1e272b; }
    .sub-border-t { border-top: 1px solid #1e272b; }
    .sub-border-r { border-right: 1px solid #1e272b; }
    .sub-border-b { border-bottom: 1px solid #1e272b; }
    .sub-border-l { border-left: 1px solid #1e272b; }

    .sub-bg { background-color: #1e272b; }
    .sub-bg-hover:hover { background-color: #e64600; }

    /* 게시판 검색 */
    .search-box{margin-bottom:40px; display:table; width:100%; height:80px; text-align:center;}
    .search-box div._in{padding:0; display:table-cell; vertical-align:middle; text-align:center;}
    .search-box ul{display:flex; margin:0 auto; max-width:100%; width:100%;}
    .search-box ul li{position:relative; float:left; padding:0;}
    .search-box ul li:nth-child(1){width:220px;}
    .search-box ul li:nth-child(2){width:calc(100% - 310px);}
    .search-box ul li:nth-child(3){width:90px;}
    .search-box .form-control.whois-search-keyword{width:100%; font-size:18px; color:#323c41; border:2px solid #ced2d4; border-left:none; border-right:none;}
    .search-box .btn.btn-search{width:100%; height:80px; background:#fff; color:#323c41; font-size:20px; border:2px solid #ced2d4; border-left:none;}
    .search-box select.form-control{padding:0 20px; width:100%; color:#323c41; font-size:18px; border:2px solid #ced2d4; border-right:none;}
    .search-box .form-control{height:80px; border-radius:0 !important; box-shadow:none !important; -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important;}
    .search-box ul li i.fa-caret-down{position:absolute; top:50%; right:5px; margin-top:-10px; font-size:20px; color:#323c41;}
    .form-control:focus{border-color:#1b98df;}
    
    @media only screen and (max-width:980px) {
        .paginate_regular{margin:30px 0 0 !important;}
        .board_pagetab a{padding:0 10px !important;}
        .search-box{height:70px;}
        .search-box .btn.btn-search{min-width:inherit !important; min-height:inherit !important;}
        .search-box ul li:nth-child(1){width:180px;}
        .search-box ul li:nth-child(2){width:calc(100% - 260px);}
        .search-box ul li:nth-child(3){width:80px;}
        .search-box .form-control{height:70px;}
        .search-box .form-control.whois-search-keyword{font-size:16px;}
        .search-box select.form-control{font-size:16px;}
        .search-box .btn.btn-search{height:70px;}
    }

    @media only screen and (max-width:768px) {
        .paginate_regular{margin:20px 0 0 !important;}
        .board_pagetab a{padding:0 7px !important; font-size:11px !important;}
        a.page-next, a.page-last, a.page-prev, a.page-first{min-width:25px; min-height:28px; line-height:23px !important;}
        
        .search-box{margin-bottom:20px; height:50px;}
        .search-box ul li:nth-child(1){width:140px;}
        .search-box ul li:nth-child(2){width:calc(100% - 220px);}
        .search-box ul li:nth-child(3){width:80px;}
        .search-box .form-control{height:50px;}
        .search-box .btn.btn-search{height:50px;}
    }
    
    @media only screen and (max-width:480px) {
        .search-box{height:40px;}
        .search-box ul li:nth-child(1){width:90px;}
        .search-box ul li:nth-child(2){width:calc(100% - 130px);}
        .search-box ul li:nth-child(3){width:50px;}
        .search-box ul li i.fa-caret-down{margin-top:-7px; font-size:14px;}
        .search-box .form-control{height:40px; font-size:12px;}
        .search-box .form-control.whois-search-keyword{padding:5px 10px; font-size:12px;}
        .search-box select.form-control{padding:0 10px; font-size:12px;}
        .search-box .btn.btn-search{padding:0 10px; height:40px; line-height:37px; font-size:14px;}
    }

/* 통합 검색 관련 CSS
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
    .sub-search{padding:30px 20px 0;}
    #searchTabs{padding:0 20px; background-image:none !important; border-radius:0; border:none; font-family:'Noto Sans KR', sans-serif;}
    #searchTabs .total-wrap{margin-bottom:20px; font-size:16px; text-align:right;}
    #searchTabs .total-wrap div._in{}
    #searchTabs .total-wrap b{font-weight:500;}
    #searchTabs b._col_b{color:#1b98df;}

    #searchTabs > ul{padding:0; background:#fff; border-radius:0; border:none; border-bottom:2px solid #323c41;}
    #searchTabs > ul > li{margin:0 !important; width:calc(100% / 6); font-size:18px; font-weight:500; color:#949798; text-align:center; background:#fafafa; border-radius:0; border-color:#ced2d4; border-right:none;}
    
    #searchTabs > ul > li:first-child{border-left:none;}
    #searchTabs > ul > li.ui-tabs-active{margin-bottom:-2px !important; padding-bottom:2px !important; color:#323c41; background:#fff; border-width:2px; border-color:#323c41; border-left:2px solid #323c41; border-right:2px solid #323c41;} 
    #searchTabs > ul > li a{padding:20px 10px; width:100%;}
    #searchTabs .search-section{padding:0; font-family:'Noto Sans KR', sans-serif; font-size:18px; font-weight:400; color:#30363a;}
    #searchTabs .search-section h4{margin:40px 0 10px; padding-bottom:0; font-size:30px; color:#323c41;}
    #searchTabs .search-section h4:first-child{margin-top:0;}
    #searchTabs .search-section h4.search-title{padding-bottom:10px; border-bottom:1px solid #323c41;}
    #searchTabs .search-section h4 a.btn-more, #searchTabs .search-section h5 a.btn-more{float:right; position:relative; display:inline-block; margin-top:3px; padding:5px 16px; font-size:14px; color:#30363a; text-align:center; border:1px solid #dee1e3; border-radius:30px;}
    #searchTabs .search-section h4 small{margin-left:10px; font-size:20px; color:#323c41;}

    #searchTabs .search-section h5{margin-top:30px; font-size:23px; color:#323c41;}
    #searchTabs .search-section h5 small{margin-left:5px; font-size:16px; color:#323c41;}

    #searchTabs .search-section h5 span{display:block; margin-top:10px; font-size:14px; font-weight:400; color:#949798;}
    #searchTabs .search-section span.board-nav{display:inline-block; margin:0 0 10px; padding-bottom:10px; font-size:14px; font-weight:400; color:#949798; width:100%;  border-bottom: 1px solid #323c41;}
    #searchTabs .search-section div._in span.board-nav{margin:0 0 10px; padding-bottom:10px; border-bottom: 1px solid #e9e9e9;}
    #searchTabs .search-section div._in{margin-bottom:60px;}
    #searchTabs .search-section div._in ul{margin-bottom:20px;}
    #searchTabs .search-section div._in li{position:relative; display:inline-block; margin-top:5px; padding-left:15px; width:100%;}
    #searchTabs .search-section div._in li:first-child{margin-top:0;}
    #searchTabs .search-section div._in li:before{content:''; position:absolute; top:10px; left:0; width:5px; height:5px; background:#b3bfc7; border-radius:50%;}
    #searchTabs .search-section div._in li a{display:block; color:#808588; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:calc(100% - 45px); width:fit-content; float:left;}
    #searchTabs .search-section div._in li a b._col_b{color:#1b98df;}
    #searchTabs .search-section div._in li span{font-size:16px; color:#949798;}
    #searchTabs .search-section div._in li span._likes{float:left; position:relative; top:5px;}

    #searchTabs .search-section div._in._empty{display:table; width:100%; text-align:center;}
    #searchTabs .search-section div._in._empty p{padding:30px; display:table-cell; vertical-align:middle; color:#949798; background:#fafafa;}

    @media only screen and (max-width:980px) {
        #searchTabs > ul{border-bottom:1px solid #ced2d4;}
        #searchTabs > ul > li{width:calc(100% / 3); min-height:60px; max-height:60px; font-size:15px;}
        #searchTabs > ul > li a{padding:18px 10px; line-height:1.5;}
        #searchTabs > ul > li:first-child{border-left:1px solid #ced2d4;}
        #searchTabs > ul > li:nth-child(3n){border-right:1px solid #ced2d4;}
        #searchTabs > ul > li.ui-tabs-active{margin:0 !important; padding:0 !important; border-left:2px solid #323c41; border-right:2px solid #323c41; border-bottom:2px solid #323c41;}


        #searchTabs .search-section{padding-top:30px; font-size:15px;} 
        #searchTabs .search-section h4{margin:30px 0 10px; font-size:20px;}
        #searchTabs .search-section h4.search-title{margin-bottom:10px;}
        #searchTabs .search-section h4 small{margin-left:5px; font-size:15px;}
        #searchTabs .search-section h4 a.btn-more, #searchTabs .search-section h5 a.btn-more{margin-top:0; padding:3px 10px; font-size:12px; min-width:54px; max-width:54px;}
        #searchTabs .search-section h5{margin-top:20px; font-size:16px;}
        #searchTabs .search-section h5 small{font-size:13px;}
        #searchTabs .search-section span.board-nav{font-size:12px;}
        #searchTabs .search-section div._in{margin-bottom:30px;}
        #searchTabs .search-section div._in li{padding-left:10px;}
        #searchTabs .search-section div._in li:before{top:8px;}
        #searchTabs .search-section div._in li span{font-size:14px;}
        #searchTabs .search-section div._in li span._likes{top:3px;}
    }

    @media only screen and (max-width:768px) {
        .sub-search{padding:10px;}
        #searchTabs{padding:0 10px;}
    }

/* 로그인/회원가입 관련 CSS
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	.material-form{margin:0 auto; border-bottom:none !important;}
	.material-form .header{padding:50px 10px; background:#6498fe; font-size:16px; color:#fff;}
	.material-form .header h3{font-size:30px;}
	.material-form .header p,
	.material-form .header span{margin-top:15px; font-size:16px; color:#fff;}
    
    .material-form .sub-header._add{margin-top:50px;}
	.material-form .sub-header h4{font-weight:bold;	height:34px; line-height:34px; font-size:16px; color:#30363a;}
	.material-form .sub-content .form-group:last-child{margin:0;}

	.material-form .input-group{position:relative; border:0;}
	.material-form .input-group .input-group-addon{padding-right:6px; padding-left:6px; font-size:18px; font-weight:500; color:#333; background:#fff; border:0;}

	.material-form .form-control,
	input[type='text'].whois,
	input[type='password'].whois,
	select.whois{font-size:16px; color:#999; border:1px solid #dee1e3 !important; transition:0.3s all ease;}

	/*.material-form .btn:first-child,*/
    .input-group .form-control{font-size:16px; font-weight:400; color:#999; border-color:#dee1e3 ;}
    .input-group .form-control._half{width:50%;}
    .input-group span.form-control{line-height:58px; background:#f3f3f3;}
    .input-group textarea.form-control{padding:12px;}
	.material-form .input-group .form-control:first-child,
	.material-form .input-group .form-control.first,
	.material-form .input-group .th + .form-control,
	.th + input[type='text'].whois,
	.th + input[type='password'].whois,
	.th + select.whois{border-bottom-left-radius:4px; border-top-left-radius:4px;}

	/*.material-form .btn:last-child,*/
	.material-form .input-group .form-control:last-child,
	.material-form .input-group .form-control.last,
	.material-form .input-group .input-group-btn:last-child,
	.material-form .input-group .input-group-btn:last-child button,
	.material-form .input-group .input-group-btn:last-child .btn{border-bottom-right-radius:4px; border-top-right-radius:4px;}

    .input-group-btn a.btn{border-left:none; padding:0 20px;}

	.material-form .form-group{margin-bottom:15px; overflow:visible;}

	.material-form .form-group.success .form-control{color:#5cb85c;}
	.material-form .form-group.failed .form-control{color:#d9534f;}
	.material-form .form-control[readonly]{background:#f3f3f3;}
    .material-form .txtarea._height{max-height:110px;}
	/*.material-form .btn {padding:0; height:60px; line-height:60px; font-size:18px;}
    .material-form button.btn{line-height:1;}
	.material-form .btn-default{-webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out;}
    */

	.material-form .input-group input,
	.material-form .input-group select,
	input[type='text'].whois,
	input[type='password'].whois,
	select.whois{z-index:10;}

	.input-group label.th{z-index:9; display:none; position:absolute; top:50%; left:10px; margin-top:-10px; height:20px; color:#ccc;}

	.input-group label.th.ie9{z-index:11; display:block;}
	.material-form .desc{padding:10px 0;}

	.chkbox{display:inline-block; margin:0; padding:0;}
	.chk-block,
	.chk-block span{display:block; text-align:center; width:100%;}
	.chkbox input[type='radio'],
	.chkbox input[type='checkbox']{display:none;}
	.chkbox input[type='radio']~.rbtn{padding: 6px 12px; line-height:27px; border:1px solid #ccc; border-radius:3px; cursor:pointer;}
	.chkbox input[type='radio']:checked~.rbtn{background:#ccc; color:#fff;}
	.chkbox input[type='radio']~.box,
	.chkbox input[type='checkbox']~.box{display:block; color:#bbb; cursor:pointer; transition:0.5s all ease;}
	.chkbox input[type='radio']~.box:before,
	.chkbox input[type='checkbox']~.box:before{display:inline-block; margin-right:5px; padding:2px;	font-family:'Glyphicons Halflings'; font-size:18px; font-weight:normal; line-height:1; text-align:center; transition:0.4s all ease; vertical-align:middle; color:#cfcfcf;}
	.chkbox input[type='radio']~.box:before{content:"\e165";}
	.chkbox input[type='checkbox']~.box:before{content:"\e013";}
	.chkbox input[type='radio']:checked~.box,
	.chkbox input[type='checkbox']:checked~.box{color:#666;}
	.chkbox input[type='radio']:checked~.box:before,
	.chkbox input[type='checkbox']:checked~.box:before{color:#666;}

    .form-box{display:inline-block; width:100%;}
    .form-box .form-save{float:left; margin-top:15px;}
    .form-box ul{float:right; margin-top:15px;}
    .form-box ul li{float:left; position:relative; padding-left:18px; line-height:1;}
    .form-box ul li:first-child{padding-left:0;}
    .form-box ul li:before{content:''; position:absolute; top:4px; left:8px; width:1px; height:16px; background:#cdcdcd;}
    .form-box ul li:first-child:before{display:none;}
    .form-box ul li a.btn-sub{display:inline-block; padding:0 !important; min-width:inherit; min-height:inherit; height:inherit !important; color:#777879 !important; font-size:16px !important; line-height:1 !important; background:none !important; border:none !important;}
    .form-box ul li a:focus, .form-box ul li a:active, .form-box ul li a:hover{color:#777879; background:none;}

     @media only screen and (max-width:768px) {
         .form-box .form-save{margin-top:5px;}
         .form-box ul{margin-top:7px;}
         .form-box ul li{padding-left:10px;}
         .form-box ul li:before{top:5px; left:3px; height:12px;}
         .form-box ul li a.btn-sub{font-size:12px !important;}
         .chkbox input[type='radio']~.box, .chkbox input[type='checkbox']~.box{font-size:12px;}
         .chkbox input[type='radio']~.box:before, .chkbox input[type='checkbox']~.box:before{padding:0; font-size:13px;}

         .input-group-btn a.btn{padding:0 10px;}

         .material-form .input-group .input-group-addon{font-size:15px; color:#333;}
    }




/* 이용권 구매 CSS
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
    .sub-contents._order h4.page-title{padding-bottom:40px !important; border-bottom:none !important;}
    .sub-contents._order h4.page-title.mg-t50{margin-top:50px !important;}
    .sub-contents._order h4.page-title:before{content:''; position:absolute; bottom:20px; width:40px; height:2px; background:#323c41;}
    .sub-contents._order .order-info{margin-bottom:20px; color:#777879;}

    .board-table._order{display:table; width:100%; color:#30363a;}
    .board-table._order div._empty{display:table; width:100%; height:100px; text-align:center; background:#f9f9f9;}
    .board-table._order div._empty span{display:table-cell; vertical-align:middle; color:#9fa1a2;}
    .board-table._order .board-row{float:none !important; display:table-row; height:60px;}
    .board-cell{display:table-cell; vertical-align:middle; font-size:16px; text-align:center;}

    .board-table._order .board-thead{display:table; width:100%; border-top:2px solid #323c41;}
    .board-table._order .board-thead .board-cell{font-weight:500; color:#30363a; background:#fafafa; border-bottom:1px solid #ced2d4;}

    .board-table._order._cel_2 .board-cell{width:calc(100% / 2);}
    .board-table._order._cel_4 .board-cell{width:calc(100% / 4);}
    .board-table._order._cel_6 .board-cell{width:calc(100% / 6);}

    _:-ms-fullscreen, :root .board-table._order._cel_2 .board-cell{width:50%;}
    _:-ms-fullscreen, :root .board-table._order._cel_4 .board-cell{width:25%;}
    _:-ms-fullscreen, :root .board-table._order._cel_6 .board-cell{width:16.6%;}

    .board-table._order .board-cell .input-group{padding:0 20px;}
    /*
    .board-table._order .board-cell{width:calc(100% / 7);}
    .board-table._order .board-cell:nth-child(3){width:17%;}
    */
    .board-table._order .board-body{display:table; width:100%;}
    .board-table._order .board-body .board-cell{font-weight:400; border-bottom:1px solid #e9e9e9;}
    .board-table._order .board-body .board-cell span._col_b{display:block; font-size:14px; color:#1b98df;}
    .board-table._order .board-body .board-cell a.btn._cancel{min-width:60px; min-height:22px; line-height:20px; font-size:12px; color:#777879; border:1px solid #dee1e3;}

    .board-table._order .modal-payment{}
    .board-table._order .modal-payment .modal-content{border-radius:0; border:1px solid #323c41; box-shadow:none;}

    .board-table._order .modal-payment .modal-title{font-weight:500; font-size:20px; color:#323c41; text-align:center;}
    .board-table._order .modal-payment .modal-header .close{opacity:1; color:#323c41; font-size:25px;}
    .board-table._order .modal-payment .modal-body{padding:20px;}
    .board-table._order .modal-payment .modal-body h5{padding-bottom:20px; font-weight:400; font-size:16px; color:#30363a; text-align:center;}
    .board-table._order .modal-payment .modal-body .input-group.mg-b10{margin-bottom:10px;}
    .board-table._order .modal-payment .input-group{display:table;}
    .board-table._order .modal-payment .btn-box{display:table; width:100%; border-bottom:none;}
    .board-table._order .modal-payment .btn-box button{float:left; margin:0; width:50%;}
    .board-table._order .modal-payment .btn-box button.btn{max-height:60px; min-height:60px; color:#fff; background:#323c41; border:none;}
    .board-table._order .modal-payment .btn-box button.btn-cancel{color:#30363a; background:#fff; border:1px solid #dee1e3;}
    .board-table._order .input-group{display:table-cell; vertical-align:middle;}
    .board-table._order .input-group input{border-radius:0 !important;}
    .board-table._order .input-group-addon{font-weight:500; color:#2b2b2b; background:none;}
    .board-table._order .input-group .form-control{height:38px; border-radius:0 !important; box-shadow:none !important;  -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important;}/*-webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important;*/
    .board-table._order .input-group select.form-control{position:relative;}
    .board-table._order .input-group select:before{content:'';}
    .board-table._order .input-group span.form-control{padding:0 12px; height:40px; line-height:38px; background:#f3f3f3; border-radius:0; -ms-user-select:none; -moz-user-select:-moz-none; -khtml-user-select:none; -webkit-user-select:none; user-select:none;}
    .board-table._order .input-group label.pay-label{position:relative; margin-left:20px; margin-bottom:0; padding-left:25px;}
    .board-table._order .input-group label.pay-label{position:relative; margin-left:20px; margin-bottom:0; padding-left:25px;}
    .board-table._order .input-group label.pay-label._first{margin-left:0;}
    .board-table._order .input-group label.pay-label:first-child{margin-left:0;}
    .board-table._order .input-group label.pay-label:before{content:''; position:absolute; top:3px; left:0; width:18px; height:18px; border:1px solid #dee1e3; border-radius:50%;}
    .board-table._order .input-group input[type="radio"]:checked + label.pay-label:after{content:''; position:absolute; top:7px; left:4px; width:10px; height:10px; background:#1b98df; border-radius:50%;}

    .board-table._order .input-group label.pay-label span{font-weight:400; color:#30363a;}
    .board-table._order .input-group-addon{padding-right:6px; padding-left:6px; font-size:18px; font-weight:500; color:#333; background:#fff; border:0;}
    .board-table._order .input-group-outline{display:table; width:65%;}
    .board-table._order .btn_area2{margin-top:0; border-top:none;}


    .board-table._col .board-cell{display:block; padding:20px 0; width:100% !important; max-height:60px; min-height:60px;}
    .board-table._col .board-thead{float:left; display:table-column;}
    .board-table._col._col_3 .board-thead{width:30%;}
    .board-table._col._col_6 .board-thead{width:30%;}
    .board-table._col._col_7 .board-thead{width:40%;}
    .board-table._col .board-thead .board-row{display:inline-block; width:100%; height:inherit;}
    .board-table._col .board-thead .board-cell{}
    .board-table._col .board-body{float:left; display:table-column; border-top:2px solid #323c41;}
    .board-table._col._col_3 .board-body{width:70%;}
    .board-table._col._col_6 .board-body{width:70%;}
    .board-table._col._col_7 .board-body{width:60%;}
    .board-table._col .board-body .board-row{float:left !important; display:inline-block; height:inherit;}
    .board-table._col._col_3 .board-body .board-row{width:calc(100% / 3);}
    .board-table._col._col_3 .board-body .total3{width:calc(100% / 3) !important;}
    .board-table._col._col_3 .board-body .total2{width:calc(100% / 2) !important;}
    .board-table._col._col_3 .board-body .total1{width:calc(100% / 1) !important;}
    .board-table._col._col_6 .board-body .board-row{width:100%;}
    .board-table._col._col_6 .board-body .board-row .board-cell{display:table; padding:0; height:60px; text-align:left;}
    .board-table._col._col_7 .board-body .board-row{width:100%;}
    .board-table._col._col_7 .board-body .board-row .board-cell{color:#30363a;}
    .board-table._col .board-body .board-cell{color:#1b98df;}
    .board-table._col .board-body .board-row .board-cell:first-child{font-weight:500; color:#30363a;}

    .order-info-box{border:none;}
    .order-info-box .panel-default{border:none; border-top:2px solid #323c41; border-radius:0;}
    .order-info-box .panel-heading{padding:0; max-height:60px; border:none;}
    .order-info-box .panel-title{}
    .order-info-box .panel-title a.btn-policy-wrap{display:inline-block; padding:22px 15px; width:100%;}
    .order-info-box .panel-title a.btn-policy-wrap.collapsed:after{content:'\f078';}
    .order-info-box .panel-title a.btn-policy-wrap:after{content:'\f077'; position:absolute; right:20px; font-family:'FontAwesome';}

    .order-info-box .panel-body{padding:0 !important; border:none !important;}


    .policy-table{display:table; width:100%;}
    .policy-table .board-thead{display:table; width:100%; color:#30363a;}
    .policy-table .board-row{display:table-row; height:60px;}

    .policy-table .board-body{display:table; width:100%; color:#30363a;}
    .policy-table .board-cell:first-child{width:30%; font-weight:500; border-left:none;}
    .policy-table .board-cell{display:table-cell; vertical-align:middle; padding:10px 20px; width:70%; font-size:15px; text-align:center; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9;}

    .policy-table .board-thead .board-cell{font-weight:500; color:#30363a; background:#fafafa; border-top:none; border-bottom:1px solid #ced2d4;}
    .policy-table .board-cell > ul{}
    .policy-table .board-cell > ul li{position:relative; padding-left:10px; text-align:left;}
    .policy-table .board-cell > ul li:before{content:''; position:absolute; top:8px; left:0; width:4px; height:4px; background:#30363a;}
    .policy-table .board-cell > ol{}
    .policy-table .board-cell > ol li{text-align:left; color:#777879;}
    .policy-table .board-cell > ol li:before{}
    .policy-table .board-cell > ol li .in-title{margin:20px 0 5px; font-weight:500; color:#30363a;}
    .policy-table .board-cell > ol li span{margin-top:10px; font-size:14px;}
    .policy-table .board-cell > ol li .in-sub-title{position:relative; margin:10px 0 5px; padding-left:8px; font-weight:500; font-size:14px; color:#30363a;}
    .policy-table .board-cell > ol li .in-sub-title:before{content:''; position:absolute; top:4px; left:0; width:3px; height:14px; background:#30363a;}
    .policy-table .board-cell > ol li ul{padding-left:10px;}
    .policy-table .board-cell > ol li ul li{position:relative; margin-top:10px; padding-left:10px; font-size:14px; line-height:1.2;}
    .policy-table .board-cell > ol li ul li:first-child{margin-top:0;}
    .policy-table .board-cell > ol li ul li:before{content:''; position:absolute; top:6px; left:0; width:4px; height:4px; background:#999;}
    .policy-table .board-cell > ol li ul li span{display:block; margin-top:5px; font-size:13px;}
    .policy-table .board-cell > ol li ul li span._example{margin-top:0; font-weight:500;}

    .policy-table .board-body .board-cell .policy-info{font-weight:500; text-align:left;}
    .policy-table .board-body .board-row:first-child .board-cell{border-top:none;}


    .order-compl{padding:60px 0; text-align:center; background:#f4f9fc;}
    .order-compl dl.order-title, .order-compl ul.order-info, .order-compl dl.order-policy{display:inline-block; max-width:600px; width:100%;} 
    .order-compl dl.order-title{margin-bottom:60px;}
    .order-compl dl.order-title dt{margin-bottom:20px; font-size:28px; color:#1f282d;}
    .order-compl dl.order-title dt span{font-weight:400;}
    .order-compl dl.order-title dt figure{margin-bottom:30px;}
    .order-compl dl.order-title dd{font-size:16px; color:#9fa1a2;}
    .order-compl dl.order-title a{text-decoration:underline; color:#1b98df;}
    .order-compl ul.order-info{border-top:2px solid #dee1ef;}
    .order-compl ul.order-info li{display:table; padding:0 10px; width:100%; height:50px; color:#9fa1a2; border-bottom:1px solid #dee1ef;}
    .order-compl ul.order-info li div{display:table-cell; vertical-align:middle;}
    .order-compl ul.order-info li div span{float:left;}
    .order-compl ul.order-info li div strong{float:right; font-weight:500; color:#30363a;}
    .order-compl ul.order-info li div strong._price{font-size:20px; font-weight:500; color:#1b98df;}
    .order-compl ul.order-info li div strong._price small{font-size:14px; font-weight:400; color:#9fa1a2;}
    .order-compl ul.order-policy{display:inline-block; margin:0 auto; max-width:600px; width:100%;}
    .order-compl ul.order-policy li{position:relative; padding-left:10px; font-size:14px; color:#9fa1a2; text-align:left;}
    .order-compl ul.order-policy li:before{content:''; position:absolute; top:8px; left:0; width:4px; height:4px; background:#9fa1a2;}
    .order-compl ul.order-policy li a{text-decoration:underline;}


    @media only screen and (max-width: 980px) {    
        .sub-contents._order h4.page-title{padding-bottom:30px !important;}
        .sub-contents._order h4.page-title:before{bottom:13px; width:20px;}
        .sub-contents._order .order-info{margin-bottom:10px; font-size:14px;}
        .board-table._order._cel_6 .board-cell{font-size:14px;}
        .board-table._order .board-body .board-cell a.btn._cancel{padding:0 10px; min-width:40px; font-size:12px;}
        .board-table._order .board-body .board-cell span._col_b{font-size:12px;}
        .board-table._order .modal-payment .btn-box{padding:10px 0 0 !important;}
        .board-table._order .modal-payment .btn-box button.btn{padding:0; max-height:40px; min-height:40px;}

        .board-table._order .board-cell{font-size:14px;}
        .board-table._order .board-body .board-cell a.btn._cancel{min-width:60px !important;}
        .order-info-box .panel-title{font-size:14px;}
        .policy-table .board-cell{font-size:12px;}
        .policy-table .board-cell > ul li{padding-left:6px;}
        .policy-table .board-cell > ul li:before{top:7px; width:2px; height:2px;}
        .policy-table .board-cell > ol li ul li{padding-left:6px;}
        .policy-table .board-cell > ol li ul li:before{width:2px; height:2px;}
        .policy-table .board-cell > ol li span{font-size:12px;}
        .policy-table .board-cell > ol li .in-sub-title{padding-left:6px; font-size:12px;}
        .policy-table .board-cell > ol li .in-sub-title:before{top:3px; width:2px; height:12px;}
        .policy-table .board-cell > ol li ul{padding-left:5px;}
        .policy-table .board-cell > ol li ul li span{font-size:11px;}

        .board-table._col._col_6 .board-thead{width:15%;}
        .board-table._col._col_6 .board-body{width:85%;}
        .board-table._col._col_7 .board-thead{width:30%;}
        .board-table._col._col_7 .board-body{width:70%;}
        .board-table._order .input-group span.form-control{height:30px; line-height:28px; font-size:12px;}
        .board-table._order .input-group .form-control{height:30px; font-size:12px;}
        .board-table._order .input-group-outline{width:100%;}
        .board-table._order .input-group-outline input#good_edate, .board-table._order .input-group-outline input#good_sdate{width:100%;}
        .board-table._order .input-group label.pay-label:before{top:0;}
        .board-table._order .input-group input[type="radio"]:checked + label.pay-label:after{top:4px;}

        .order-compl{background:#fff;}
        .order-compl dl.order-title{margin-bottom:20px;}
        .order-compl dl.order-title dt{font-size:24px;}
        .order-compl dl.order-title dt figure{margin-bottom:10px;}
        .order-compl dl.order-title dt figure img{max-width:80px;}
        .order-compl dl.order-title dd{font-size:14px;}
        .order-compl ul.order-policy li{font-size:12px;}
        .order-compl ul.order-policy li:before{top:7px; width:3px; height:3px;}

    }

    @media only screen and (max-width: 768px) {
        .board-table._order .input-group .form-control._half{width:100%;}
    }

    @media only screen and (max-width: 480px) {
        .board-table._order._cel_6 .board-cell{font-size:11px;}
        .board-table._order .board-body .board-cell a.btn._cancel{padding:0 2px; font-size:11px;}
        .board-table._order .board-body .board-cell span._col_b{font-size:11px;}

        .board-table._order .board-cell{font-size:11px;}

        .order-compl dl.order-title dd br{display:none;}
    }


/* 약관 Design
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
    .sub-content.sub-terms{margin-top:60px; padding:2rem; font-weight:400; font-family:'Montserrat', 'Noto Sans KR' !important; font-size:1em; line-height:1.75; border:10px solid #f6f6f6;}
    .sub-terms h3{margin-bottom:2rem; font-size:1.5em;}
    .sub-terms h4{margin:1.5rem 0 1rem; font-size:1.2em;}
    .sub-terms h5{margin:1rem 0; font-size:1em;}
    .sub-terms h6{margin:1rem 0; font-size:0.875em;}
    .sub-terms h3, .sub-content.sub-terms h4, .sub-content.sub-terms h5{line-height:inherit;}
    .sub-terms p{position:relative; margin:1rem 0 2rem; font-size:0.9em; color:#777879;}
    .sub-terms p._desc{ font-size:0.9em;}
    .sub-terms ul{margin:1rem 0 2rem;}
    .sub-terms ul li{position:relative; padding-left:10px; font-size:0.9em;}
    .sub-terms ul li:first-child{}
    .sub-terms ul li:before{content:''; position:absolute; display:inline-block; top:9px; left:0; margin-right:6px; width:4px; height:4px; background:#30363a;}
    .sub-terms ul li ul li:before{background:#fff; border:1px solid #30363a;}

    .sub-terms ol{padding:0 2rem;}
    .sub-terms ol._n_pd{padding:0 !important;}
    .sub-terms ol li{list-style:decimal outside; font-size:0.9em;}
    .sub-terms ol li strong{margin-right:5px; font-weight:400;}
    .sub-terms ol li:first-child{}
    .sub-terms ol li ol._hangul{padding-left:2rem;}
    .sub-terms ol li ol._hangul li{list-style-type:hangul; font-size:inherit;}
    .sub-terms table.board-table._default{margin:1.5rem 0; text-align:center !important;}

    @media only screen and (max-width: 768px) {
        .sub-terms{padding:1.5rem;}
        .sub-terms h3, .sub-content.sub-terms h4{font-size:1em;}
        .sub-terms h5{font-size:0.9em;}
        .sub-terms ol li a{display:block;}
    }


/* Table Design
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
    .board-table._default{width:100%; border:1px solid #c6c6c6; border-top:none;} 
    .board-table._default caption{display:none;}
    .board-table._default tr{float:none !important; display:table-row; height:60px;}
    .board-table._default tr:nth-child(1) td:first-child, .board-table._default tr:nth-child(7) td:first-child{border-left:0;}

    .board-table._default thead{border-top:2px solid #323c41;}
    .board-table._default thead th{font-weight:500; color:#30363a; text-align:center; background:#fafafa; border-bottom:1px solid #c6c6c6;}
    .board-table._default th br, .board-table._default td br{display:none;}

    .board-table._default tbody td{padding:1.5rem; font-weight:400; border-bottom:1px solid #c6c6c6;}
    .board-table._default._chart tbody td{padding:1.5rem; border-left:1px solid #c6c6c6;}
    /*.board-table._default._chart tbody td:first-child{border-left:none;}*/
    .board-table._default tbody td div.list-up{position:relative; padding-left:10px; color:#30363a; text-align:left;}
    .board-table._default tbody td div.list-up:nth-child(n+2){margin-top:30px;}
    .board-table._default tbody td div.list-up._mg_t_n{margin-top:0;}
    .board-table._default tbody td div.list-up:before{content:''; position:absolute; display:inline-block; top:9px; left:0; margin-right:6px; width:4px; height:4px; background:#30363a;}
    .board-table._default tbody td div.list-up div.list-in{position:relative; margin-top:3px; padding-left:10px; color:#777879;}
    .board-table._default tbody td div.list-up div.list-in:before{content:''; position:absolute; display:inline-block; top:9px; left:0; margin-right:6px; width:4px; height:4px; background:#777879;}
    .board-table._default tbody td div.list-up div.list-in div.list-in{position:relative;}
    .board-table._default tbody td div.list-up div.list-in div.list-in:before{border:1px solid #777879; border-radius:50%; background:#fff;}


    .board-table._default._line thead th, .board-table._default._chart thead th, .board-table._default._line tbody td{border-left:1px solid #c6c6c6;}
    .board-table._default._line thead th:first-child, .board-table._default._chart thead th:first-child, .board-table._default._line tbody td:first-child{border-left:none;}


    @media only screen and (max-width: 980px) {
        .board-table._default thead th, .board-table._default tbody td{font-size:15px;}
        .board-table._default thead th br{display:block;}
        .board-table._default tbody td div.list-up{padding-left:9px;}
        .board-table._default tbody td div.list-up:before{top:8px; width:3px; height:3px;}
        .board-table._default tbody td div.list-up div.list-in:before{top:8px; width:3px; height:3px;}
        .board-table._default tbody td div.list-up div.list-in{margin-left:0;}
        .board-table._default tbody td div.list-up:nth-child(n+2){margin-top:20px;}
    }

    @media only screen and (max-width: 768px) {
        .board-table._default thead th, .board-table._default tbody td{font-size:13px;}
        .board-table._default tbody td div.list-up:before{top:7px;}
        .board-table._default tbody td div.list-up div.list-in:before{top:7px;}
        .board-table._default tbody td{padding:1rem;}
        .board-table._default._chart tbody td{padding:1rem .5rem;}
    }

    @media only screen and (max-width: 480px) {
        .board-table._default thead th, .board-table._default tbody td{font-size:12px;}
    }