*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
[type="radio"] {
    margin: 0px;
    vertical-align: sub;
    appearance: none;
    border: max(2px, 0.1em) solid gray;
    border-radius: 50%;
    width: 1.25em;
    height: 1.25em !important;
    transition: border 0.1s ease-in-out;
}

[type="radio"]:checked {
    border: 0.4em solid #ee3f3f;
}

[type="radio"]:focus-visible {
    outline-offset: max(2px, 0.1em);
    outline: max(2px, 0.1em) dotted #ee3f3f;
}

[type="radio"]:hover {
    box-shadow: 0 0 0 max(4px, 0.2em) lightgray;
    cursor: pointer;
}

[type="radio"]:disabled {
    background-color: lightgray;
    box-shadow: none;
    opacity: 0.7;
    cursor: not-allowed;
}

[type="radio"]:disabled + span {
    opacity: 0.7;
    cursor: not-allowed;
}
@media screen and (max-width: 990px){
    .col-xs-122 {
        display: none;
    }
    .col-xs-12 {
        width: auto;
    }
}
input[type="text"], input[type="password"], input[type="date"], input[type="email"], input[type="tel"] {
    margin-right: 5px;
    padding: 0 0 0 15px;
    width: 100%;
    height: 40px;
    border: 1px solid #dbdbdb;
}
    /* t_style22 */
.t_style22{width: 100%; color: #464646; font-size: 14px}
.t_style22 caption{font-size: 13px}
.t_style22 th{text-align: center; background-color: #f5f5f5; min-width: 70px; max-width: 200px;padding: 10px 15px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; font-weight: normal}
.t_style22 td{width: 80%; padding: 10px 15px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3}
.t_style22 .i_style{width: 80%; height: 34px; padding: 0 10px; border: 1px solid #dfdfdf; border-radius: 4px; background-color: #fafafa}
.t_style22 .txt_style{width: 100%; height: 283px; padding: 10px; border: 1px solid #dfdfdf; border-radius: 4px; background-color: #fafafa; resize: none}

/* ////////////////// �뚯궗�뚭컻 /////////////////// */
.sub_content{max-width: 1050px; min-height: 400px; margin: 50px auto 100px; color: #4c4c4c; font-size: 17px; line-height: 1.6em}
.sub_title{margin-bottom: 20px}
.sub_title:after{content: ''; display: block; clear: both}
.sub_title .tit{width: 100%; padding-left: 10px; margin-bottom: 10px; border-left: 9px solid #464646; display: inline-block; position: relative; color: #464646; font-size: 20px; font-weight: 900; ; letter-spacing: -1px}
.sub_title .tit02{margin-bottom: 10px; color: #464646; font-size: 20px; font-weight: 500; letter-spacing: -1px}
.sub_title p{font-size: 15px;}
@media screen and (max-width:1050px) {
	.sub_content{padding: 0 20px; min-height: auto;}
}

.sub_visual{width: 100%; height: 300px; padding-top: 100px; overflow: hidden; display: none; align-items: center; text-align: center; background: rgb(31,34,87); background: linear-gradient(124deg, rgba(31,34,87,1) 0%, rgba(69,102,143,1) 100%)}
.sub_visual .tit{color: #ffffff; font-size: 52px; font-weight: bold; text-align: center; margin: 0 auto}
@media screen and (max-width:1399px) {
	.sub_visual .tit{font-size: 35px}	
}

.sub_center{width: 100%; padding: 20px 0; border-bottom: 1px solid #dfdfdf}
.sub_center:after{content: ''; display: block; clear: both}
.sub_center .center_left{max-width: 330px}
.sub_center ul li{float: left}
.sub_center ul li a{width: 65px; height: 84px; margin-left: 10px; display: block; float: left; text-indent: -9999px; background: url(../img/sub/center_icon01.png) no-repeat 0 center}
.sub_center ul li a:hover{background-position: -65px center}
.sub_center img{width: 100%}
.sub_center ul li.center_icon01 a{background-image: url(../img/sub/center_icon01.png)}
.sub_center ul li.center_icon02 a{background-image: url(../img/sub/center_icon02.png)}
.sub_center ul li.center_icon03 a{background-image: url(../img/sub/center_icon03.png)}
.sub_center ul li.center_icon04 a{background-image: url(../img/sub/center_icon04.png)}
.sub_center ul li.center_icon05 a{background-image: url(../img/sub/center_icon05.png)}
.sub_center ul li.center_icon06 a{background-image: url(../img/sub/center_icon06.png)}
@media screen and (min-width:1400px) {
	.sub_center .center_box{width: 1200px; margin: 0 auto}	
}
@media screen and (min-width:769px) {
	.sub_center .center_left{float: left}
	.sub_center .center_right{float: right}
}
@media screen and (max-width:991px) {
	.sub_center .center_left{margin: 0 auto 20px}
	.sub_center .center_right{display: table; margin: 0 auto}
	.sub_center ul li:last-child a{margin-right: 10px}	
}
@media screen and (max-width:400px) {
	.sub_center ul li{margin-bottom: 10px}
	.sub_center ul li.center_icon01 a{margin-left: 0}
	.sub_center ul li.center_icon04 a{margin-left: 0}
	.sub_center ul li.center_icon04{clear: both}
}

.sub_menu{width: 100%; height: 61px; line-height: 61px; border-bottom: 1px solid #dfdfdf}
.sub_menu img{vertical-align: middle}
.sub_menu>ul{max-width: 1200px; height: auto; margin: 0 auto}
.sub_menu>ul>li{float: left; position: relative; z-index: 50}
.sub_menu>ul>li>span{width: 201px; height: 60px; padding-left: 20px; border-right: 1px solid #dfdfdf; display: block; float: left; background-color: #ffffff; color: #a8a8a8; font-size: 14px; font-weight: bold; cursor: pointer}
.sub_menu>ul>li a{height: 60px; display: block; float: left; color: #a8a8a8; font-size: 15px; font-weight: bold}
.sub_menu ul li.home a{width: 79px; padding: 0; border-left: 1px solid #dfdfdf; background-image: none; background-color: #ed1b24; text-align: center}
.sub_menu>ul>li.on>a{color: #000000; background-position: 90% -61px}
.sub_menu>ul>li.on>span{color: #000000; background-position: 90% -61px}
.sub_menu>ul>li:hover>a{color: #000000; background-position: 90% -61px}
.sub_menu>ul>li:hover>span{color: #000000; background-position: 90% -61px}
.sub_menu>ul>li>ul>li:hover>a{color: #000000; background-position: 90% -61px}
.sub_menu ul li.depth ul{position: absolute; top: 61px; left: -1px}
.sub_menu ul li.depth ul li a{border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; display: block}
.sub_menu ul li.depth ul li{display: block}
.sub_menu ul li.sm_width>span{width: 160px}
.sub_menu .menu_prev{float: left}
.sub_menu .menu_next{float: right; text-align: right}
@media screen and (max-width:1399px) {
	.sub_menu>ul>li>span{width: 120.5px; padding-left: 6px; font-size: 13px}
	.sub_menu>ul>li>span.sm_font11{font-size: 11px}
	.sub_menu>ul>li>a{padding: 0 6px}
	.sub_menu>ul>li.length>span{width: 150px}
	.sub_menu>ul>li.length>a{width: 150px}
	.sub_menu ul li.depth ul.last{left: -90px}	
}

.sub_menu2{border-top: 1px solid #d3d3d3; border-bottom: 1px solid #D3D3D3}
.sub_menu2 .tit{display: none}
.sub_menu2 ul{max-width: 1200px; width: 100%; height: 61px; margin: 0 auto; display: table; table-layout: fixed; text-align: center; background-color: #ffffff}
.sub_menu2 li{display: table-cell; vertical-align: middle; border-left: 1px solid #d3d3d3; font-size: 14px; font-weight: bold}
.sub_menu2 li:last-child{border-right: 1px solid #d3d3d3}
.sub_menu2 a{padding: 20px 0; display: block; color: #a8a8a8}
.sub_menu2 li.on{background-color: #1f2358}
.sub_menu2 li.on a{color: #ffffff}
.sub_menu2 .mobile_menu{display: none}
@media screen and (max-width:768px) {
	.sub_menu2{position: relative; height: 61px}
	.sub_menu2 ul{width: 100%; height: auto; margin: 0 auto; display: none; position: absolute; background-color: #ffffff; text-align: center}
	.sub_menu2 ul.on{display: block}
	.sub_menu2 li{border: 0; border-bottom: 1px solid #D3D3D3; display: block; clear: both; font-size: 14px; font-weight: bold}
	.sub_menu2 li:last-child{border-right: 0}
	.sub_menu2 li.on{background: #ffffff}
	.sub_menu2 li.on a{color: #1f2358}
	.sub_menu2 a{padding: 20px 15px; display: block; color: #434343}
	.sub_menu2 .mobile_menu{height: 61px; line-height: 61px; border-bottom: 1px solid #dfdfdf; display: block; color: #ffffff; font-size: 16px; font-weight: bold; text-align: center; background: url(../img/sub/sub_menu_arrow2.png) 95% center no-repeat #1f2358}
	.sub_menu ul.on {height: auto}
}

/* 챙�왙벭ヂ매뮼�싯쑦��┑먄�맞� */��
/* #section{padding-top: 160px} */
#sub_content{max-width: 1200px; margin: 60px auto}
#sub_content>.title{margin-bottom: 60px; text-align: center}
#sub_content>.title h2{margin-bottom: 10px; color: #000000; font-size: 40px; font-weight: bold}
#sub_content>.title h3{line-height: 140%; padding-bottom: 30px; padding-top: 30px; color: #292e35; font-size: 20px}
#sub_content>.title button.btn-submit {font-size: 30px; font-weight: 200; color: #FFFFFF; text-align: center; background-color: #ff8900; border: 1px solid #ff8900; padding: 10px 20px 10px 50px; }
#sub_content>.title button.btn-submit:hover {background-color: #fff; color: #ff8900; }
#sub_content>.title button.btn-submit > i {margin-left: 30px; font-size: 20px; }
#sub_content>.title button.btn-submit2 {font-size: 30px; font-weight: 200; color: #FFFFFF; text-align: center; background-color: #4D4D4D; border: 1px solid #4D4D4D; padding: 10px 20px 10px 50px;}
#sub_content>.title button.btn-submit2 :hover {background-color: #fff; color: #4D4D4D; }	
@media screen and (max-width:600px) {
    #sub_content>.title{margin-bottom: 0px;}
    #sub_content>.title button.btn-submit2 {font-size: 30px; font-weight: 200; color: #FFFFFF; text-align: center; background-color: #4D4D4D; border: 1px solid #4D4D4D; padding: 10px 20px 10px 50px; margin-top: 10px; padding-left: 20px;}
    #sub_content>.title button.btn-submit2 :hover {background-color: #fff; color: #4D4D4D; }
    #sub_content>.title h3{padding-bottom: 10px; padding-top: 10px; color: #292e35; font-size: 20px}
}
	
	
#sub_content>.title .line{width: 100%; height: 1px; background-color: #d3d3d3}
#sub_content .con_box{width: 100%; min-height: 600px}
#sub_content .con_box:after{content: ''; display: block; clear: both}
#sub_content .con_box .con_left{max-width: 335px; height: 100%; float: left}
#sub_content .con_box .con_left>p{margin-bottom: 40px}
#sub_content .con_box .con_left ul li{margin-bottom: 10px}
#sub_content .con_box .con_left .emp{color: #f24d36; font-size: 24px}
#sub_content .con_box .con_left .list li{line-height: 75%; color: #666666; font-size: 18px}
#sub_content .con_box .con_left .list li.emp2{color: #2f2f2f; font-size: 20px}
#sub_content .con_box .con_right{max-width: 830px; float: right}
#sub_content .con_box .con_right .con{width: 100%; height: auto; margin-bottom: 60px}
#sub_content .con_box .con_right .con .tit{height: 43px; line-height: 43px; padding: 0 20px; margin-bottom: 30px; float: left; background: url(../img/sub/con_tit_bg.png) repeat center center #ed1b24; color: #ffffff; font-size: 20px; text-align: center}
#sub_content .con_box .con_right .con .tit2{width: 100%; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #a9a9a9; font-size: 24px}
#sub_content .con_box .con_right .con .txt{max-height: 1000px; line-height: 150%; padding-bottom: 35px; clear: both; color: #454545; font-size: 16px; font-weight: bold; text-align: justify}
#sub_content .con_box .con_right .con .txt .emp{color: #ed1b24}
.text-emp{padding: 10px 0; margin-bottom: 20px; border-bottom: 1px dashed #CECECE; font-size: 13px}
@media screen and (max-width:1000px) {
	#sub_content > .title h2{font-size: 26px}
	#sub_content > .title h3{font-size: 13px; padding-left: 10px; padding-right: 10px;}	
}
@media screen and (max-width:1200px) {
	#sub_content .con_box .con_right{max-width: 100%}
}

/* foot_btn */
.foot_btn{margin: 0 auto; display: table; text-align: center}
.foot_btn .btn_box ul li{float: left; margin-left: 3px}
.foot_btn .btn_box ul li.first{margin-left: 0}
.foot_btn .btn_box ul li a{width: 37px; height: 34px; line-height: 36px; border: 1px solid #d7d7d7; display: block; float: left; background-color: #f4f4f4; color: #000000; font-size: 16px}
.foot_btn .btn_box ul li.next a{width: 47px}
.foot_btn .btn_box ul li.on a{border-color: #353535; background-color: #575757; color: #ffffff}
.foot_btn .btn_box ul li:hover a{border-color: #353535; background-color: #575757; color: #ffffff}
.foot_btn .btn_box ul.btn_type2 li{margin-left: 2px; line-height: 18px}
.foot_btn .btn_box ul.btn_type2 li a{width: 19px; height: 18px; line-height: 18px; border: 1px solid #dedde3; display: block; float: left; background-color: #ffffff; color: #000000; font-size: 11px; font-weight: bold; font-family: '챘혧�뮨р�뷜궗', Dotum}
.foot_btn .btn_box ul.btn_type2 li.prev{margin-right: 4px}
.foot_btn .btn_box ul.btn_type2 li.next{margin-left: 6px}
.foot_btn .btn_box ul.btn_type2 li.on a{border-color: #6f768b; background-color: #9398b8; color: #ffffff}
.foot_btn .btn_box ul.btn_type2 li.on:hover a{border-color: #6f768b; background-color: #9398b8; color: #ffffff}
.foot_btn .btn_box ul.btn_type2 li:hover a{border-color: #757575; background-color: #fbfbfb}

/* 챙�왙벭ヂ매뮼ぢ꼽뮼р�뮴벭�뮻� */
.sub_search{float: right; margin-bottom: 20px}
.sub_search select{width: 57px; height: 29px; line-height: 29px; border: 0; padding: 0; margin: 0; border: 1px solid #ababab; vertical-align: middle}
.sub_search input{border: 0; padding: 0; margin: 0; vertical-align: middle}
.sub_search input[type="text"]{width: 131px; height: 27px; border: 1px solid #ababab; background: none; background: #fbfbfb}
.sub_search input[type="button"]{width: 42px; height: 29px; border: 1px solid #ababab; background: none; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+100 */ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */}
/* bullet_box */
.bullet_box{margin-top: 63px; margin-bottom: 63px; clear: both}
.bullet_box span, 
.bullet_box th, 
.bullet_box td, 
.bullet_box a, 
.bullet_box select, 
.bullet_box option, 
.bullet_box input{font-family:'챘혧�뮨р�뷜궗', Dotum; font-size: 12px; border-color: #e0e0e0}
.bullet_box .num{height: 29px; line-height: 29px; display:block; float: left; font-size: 13px}
.bullet_box .emp{font-weight: bold}
.bullet_box .con{padding-left: 10px; text-align: left}
.bullet_box input{height: 27px; line-height: 27px; padding-left: 10px; border-color: #d6d6d6}
.bullet_box .foot_btn .btn_box li a{font-size: 12px; font-weight: bold}
.bullet_box .foot_btn .btn_box li a.on{background: #818181}
.bullet_box .foot_btn .btn_box li a:over{background: #818181}

/* list */
.bullet_box .bullet_pw{width: 321px; height: 112px; line-height: 180%; padding-top: 26px; padding-bottom: 30px; border: 1px solid #b0b0b0; position: absolute; top: 370px; left: 490px; background-color: #f9f9f9; text-align: center; color: #535353}
.bullet_box .bullet_pw .pw{height: 29px; line-height: 29px; border-top: 1px solid #b0b0b0; padding-top: 24px; margin-top: 24px}
.bullet_box .bullet_pw .pw input{height: 29px; line-height: 29px; border: 0; padding: 0; margin: 0; vertical-align: middle}
.bullet_box .bullet_pw .pw input[type="text"]{width: 167px; margin-right: 2px; margin-left: 7px; border: 1px solid #cfcfcf; background-color: #ffffff}
.bullet_box .bullet_list{clear: both}
.bullet_box .bullet_list .bullet_listBtn{height: 30px; margin-bottom: 23px}
.bullet_box .bullet_list .bullet_listBtn .btn2{float: right}
.bullet_box .bullet_list .bullet_listBtn .btn2 li{float: left; margin-left: 3px}
.bullet_box .bullet_list .bullet_listBtn .btn2 li a{display: block; float: left}
.bullet_box .bullet_list .sub_list{clear: both}
.bullet_box .bullet_list .sub_list .list_top{width: 100%; height: 34px; line-height: 34px; border-top: 2px solid #7a7a7a; border-bottom: 1px solid #c4c4c4}
.bullet_box .bullet_list .sub_list .list_bottom{width: 100%; height: 34px; line-height: 34px; border-bottom: 2px solid #7a7a7a}
.bullet_box .bullet_list .sub_list>p>span{float: left}

/* view */
.comment p, 
.comment span, 
.comment textarea, 
.comment div,
.comment a{font-size: 12px; font-family: '챗쨉쨈챘짝쩌', Gulim}
.comment .enter{width: 100%; margin-bottom: 24px}
.comment .enter .top{width: 100%; margin-bottom: 11px; font-weight: bold}
.comment .enter .top span.cNum{float: right; margin-right:80px}
.comment .enter .bottom{clear: both; height: 56px}
.comment .enter .bottom span{display: block; float: left}
.comment .enter .bottom .btn{float: right}
.comment .enter .bottom .btn a{width: 74px; height: 56px; line-height: 56px; display: block; background-color: #00b6bd; color: #ffffff; font-size: 12px; font-weight: bold; text-align: center}
.comment .enter .bottom textarea{width: 1060px; height: 54px; border: 1px solid #d8d8d8; float: left; vertical-align: middle; resize: none}
.comment .enter .bottom input[type="button"]{width: 74px; height: 56px; background: #00b6bd; color: #ffffff; cursor: pointer}
.comment .output{width: 100%; margin-bottom: 46px; clear: both}
.comment .output ul:after{content: ''; display: block; clear: both}
.comment .output ul li{width: 100%; min-height: 115px; padding-top: 30px; border-bottom: 1px dotted #c7c7c7; float: left}
.comment .output .img{float: left; margin-right: 18px}
.comment .output .txt{width: 608px; min-height: 115px; line-height: 140%; padding-bottom: 15px; float: left}
.comment .output .txt p{margin-bottom: 16px}
.comment .output .btn{float: right; margin-right: 0}
.comment .output .btn span a{width: 15px; height: 25px; line-height: 27px; display: block; float: left; margin-left: 7px; padding-left: 29px}
.comment .output .btn .agr a{background: url(../img/sub/bullet_btn09.png) no-repeat; color: #ef565a}
.comment .output .btn .opp a{background: url(../img/sub/bullet_btn10.png) no-repeat; color: #417132}

/* write */
.bullet_write>.tit{margin-bottom: 20px; font-size: 14px}
.bullet_writeBtn{text-align: center; margin: 0 auto; display: table}
.bullet_writeBtn td{padding-left: 4px}
.bullet_writeBtn td.first{padding-left: 0px}
.bullet_writeBtn ul li{float: left}
.bullet_writeBtn ul li a{display: block; float: left}

/* �쒕툕�� */
.sub_tab{width: 100%; margin-bottom: 51px}
.sub_tab:after{content: ''; display: block; clear: both}
.sub_tab ul li{margin-right: 13px; margin-bottom: 13px; float: left}
.sub_tab ul li:last-child{margin-right: 0}
.sub_tab ul li a{width: 160px; height: 67px; line-height: 67px; border: 1px solid #C4C4C4; border-radius: 5px; display: block; color: #353535; font-size: 16px; text-align: center}
.sub_tab ul li.on a{border-color: #444444; background-color: #444444; color: #ffffff}
.sub_tab ul li:first-child a{border-top: 1px solid #c4c4c4}
@media screen and (max-width:1200px) {
	.sub_tab{padding: 0 15px}
	.sub_tab ul li{margin-right: 0; margin-bottom: 0; display: none; float: none}
	.sub_tab ul li.on{display: block}
	.sub_tab ul li.on a{background: url(../img/sub/sub_menu_arrow2.png) 95% center no-repeat #444444}
	.sub_tab ul li a{width: 100%; border-top: 0; margin: 0 auto; display: block}	
}

/* �쒕툕��2 */
.sub_tab2{width: 100%; margin-bottom: 20px; position: relative}
.sub_tab2:after{content: ''; display: block; clear: both}
.sub_tab2 .tab_line{width: 100%; height: 1px; position: absolute; z-index: 2; bottom: 0; background-color: #000000}
.sub_tab2 ul li{height: 65px; line-height: 65px; border: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; float: left; position: relative;	z-index: 1; background-color: #ffffff; color: #8f8f8f; font-size: 18px; text-align: center; cursor: pointer}
.sub_tab2 ul li.on{color:#ffffff; border-color: #4c4c4c; background: #4c4c4c}
.sub_tab2 ul li.on:after{content: ''; position: absolute; left: 50%; bottom: -10px; border-top: 5px solid #4c4c4c; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; transform: translate(-50%, 0)}
.sub_tab2 ul li.on a, .sub_tab ul li.on span{color: #ffffff}
.sub_tab2 ul li a:hover{
    color:#ee3f3f; 
}
.sub_tab2 ul li a{line-height: 65px; display: block}
.sub_tab2 .txt{height: 51px; line-height: 51px; margin-top: 10px; float: right; font-size: 20px}
.sub_tab2 .col{width: 50%;}
@media screen and (max-width:991px) {
	.tab_box1 .sub_tab2.mo_tab ul li{padding: 0; line-height: 140%; font-size: 11px}	
}
@media screen and (max-width:791px) {
    .sub_tab2 ul li{
        height: 40px;
    }
    .sub_tab2 ul li a {
        line-height: 40px;
    }
    .sub_tab2 .col {
        font-size: 10px;
    }
}


/* login */
#login_wrap{max-width: 1200px; padding: 50px 0}
.login_box{max-width: 600px; margin: 0 auto}
.login_box>h3{font-size: 28px; margin-bottom: 10px}
.login_box>p{line-height: 140%; margin-bottom: 26px; font-size: 13px; color: #6d6d6d}
.login_box input{border: 0; padding: 0; margin: 0; background: none; vertical-align: middle}
.login_box .l_txt, .login_box .l_btn1{width: 100%}
.login_box .l_txt input[type=text]::-o-input-placeholder,
.login_box .l_txt input[type=text]::-ms-input-placeholder,
.login_box .l_txt input[type=text]::-moz-input-placeholder,
.login_box .l_txt input[type=text]::-webkit-input-placeholder{color: #d4d4d4}
.login_box .l_txt input{width: 100%; height: 45px; line-height: 45px; padding-left: 10px; margin-right: 10px; margin-bottom: 7px; border: 1px solid #c3c3c3; display: block; vertical-align: middle; background-color: #ffffff; color: #6E6E6E}
.login_box .l_btn1 input{width: 100%; height: 101px; line-height: 101px; background-color: #464646; border-radius: 5px; color: #ffffff; font-size: 18px; font-weight: bold; cursor: pointer}
.login_box .seek{clear: both; margin-bottom: 7px}
.login_box .seek:after{content: ''; display: block; clear: both}
.login_box .seek .checkbox02{line-height: 32px; float: left; font-size: 13px}
.login_box .seek .seek_span{line-height: 32px;float: left;text-align: center;font-size: 12px;font-weight: bold;}
.login_box .seek .btn_box{float: right}
.login_box .seek .btn_box .l_btn2 a{width: 90px; height: 32px; line-height: 32px; margin-right: 3px; border-radius: 5px; display: block; float: left; background-color: #4D4D4D; text-align: center; color: #ffffff; font-size: 12px}
.login_box .seek .btn_box .l_btn3 a{width: 123px; height: 32px; line-height: 32px; display: block; float: left; background-color: #003184; text-align: center; color: #ffffff; font-size: 12px}
.join_in{max-width: 1200px; padding: 32px 0; margin: 0 auto; background-color: #ebebeb; color: #353535; text-align: center}
.join_in .btn4 a{width: 120px; height: 38px; line-height: 38px; margin: 19px auto 0; border-radius: 5px; display:block; background-color: #646464; color: #ffffff; font-size: 14px; text-align: center}
@media screen and (max-width:1200px) {
	.login_box{padding: 0 15px}	
}
@media screen and (max-width:767px) {
	.join_in{padding-left: 10px; padding-right: 10px}	
}

/* join	 */
#join_wrap{margin-bottom: 50px; position: relative}
#join_wrap:after{content: ''; display: block; clear: both}
.join_tit{margin-bottom: 51px}
.join_tit .tit{max-width: 778; height: 90px; line-height: 150%; padding-top: 24px; padding-left: 22px; background: url(../img/member/join_title_bg.jpg) no-repeat}
.join_tit .tit .style1{font-size: 18px; color: #212121}
.join_tit .tit .style2{font-size: 15px; color: #4d4d4d}
.join_tit .tit .style3{font-size: 15px; color: #c60000}
.join_tit .tab{height: 42px}
.join_tit .tab:after{content: ''; display: block; clear: both}
.join_tit .tab ul li{float: left}
.join_box1{width: 100%; line-height: 140%; font-size :14px}
.join_box1>.title{margin-bottom: 15px}
.join_box1>.con_tit{font-size: 15px; color: #2f2f2f; line-height: 150%; margin-bottom: 72px}

/* join1 */
.join_box1 .con1_wrap{position: relative}
.con1_wrap .con1{max-width: 607px; margin: 0 auto; text-align: center}
.con1_wrap .con1:after{content: ''; display: block; clear: both}
.con1_wrap .con1 li{min-width: 266px; min-height: 315px; padding-top: 50px; margin-bottom: 60px; float: left; background: url(../img/member/join_con1_bg.png) no-repeat center center; text-align: center}
.con1_wrap .con1 .img{margin-bottom: 15px}
.con1_wrap .con1 .txt{margin-bottom: 13px}
.con1_wrap .con1 .btn a{width: 134px; height: 33px; line-height: 33px; margin: 0 auto; display: block; background: url(../img/member/join_con1_btn.png) no-repeat; color: #ffffff; text-align: center}
.con1_wrap .con1_txt{text-align: center; color: #5a5a5a; margin-bottom: 79px}
.con1_wrap .user_suc{max-width: 440px; position: absolute; top: 0}
.con1_wrap .user_suc p.tit{height: 35px; line-height: 35px; padding-left: 13px; background-color: #373737; color: #ffffff; font-size: 15px; font-weight: bold; font-family: '챘혧�뮨р�뷜궗', Dotum}
.con1_wrap .user_suc .con{padding-top: 58px; border: 1px solid #d1d1d1; border-top: 0; text-align: center; background-color: #ffffff}
.con1_wrap .user_suc .con p{margin-bottom: 23px}
.con1_wrap .user_suc .foot{padding: 35px 20px 35px 57px; border: 1px solid #d1d1d1; border-top: 0; background: url(../img/member/join1_user_bg.png) no-repeat 22px 32px #f4f4f4; color: #373737; font-size: 11px; font-family: '챘혧�뮨р�뷜궗', Dotum}

/* join2 */
.con2_wrap input{vertical-align: middle}
.con2_wrap .join_check{width: 103px; height: 42px; line-height: 42px; padding-left: 10px; margin-bottom: 15px; float: right; border: 1px solid #d8d8d8; background-color: #f9f9f9; font-size: 15px}
.con2_wrap .con2{margin-bottom: 64px; clear: both}
.con2_wrap .con2 h3{height: 350px; margin-bottom: 15px; float: left; font-size: 18px; text-align: center; background-color: #f9f9f9; border: 1px solid #e6e6e6; border-right: 0; display: flex; align-items: center; padding: 20px}
.con2_wrap .con2 .foot>span{padding-left: 12px}
.con2_wrap .con2 .foot:after{content: ''; display: block; clear: both}
.con2_wrap .con2 .checkbox02{height: 42px; line-height: 42px; padding: 0px 10px 0px 10px; margin-bottom: 15px; float: right; border: 1px solid #d8d8d8; background-color: #f9f9f9; font-size: 15px;}
.con2_wrap .con2 .scroll{max-width: 1170px; height: 350px; line-height: 150%; padding: 40px 70px 0 15px; margin-bottom: 13px; overflow-y: scroll; border: 1px solid #e6e6e6; color: #707070; font-size: 13px}
.scroll::-webkit-scrollbar{width: 17px; border: 1px solid #e6e6e6}
.scroll::-webkit-scrollbar-track{background: #f0f0f0}
.scroll::-webkit-scrollbar-thumb{background: #767676}
.scroll::-webkit-scrollbar-button:decrement{background: url(../img/scroll_arrow_top.png) no-repeat center center #f0f0f0; height: 35px}
.scroll::-webkit-scrollbar-button:increment{background: url(../img/scroll_arrow_bottom.png) no-repeat center center #f0f0f0; height: 35px}
.con2_wrap .con2 .scroll>p{max-height: 100000px}
@media screen and (max-width: 425px){
	.con2_wrap .con2 h3{float: none; margin-bottom: 0; border-bottom: 0; border-left: 0; justify-content: center; height: auto;}
    .con2_wrap .con2 .scroll{
        height: 150px;
    }
}

/* join3 */
.con3_wrap .con3{position: relative; margin-bottom: 39px}
.con3_wrap .con3 h3{max-height: 100px; margin-bottom: 19px; font-size: 18px}
.con3_wrap p.foot_txt{max-height: 1000px; margin-bottom: 67px; font-size: 12px; font-family: '챘혧�뮨р�뷜궗', Dotum}
.con3_wrap p.foot_txt>span{color: #cd4800}
@media screen and (max-width:1200px) {
	.con3_wrap .con3 h3{padding: 0 5px}	
}
.idBox{width: 438px; border: 1px solid #000000; background-color: #ffffff; position: absolute; top: 0px; right: 42px; z-index: 50}
.idBox input{border: 0; padding: 0; margin: 0; background: none}
.idBox img{vertical-align: middle}
.idBox .title{height: 34px; line-height: 35px; background-color: #55627f; color: #ffffff; padding-left: 18px; font-size: 14px}
.idBox .title span{float: left; vertical-align: middle}
.idBox .title span.close_btn{float: right; margin-right: 14px}
.idBox .content{line-height: 140%; padding-top: 21px; padding-left: 18px; padding-bottom: 39px; background-color: #f6fbff}
.idBox .content p,
.idBox .content span,
.idBox .content input{font-size: 13px; font-family: '챘혧�뮨р�뷜궗', Dotum; vertical-align: middle}
.idBox .content input[type="text"]{width: 133px; height: 23px; line-height: 23px; border: 1px solid #3f3f3f; padding-left: 3px}
.idBox .content .tit{font-weight: bold; margin-bottom: 17px}
.idBox .content .con{margin-bottom: 23px}
.idBox .foot{padding: 6px 0; border-top: 1px solid #e2e2e2; background-color: #f2f5fa; text-align: center}
.idBox .foot a{width: 98px; height: 28px; line-height: 28px; margin: 0 auto;	border: 1px solid #384460; display: block; background-color: #55627f; color: #ffffff; font-size: 12px; text-align: center}
@media screen and (max-width:767px) {
	.idBox{width: 100%; top: 150px; right: 0}	
}

/* join4 */
.con4_wrap{text-align: center}
.con4_wrap .con4 .img{margin-bottom: 35px}
.con4_wrap .con4 .img img{margin: 0 auto}
.con4_wrap .con4 .txt1{font-size: 20px; margin-bottom: 9px}
.con4_wrap .con4 .txt2{font-size: 16px; color: #a4a4a4; margin-bottom: 25px}
.con4_wrap .con4 .userBox{max-width: 1198px; padding-top: 37px; padding-bottom: 29px; margin-bottom: 26px; border: 1px solid #e4e4e4; background-color: #f2f2f2; color: #55627f; font-size: 14px}
.con4_wrap .con4 .userBox .emp{color: #ed1b24}

/* id_seek */
.find_con{margin-bottom: 12px}
.find_con .con1>h3{font-size: 20px; margin-bottom: 11px}
.find_con .con1 p{margin-bottom: 25px}
.find_con .con1 .result{max-width: 1170px; padding: 37px 25px 29px; border: 1px solid #e4e4e4; background-color: #f2f2f2; text-align: center; color: #55627f; font-size: 16px}
.find_con .con1 .result .tit{color: #017fdf}
.find_con .con1 .result .userId{font-size: 20px; color: #fd7a32}
.find_con .con1 .result .txt{padding-bottom: 25px; border-bottom: 1px solid #d0d0d0; color: #2e2e2e; font-size: 13px}

/* guide */
/* apply */
.apply_box{width: 100%}
.apply_box:after{content: ''; display: block; clear: both}
.apply_box label{font-weight: normal}

.refund_box{max-width: 1200px; margin-bottom: 50px; position: relative; overflow: hidden}
.refund_box:after{content: ''; display: block; clear: both}
.refund_con{width: 50%; height: 230px; padding: 30px; border: 1px solid #dfdfdf; border-radius: 5px; float: left; position: relative}
.refund_con:first-child{width: calc(50% - 10px); margin-right: 10px}
.refund_con.bg1{background: url(../img/apply/icon_click.png) 94% 30px no-repeat}
.refund_con.bg2{background: url(../img/apply/icon_money.png) 94% 30px no-repeat}
.refund_con.bg3{background: url(../img/apply/icon_call.png) 80% 35px no-repeat}
.refund_con .tit{margin-bottom: 20px; font-size: 24px; font-weight: bold}
.refund_con .tit2{margin-bottom: 10px; color: #e03631; font-size: 30px; font-weight: bold; letter-spacing: -1px; word-break: break-all}
.refund_con .txt{height: 60px; margin-bottom: 20px; font-size: 16px; letter-spacing: -0.5px}
.refund_con .refund_btn{padding: 10px; color: #ffffff; font-size: 18px; text-align: center; background-color: #747575; cursor: pointer}
.refund_pop{width: calc(50% - 10px); border-radius: 5px; position: absolute; left: -50%; background-color: #efefef; transition: all .5s}
.refund_pop.refund_open{left: 0}
.refund_pop .refund_con{width: 100%}
.refund_pop .refund_close{position: absolute; top: 20px; right: 20px; font-size: 20px; cursor: pointer}

.refund_con2{    float: left; width: 141px;}
.refund_con2 .refund_btn{    display: block; margin: 4px 0 0 0; padding: 0 0 0 28px; height: 33px; line-height: 33px; background: #424242 url(/image/ico_sample.png) no-repeat 88px 8px; color: #fff; font-size: 15px;}

@media screen and (max-width:1200px) {
	.refund_box{padding: 0 15px;}
	.refund_con.bg1{background: none;}
	.refund_con.bg2{background: none;}
	.refund_con.bg3{background: none;}
	.refund_pop{width: calc(50% - 25px);}
	.refund_pop.refund_open{left: 15px;}	
}
@media screen and (max-width:767px) {
	.apply_box .box .sch{margin-right: 0}
	.apply_box .box .sch li{width: 100%}
	.apply_box .box .ap_btn a{margin: 0 auto; float: none}
	.biz_box ul li{font-size: 16px; text-align: center}
	.biz_box ul li img{margin: 0 auto}
	.biz_box ul li.bz_btn{clear: both; float: none}
	.biz_box ul li.bz_btn a{margin: 0 auto; float: none}
	.refund_con{width: 100%; height: 240px}
	.refund_con:first-child{width: 100%; padding: 30px 20px; margin-right: 0; margin-bottom: 10px}
	.refund_con .tit{margin-bottom: 10px; font-size: 22px}
	.refund_con .tit2{margin: 10px 0; font-size: 28px}
	.refund_con .txt{font-size: 15px}
	.refund_pop{width: calc(100% - 30px); margin: 0 15px; height: 240px; left: -100%}
	.refund_pop.refund_open{left: 0}
	.apply_d_box .top_box{padding: 20px}
	.apply_d_box .top_box .txt .t_tit{width: 60px}
}

.agree_box .agree{height: 200px; padding: 20px; border: 1px solid #cecece; overflow-y: scroll}
.agree_box .checkbox{text-align: right}
.agree_box .checkbox input[type="checkbox"]{margin: 0; position: static; vertical-align: middle;}
.agree_box .checkbox label{padding: 0; vertical-align: middle;}
.agree_box .emp{color: #dd3b38}

/* guide */
.guide_box{width: 100%}	
.guide_box img{max-width: 100%}
.guide_box ul li{padding: 20px 0; margin: 20px 0; border-bottom: 1px solid #b6b6b6; clear: both; display: flex; align-items: center}
.guide_box .tit{width: 320px; margin-bottom: 20px; float: left; color: #952F51; font-size: 20px; font-weight: bold}
.guide_box .txt{width: calc(100% - 350px); padding: 15px 0; float: right}
.guide_box .guide_btn{width: 200px; height: 40px; line-height: 40px; margin: 20px 0; border-radius: 5px; display: block; color: #ffffff; background-color: #666666; text-align: center}
@media screen and (max-width:1200px) {
	.guide_box{padding: 0 15px}	
}
@media screen and (max-width:768px) {
	.guide_box ul li{display: block}
	.guide_box .tit{width: 100%; display: block; float: none}
	.guide_box .txt{width: 100%; display: block; float: none}
	.guide_box .guide_btn{width: 100%}
}
@media screen and (max-width:767px) {
	.guide_box .title{font-size: 25px}
	.guide_box .g_tit{font-size: 18px; font-weight: bold}
}

/* other */
/* sitemap */
.sitemap_box>ul{clear: both}
.sitemap_box>ul:after{content: ''; display: block; clear: both}
.sitemap_box>ul>li{margin-bottom: 50px; float: left}
.sitemap_box>ul>li:first-child{margin-left: 0}
.sitemap_box>ul>li>.tit{height: 54px; line-height: 54px; padding-left: 20px; border-bottom: 2px solid #000000; font-size: 24px; font-weight: bold}
.sitemap_box>ul>li>ul>li>a{height: 54px; line-height: 54px; padding-left: 20px; border-bottom: 1px solid #dcdfe3; display: block; color: #666666; font-size: 16px}
.sitemap_box>ul>li>ul>li>a:hover{background: #000000; color: #ffffff; text-decoration: none}
@media screen and (min-width:1400px) {
	.sitemap_box>ul>li:first-child{padding-left: 0}
	.sitemap_box>ul>li:last-child{padding-right: 0}	
}

/* individual, access */
.text_box{height: 500px; padding: 20px; border: 1px solid #c5c5c5; color: #757575; overflow-y: scroll}
.text_box>p{max-height: 100000px; line-height: 180%}

/* email */
.text_box2{padding: 20px; border: 1px solid #c5c5c5; color: #999999}
.text_box2>p{max-height: 100000px; line-height: 150%}

/* support */
/* qna */
/* notice */
/* n_sBox */
.n_search{margin: 0 auto}
.n_sBox{display: table; margin: 0 auto 100px; clear: both;}
.n_sBox .n_sBox_sel{font-family: 'NotoSansKR','NanumBarunGothic', '�섎닎諛붾Ⅸ怨좊뵓', 'Open Sans', 'dotum'; width: 106px; height: 40px; padding-left: 15px; float: left; border: 1px solid #d6d6d6; border-radius: 5px 0 0 5px; box-shadow: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(../img/comm/icon_select.png) no-repeat 90% center}
.n_sBox_txt{max-width: 300px; height: 40px; float: left; position: relative; border: 1px solid #d6d6d6; border-left: 0; border-radius: 0 5px 5px 0}
.n_sBox_txt_t{font-family: 'NotoSansKR','NanumBarunGothic', '�섎닎諛붾Ⅸ怨좊뵓', 'Open Sans', 'dotum';width: 143px !important; height: 38px !important; padding-left: 15px !important; border: 0 !important; float: left !important}
.n_sBox_txt_b{width: 40px; height: 38px; float: left; border: 0 none; cursor: pointer; background: url(../img/comm/icon_search.png) no-repeat center center; text-indent: -9999px}
.n_myBox{display: table; margin: 0 auto 0px; clear: both}
.n_myBox .n_myBox_sel{font-family: 'NotoSansKR','NanumBarunGothic', '�섎닎諛붾Ⅸ怨좊뵓', 'Open Sans', 'dotum'; width: 150px; height: 40px; padding-left: 15px; float: left; border: 1px solid #d6d6d6; border-radius: 5px 0 0 5px; box-shadow: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(../img/comm/icon_select.png) no-repeat 90% center}
.n_myBox_txt{max-width: 300px; height: 40px; float: left; position: relative; border: 1px solid #d6d6d6; border-left: 0; border-radius: 0 5px 5px 0}
.n_myBox_txt_t{ font-family: 'NotoSansKR','NanumBarunGothic', '�섎닎諛붾Ⅸ怨좊뵓', 'Open Sans', 'dotum'; width: 200px !important;  height: 38px !important;  padding-left: 15px !important;  border: 0 !important;  float: left !important}
.n_myBox_txt_b{width: 40px; height: 38px; float: left; border: 0 none; cursor: pointer; background: url(../img/comm/icon_search.png) no-repeat center center; text-indent: -9999px}

@media screen and (max-width:600px) {
    .sub_banner{
        display:none;

    }
    .n_myBox .n_myBox_sel{}
    .n_myBox_txt{
        display:none;
    }
}
/* n_bBox */
.n_bBox{width: 100%; clear: both; color: #a5a5a5}	
.n_bBox ul li.n_bBox_tit{padding: 20px 0; border-top: 1px solid #d6d6d6; vertical-align: middle; background-color: #fcfcfc; text-align: center; font-weight: normal}
.n_bBox ul li{padding: 30px 0; border-top: 1px solid #d6d6d6; vertical-align: middle; display: flex; align-items: center; font-size: 14px}
.n_bBox ul li:last-child{border-bottom: 1px solid #d6d6d6}
.n_bBox ul li:after{content: ''; display: block; clear: both}
.n_bBox ul li > span{vertical-align: middle; padding-top: 3px; padding-bottom: 3px}
.n_bBox .n_bBox_con1{color: #686868}
.n_bBox .n_bBox_con2{color: #686868; text-align: left}
.n_bBox .n_bBox_con2 a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.n_bBox .n_bBox_con2 a:hover >span{transition: .1s; font-weight: 800}
.n_bBox .n_bBox_con2 .n_bBox_c2_t1{display: block; color: #ff7200; font-size: 16px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.n_bBox .n_bBox_con2 .n_bBox_c2_t2{display: block; color: #686868; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.n_bBox .n_bBox_con2 .n_bBox_c2_n1{color: #ff7200; font-size: 13px}
.n_bBox .n_bBox_con2 .n_bBox_c2_n2{color: #686868; font-size: 13px}

.n_bBox_icon{margin-right: 10px; padding: 5px 10px; font-size:13px; border: 2px solid;  border-radius: 16px; color: #ff4646; background-color: #ffebeb; border-color: #ff4646;}
.n_bBox_icon2{margin-right: 10px; padding: 5px 10px; font-size:13px; border: 2px solid;  border-radius: 16px;color: #3f72e0; background-color: #f5f5f5; border-color: #3f72e0;}
.n_bBox_icon3{margin-right: 10px; padding: 5px 10px; font-size:13px; border: 2px solid; border-radius: 16px; color: #4caf50; background-color: #4caf5014;border-color: #4caf50;}
.n_bBox_icon4{margin-right: 10px; padding: 5px 10px; font-size:13px;  border: 2px solid; border-radius: 16px; color: #f7da13; background-color: #656565;border-color: #f7da13;}

@media screen and (max-width:991px) {
}
@media screen and (max-width:768px) {
	.n_bBox ul li{display: block}	
}
@media screen and (max-width:500px) {
    .n_bBox_icon{
        font-size: 8px;
        padding: 3px 4px;
        border-radius: 3px;
    }
    .n_bBox_icon2{
        font-size: 8px;
        padding: 3px 4px;
        border-radius: 3px;
    }  
	.n_bBox_icon3{
        font-size: 8px;
        padding: 3px 4px;
        border-radius: 3px;
    }
    .n_bBox_icon4{
        font-size: 8px;
        padding: 3px 4px;
        border-radius: 3px;
    }
   
}
@media screen and (max-width:992px) {
	.n_bBox ul li{display: flex;}	
	.n_bBox .n_bBox_con2 {text-align: left;}
	.n_bBox .n_bBox_con1 {color: #686868; margin-right: 0px; margin-left: 10px;}		
}

/* n_bBtn */
.n_bBtn{clear: both; display: table; margin: 0 auto}
.n_bBtn ul li{float: left; margin-left: 5px}
.n_bBtn ul li:first-child{margin-left: 0}
.n_bBtn ul li.n_b_prev{margin-left: 0; margin-right: 15px}
.n_bBtn ul li.n_b_next{margin-left: 15px}
.n_bBtn ul li a{width: 28px; height: 28px; padding-top: 3px; border: 1px solid #d6d6d6; display: block; float: left; color: #8b8b8b; font-size: 14px; text-align: center}
.n_bBtn ul li a:hover,
.n_bBtn ul li a:focus{border-color: #545454; color: #000000}
.n_bBtn ul li.on a{border-color: #4b4b4b; color: #ffffff; background: #4B4B4B}

@media screen and (max-width:500px) {
.n_bBtn ul li a{width: 25px; height: 25px; padding-top: 3px; border: 1px solid #d6d6d6; display: block; float: left; color: #8b8b8b; font-size: 14px; text-align: center}
.n_bBtn ul li a:hover,
.n_bBtn ul li a:focus{border-color: #545454; color: #000000}
.n_bBtn ul li.on a{border-color: #4b4b4b; color: #ffffff; background: #4B4B4B}
	
}

/* notice_v */
.n_vB_top{width: 100%; padding: 20px 0; color: #ffffff; background-color: #555555}
.n_vB_top:after{content: ''; display: block; clear: both}
.n_vB_top .n_vBt_tit{float: left; font-size: 18px;  text-align: left; margin-left: 15px;}
.n_vB_top .n_vBt_name{float: left; font-size: 14px; font-weight: bold; text-align: right}
.n_vB_top .n_vBt_num{font-size: 13px; vertical-align: middle}
.n_vB_top .n_vBt_date{padding-right: 20px; font-size: 15px; vertical-align: middle;float: right;}
.n_vB_top .n_vBt_what{float: left; font-size: 15px; vertical-align: middle}
.n_vB_bot{padding: 50px 20px; margin-bottom: 40px; border-bottom: 1px solid #d6d6d6; font-size: 14px; text-align: left}
.n_vB_bot img{max-width: 970px;}
@media screen and (max-width:500px) {
	.n_vB_top .n_vBt_tit{float: left; font-size: 16px; font-weight: bold; text-align: left; margin-right: 15px; margin-left: 15px; }
	.n_vB_top .n_vBt_name{float: left; font-size: 14px; font-weight: bold; text-align: right; margin-left: 15px;}
	.n_vB_top .n_vBt_num{font-size: 13px; vertical-align: middle; margin-right: 15px;}
}

/* install1 */
.install_box ul{display: flex; flex-flow: wrap}
.install_box ul li{width: 33.3333%; padding: 20px 60px; border-bottom: 1px dashed #eaeaea; position: relative; text-align: center}
.install_box ul li:before{content: ''; height: 100%; border-right: 1px dashed #eaeaea; position: absolute; top: 0; right: 0}
.install_box ul li:after{content: ''; width: 81px; height: 81px; position: absolute; top: 50%; right: -40px; margin-top: -40.5px; background: url(../img/support/install_arrow.png) no-repeat;}
.install_box ul li>p{margin-bottom: 32px}
.install_box ul li:nth-child(3n):before,
.install_box ul li:nth-child(3n):after,
.install_box ul li:last-child:before,
.install_box ul li:last-child:after{display: none}
@media screen and (max-width: 767px){
	.install_box ul li{width: 50%;}
	.install_box ul li:nth-child(3n):before,
	.install_box ul li:nth-child(3n):after{display: block}
	.install_box ul li:nth-child(2n):before,
	.install_box ul li:nth-child(2n):after{display: none}
}
@media screen and (max-width: 525px){
	.install_box ul li{width: 100%; margin-bottom: 60px}
	.install_box ul li:nth-child(2n):before,
	.install_box ul li:nth-child(2n):after{border-right: 0; display: block}
	.install_box ul li:after{display: block; top: 100%; right: 50%; margin-right: -40.5px; transform: rotate(90deg)}
	.install_box ul li:last-child:after{display: none}
}
.install2_box{}

/* info */
.info_box{width: 100%}
.info_box .tit{margin-bottom: 40px; font-size: 22px; font-weight: bold; text-align: center}
.info_box .tit2{min-width: 230px; padding: 5px 0; margin-bottom: 20px; display: inline-block; background-color: #6e3b21; color: #ffffff; font-size: 16px; text-align: center}
.info_box img{max-width: 100%}
.info_box ul li{margin-bottom: 100px; text-align: center}
@media screen and (max-width:1200px) {
	.info_box{padding: 0 15px}	
}

/* greeting */
.greeting_box{width: 100%}
.greeting_box .tit{margin-bottom: 30px; font-size: 40px; font-weight: bold}
.greeting_box .tit2{margin-bottom: 10px; color: #653920; font-size: 18px}
.greeting_box .emp{color: #DE3B39; font-weight: bold}
.greeting_box .con{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #000000; position: relative; line-height: 200%}
.greeting_box .con:after{content: ''; display: block; clear: both}
.greeting_box .con .left{width: calc(100% - 121px)}
.greeting_box .con .right{margin-top: 20px; position: absolute; bottom: 0; right: 0}
.greeting_box .txt{clear: both}
.greeting_history ul{padding-left: 30px}
.greeting_history ul li{list-style: disc; line-height: 200%}
@media screen and (max-width:768px) {
	.greeting_box .tit{font-size: 33px; text-align: center}
	.greeting_box .con .left{width: auto}
	.greeting_box .con .right{width: 180px; padding-top: 20px; margin: 0 auto 40px; border: 1px solid #000000; box-shadow: 15px 15px 0 #5A5A5A; position: relative; text-align: center}
	.greeting_history{padding: 0 15px}	
}

/* boast */
.boast_box{width: 100%}
.boast_img{margin-bottom: 20px}
.boast_img img{max-width: 100%}
@media screen and (max-width:1200px) {
	.boast_box{padding: 0 15px}	
}
@media screen and (max-width:768px) {
	.boast_img img{max-width: 100%}
	.boast_img span{margin-bottom: 4px; display: inline-block}	
}

/* info2 */
.history_box{width: 100%; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #B0B0B0}
.history_box:after{content: ''; display: block; clear: both}
.history_box .emp{color: #d3165d}
.history_left{width: 20%; float: left; color: #afafaf; font-size: 58px; font-weight: bold}
.history_left>span:nth-child(2){margin-left: 20px}
.history_left .tit{color: #6e3b21; font-size: 58px}
.history_right{width: 80%; padding-left: 5%; float: right; border-left: 1px dashed #BEBEBE; color: #666666; font-size: 14px}
.history_right .num{width: 80px; display: inline-block; font-size: 16px; font-weight: bold}
.history_right .txt{width: calc(100% - 80px); display: inline-block; float: right}
.history_right ul li{margin-bottom: 20px; text-align: left}
@media screen and (max-width:768px) {
	.history_left{width: auto; padding-bottom: 20px; display: block; float: none; font-size: 50px; text-align: center}
	.history_left>span:nth-child(2){margin-left: 0px}
	.history_left .tit{margin-left: 0; font-size: 50px}
	.history_right{width: auto; display: block; padding-top: 40px; border-left: 0; border-top: 1px dashed #bebebe; float: none}	
}

/* teacher */
/* teacher */
.teacher_box{width: 100%; color: #353535}
.teacher_box ul li{padding-bottom: 30px; margin-bottom: 0px;     padding-top: 30px;border-bottom: 1px dashed #B6B6B6}
.teacher_box ul li:after{content: ''; display: block; clear: both}
.teacher_box3{width: 100%; color: #353535}
.teacher_box3 ul li{padding-bottom: 30px; margin-bottom: 0px;}
.teacher_box2{max-width: 600px; color: #353535}
.teacher_left{width: 20%; float: left}
.teacher_left .teacher_img{width: 242px; max-height: 260px; margin-bottom: 26px; position: relative; box-shadow: 15px 15px 0 #4d4d4d; padding-top: 20px; border: 1px solid #C7C7C7; background: url(../img/teacher/teacher_bg.png) no-repeat right bottom #ffffff; overflow: hidden}
.teacher_left .teacher_img img{max-width: 100%; margin: 0 auto; display: block; text-align: center}
.teacher_left .teacher_img2{width: 100%; margin-bottom: 26px; position: relative; padding-top: 20px; overflow: hidden}
.teacher_left .teacher_img2 img{max-width: 100%; margin: 0 auto; display: block; text-align: center}
.teacher_left .teacher_name{font-size: 16px; font-weight: bold; text-align: center}
.teacher_left .teacher_name ruby{font-size: 30px}
.teacher_left .teacher_name .txt{font-size: 30px}
.teacher_best{width: 100%; height: 30px; line-height: 30px; position: absolute; z-index: 10; left: 0; bottom: 0px; color: #ffffff; font-size: 13px; font-weight: bold; text-align: center; background-color: #FE8A3E}
.teacher_right{width: 75%; float: right}
.teacher_right .tit{width: 100%; padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #4D4D4D; font-size: 30px; font-weight: bold}
.teacher_right .tit2{width: 100%; padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #4D4D4D; font-size: 30px; font-weight: bold; text-align: center}
.teacher_right .tit .txt{font-size: 16px}
.teacher_btn{padding: 5px 10px; margin: 0 auto; border: 0; border-radius: 4px; display: block; color: #ffffff; font-size: 12px; font-weight: normal; background: #434343; box-shadow: 2px 2px 0 #000000; cursor: pointer}
.teacher_btn:active{margin-top: 2px; box-shadow: none}
@media screen and (max-width:1200px) {
	.teacher_right{width: 70%}	
}
@media screen and (max-width:768px) {
	.teacher_box{padding: 0 15px}
	.teacher_box3 ul li{padding-bottom: 30px; margin-bottom: 20px;}
	.teacher_box3{padding: 0 15px}
	.teacher_left{width: 100%; margin-bottom: 30px}
	.teacher_left .teacher_img{margin: 0 auto 26px}
	.teacher_right{width: 100%}
	.teacher_right .tit{padding-top: 20px; color: #ffffff; font-size: 18px; text-align: center; background-color: #353535}
	.teacher_right .tit .txt{display: block}	
}

/* mypage */
/* mystudy */
.calendar_top{display: table; margin: 0 auto 40px; font-size: 18px; font-weight: bold}
.calendar_top input{vertical-align: middle}
.calendar_top:after{content: ''; display: block; clear: both}
.calendar_top>span{width: 10px; margin: 0 10px; display: inline-block; vertical-align: middle; cursor: pointer}
.calendar_top>span.caln_date{width: 200px; text-align: center}
.calendar_bot ul li{margin-bottom: 10px}
.calendar_bot ul li:after{content: ''; display: block; clear: both}
.calendar_bot ul li span:first-child{margin-right: 5px; display: inline-block}
.calendar_bot ul li span b{width: 80px; display: inline-block}
.calendar_bot ul li span span{width: calc(100% - 170px); float: right}

/* table_calendar */
.table_calendar{width: 100%; margin-bottom: 30px}
.table_calendar th{height: 60px; border: 1px solid #4d4d4d; background-color: #4D4D4D; color: #ffffff; text-align: center}
.table_calendar td{height: 100px; border: 1px solid #CECECE; padding: 20px; font-size: 13px; vertical-align: top}
.table_calendar td.on{background-color: #fafafa; color: #FE8A3E; font-weight: bold}
.table_calendar td .comment{margin-bottom: 10px; display: block; border-bottom: 1px solid #fe8a3e}
.table_calendar td .comment2{margin-bottom: 10px; display: inline-block; color: #4D4D4D}
.table_calendar td .comment3{margin-bottom: 10px; display: inline-block; color: #4D4D4D; font-size: 12px}
.table_calendar p{margin-bottom: 3px}
@media screen and (max-width:768px) {
	.calendar{height: 430px; margin-bottom: 30px; border-bottom: 1px solid #cecece; overflow-y: scroll}
	.table_calendar{margin-bottom: 0}
	.table_calendar th{display: none}
	.table_calendar td{height: auto; min-height: 80px; border-bottom: 0; display: block}
	.table_calendar td.other_date{display: none}
}

/* lvtest_caution */
.lvtest_caution{padding:20px; color:#fff; background:#a3b4bf;}
.lvtest_caution .tit{display:inline-block;padding-bottom:7px;font-size:16px;font-weight:bold;border-bottom:1px solid #fff;}
.lvtest_caution li{margin-top:20px;font-size:13px;}
.lvtest_caution li:after{content:"";display:block;clear:both;}
.lvtest_caution li strong{color:#34313e;}
.lvtest_caution li span{float:left;}
.lvtest_caution li p{display:block;margin-left:15px;}


/* course */
.course_list{overflow:hidden;margin:74px 0 0 0;}
.course_list > li{float:left;width:480px;margin:0 0 50px 0;}
.course_list > li:nth-child(2n){margin-left:100px;}
.course_list > li > img{float:left;width:180px;height:237px;}
.course_list > li > dl{float:left;margin:0 0 0 20px;width:278px;}
.course_list > li > dl > dt{padding:0 0 16px 0;font-size:21px;font-weight:500;}
.course_list > li > dl > dd{}
.course_list > li > dl > dd > p{min-height:110px;font-size:13px;line-height:20px;word-break:keep-all;}
.course_list > li > dl > dd > a{display:block;width:155px;height:36px;line-height:36px;padding:0 0 0 25px;border-radius:4px;font-size:15px;}
.course_list > li > dl > dd > .btn_course_view{margin:0 0 12px 0;border:1px solid #424242;color:#424242; background: url(/image/blit_course1.png) no-repeat 125px 8px;}
.course_list > li > dl > dd > .btn_course_apply{border:1px solid #d71920;color:#d71920;background: url(/image/blit_course2.png) no-repeat 125px 8px;}

@media screen and (max-width:800px) {
	.course_list > li:nth-child(2n){margin-left:0px;}
	.course_list > li > img{float:left;width:60px;height:72px;}
}


.course_tit_level{display:block;width:115px;height:27px;line-height:27px;margin:60px auto 20px auto;background:#d71920;border-radius:27px;text-align:center;font-size:18px;color:#fff;font-weight:500;}
.course_tit_main{display:block;padding:0 0 23px 0; font-size:35px;color:#363636;text-align:center;font-weight:400;}
.course_top_img{text-align:center;margin:30px 0 24px 0;}
.course_top_img > li{display:inline-block;margin:0 10px;}
.couse_copy{margin:0 0 60px 0;text-align:center;font-size:18px;line-height:24px;font-weight:400;letter-spacing:-1px;}
.course_summary{overflow:hidden; padding-left: 100px; padding-right: 100px;}
.course_summary > li{float:left;margin-left:20px;}
.course_summary > li:first-child{margin-left:0;}
.course_summary > li.course_info{width:354px;height:42px;background:#f8f8f8;border:1px solid #e1e1e1;padding:12px 18px;}
.course_summary > li.course_info strong{float:left;margin:0 12px 0 0;font-size:15px;color:#d71920;line-height:22px;}
.course_summary > li.course_info p{float:left;font-size:14px;color:#363636;text-align:left;line-height:22px;letter-spacing:-1px;}
.course_summary > li.course_info span{float:left;font-size:15px;color:#363636;line-height:22px;}
.course_summary > li > .btn_apply_red{display:block;width:230px;height:80px;line-height:80px;background:#d71920; text-align: center; font-weight:500;font-size:22px; color:#fff;}

@media screen and (max-width:800px) {
	.course_summary{overflow:hidden; padding-left: 20px; padding-right: 20px;}
    }
@media screen and (max-width:450px) {
	.course_summary > li {float:left; margin-left: 0px;}
	.course_summary > li.course_info{width:300px;height:42px;background:#f8f8f8;border:1px solid #e1e1e1;padding:12px 18px;}
	.course_summary > li > .btn_apply_red{display:block;width:230px;height:80px;line-height:80px;background:#d71920; text-align: center; font-weight:500;font-size:22px; color:#fff; margin-left: 40px;}
	.course_top_img > li { display: none; margin: 0 10px;}
	}

.course_level_box{position:relative;min-height:102px;background:#4a4a4a;color:#fff;padding:22px 0;;margin: 0 0 50px 0;}
.leveltee{    position: relative;
   max-width: 1090px !important;
margin: 0 auto;}
.level{position:absolute;width:140px;height:135px;padding:20px 0 0 0;margin:-30px 0 0 0;background:#ff9f00; color:#fff;text-align:center;font-size:35px;}
.level > em{display:block;text-align:center;font-size:35px;font-weight:400;}
.course_level_box strong{font-size:24px;color:#ffc600;font-weight:400;margin:0 0 0 162px;}
.course_level_box p{margin:16px 0 0 162px;font-size:14px;line-height:22px;color:#fff;}

.course_detail{margin:0 0 12px 0;border:1px solid #e1e1e1;}
.course_detail > li{overflow:hidden;padding:20px;border-top:1px solid #e1e1e1;}
.course_detail > li:first-child{border-top:0;}
.course_detail > li > .detail_sample{float:left;width:141px;}
.course_detail > li > .detail_sample > img{width:139px;height:184px;border:1px solid #a8a8a8;}
.course_detail > li > .detail_sample > a{display:block;margin:4px 0 0 0;padding:0 0 0 28px;height:33px;line-height:33px;background:#424242 url(/image/ico_sample.png) no-repeat 88px 8px;color:#fff;font-size:15px;}
.course_detail > li > .course_detail_info{float:left;margin:0 0 0 30px;max-width:876px;}
.course_detail > li > .course_detail_info > .detail_tit{display:block;font-size:18px;color:#252525;}
.course_detail > li > .course_detail_info > .detail_copy{margin:16px 0 30px 0;font-size:14px;line-height:18px;color:#252525;word-break:keep-all;}
.course_detail > li > .course_detail_info > .detail_flow{display:block;width:86px;height:22px;line-height:22px;background:#d71920;border-radius:3px;text-align:center;color:#fff;font-size:14px; margin-top: 20px;}
.course_detail > li > .course_detail_info > .detail_flow2{display:block;width:86px;height:22px;line-height:22px;background:#ff6666;border-radius:3px;text-align:center;color:#fff;font-size:14px; margin-top: 5px;}
.course_detail > li > .course_detail_info > ul{margin:10px 0 0 0;}
.course_detail > li > .course_detail_info > ul > li{margin:0 0 2px 0;font-size:13px;line-height:18px;}
.course_detail > li > .course_detail_info > ul > li > strong{font-size:14px;margin:0 10px 0 0;}

@media screen and (max-width:450px) {
	.course_detail > li > .detail_sample {float:left; padding-left: 78px; width: 300px;}
	.course_detail > li > .course_detail_info {float: left;     min-width: 240px; text-align: center;}
	.course_detail > li > .course_detail_info > .detail_tit{display:block;font-size:18px;color:#252525;padding-top: 30px;}
	.course_detail > li > .course_detail_info > .detail_flow{display:block;width:86px;height:22px;line-height:22px;background:#c6a775;border-radius:3px;text-align:center;color:#fff;font-size:14px; margin-top: 20px; margin-left: 78px;}
	}

.course_foot_btn{overflow:hidden;display:block;height:62px;background:#f9ed20; margin:0 0 90px 0;font-size:24px;line-height:30px;color:#2c0e1d;}
.course_foot_btn > p{float:left;}
.course_foot_btn > p > strong{display:block;}
.course_foot_btn > span{float:right;margin:48px 24px 0 0;font-size:21px;font-weight:400;}

/* overflow */

.over_h{overflow:hidden;}


/* oder_pay */
.join_form_table{width: 100%; margin-bottom: 20px; border-top: 2px solid #4E4E4E; font-size: 14px}
.join_form_table caption{color: #353535; font-size: 16px; font-weight: bold}
.join_form_table tr{border-bottom: 1px solid #CECECE}
.join_form_table th{width: 20%; height: 48px; padding: 10px 15px; background-color: #E7E7E7}
.join_form_table td{width: calc(80% - 60px); height: 48px; padding: 10px 15px}
.join_form_table td>span{margin-right: 5px}
.join_form_table td>span:last-child{margin-right: 0}
.join_form_table .i_style{width: 80%; height: 34px; padding: 0 10px; border: 1px solid #dfdfdf; border-radius: 4px; background-color: #fff}
.join_form_table input{vertical-align: middle}
.join_form_table input[type="tel"],
.join_form_table input[type="text"],
.join_form_table input[type="email"]{max-width: 200px; width: 100%; height: 30px; padding-left: 9px; border-top: 1px solid #B2B2B2; border-left: 1px solid #B2B2B2; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; font-size: 13px; vertical-align: middle}

.join_form_table select{min-width: 65px; height: 30px; padding-left: 5px; border: 0; border: 1px solid #CECECE; color: #747474; vertical-align: middle}
.join_form_table select.select_type{width: 100%}
.join_form_table textarea{width: 100%; height: 300px; border: 0; border: 1px solid #cecece; border-radius: 5px; resize: none;}
.join_form_table .t_date input{width: 300px; padding-left: 0; text-align: center}
.join_form_table .t_caln img{vertical-align: top}
.join_form_table .t_coupon select{width: 153px}
.join_form_table .t_coupon input[type="button"]{width: 80px; height: 30px; line-height: 30px; border: 0; border: 1px solid #DC7F52; color: #ffffff; text-align: center; background-color: #ED8756}
.join_form_table .emp{color: #dd3b38}
.join_form_table .emp2{color: #dd3b38}
.join_form_table .emp3{color: #ea6922}
@media screen and (max-width:1024px) {
	.join_form_table input, .join_form_table select{margin-bottom: 4px}
	.join_form_table .emp{display: block}
}
@media screen and (max-width: 600px) {
	.join_form_table th{width: 110px; word-break: keep-all}
	.join_form_table td>span{display: inline}
	.join_form_table input[type="text"], .join_form_table select{width: 100%}
	.join_form_table td>span.t_date input{min-width: 200px; width: calc(100% - 39px)}
	.join_form_table .t_date_box select{min-width: 200px; width: calc(50% - 31.6px)}
	.join_form_table .t_caln{margin-right: 0}
	.join_form_table .t_coupon select{width: calc(100% - 89px)}
}


/* 踰꾪듉 怨듯넻 css */
/* btn_box */
.btn_wrap{margin: 0 auto 20px}
.btn_wrap .btn_box{text-align: center; margin: 0 auto; display: table}
.btn_wrap .btn_box span{display: block; float: left}
.btn_wrap .btn_box a{width: 120px; height: 42px; line-height: 42px; border-radius: 5px; display: block; float: left; text-align: center; font-size: 16px}
.btn_wrap .btn_box #btn_submit{background-color: #000000; color:#ffffff; width: 120px; height: 42px; line-height: 42px; border-radius: 5px; display: block; float: left; text-align: center; font-size: 16px}
.btn_wrap .btn_box #btn_submit:hover{border:1px solid #ee3f3f; color:#ee3f3f; background-color: #ffffff; cursor: pointer;}

.btn_wrap .btn_box .btn1 a{background-color: #000000; color: #ffffff}
.btn_wrap .btn_box .btn1 a:hover { border:1px solid #ee3f3f; color:#ee3f3f; background-color: #ffffff;}
.btn_wrap .btn_box .btn1:hover,
.btn_wrap .btn_box .btn1:focus{color: #7c7c7c; background-color: #ffffff; transition: .3s}
.btn_wrap .btn_box .btn2 a{width: 118px; height: 42px; line-height: 42px; border: 1px solid #eaeaea; background-color: #fbfbfb; color: #000000}
.btn_wrap .btn_box .btn2 a:hover { border:1px solid #ee3f3f; color:#ee3f3f; background-color: #ffffff;}
.btn_wrap .btn_box .btn3 a{width: 110px; height: 40px; line-height: 40px; background-color: #E17413; border-radius: 5px; color: #ffffff; font-weight: bold}
.btn_wrap .btn_box .btn4 a{width: 110px; height: 40px; line-height: 40px; background-color: #4D4D4D; border-radius: 5px; color: #ffffff; font-weight: bold}
.btn_wrap .btn_box .btn5 a{width: 206px; height: 56px; line-height: 56px; background-color: #ed1b24; color: #ffffff; font-size: 20px; font-weight: bold}
.btn_wrap .btn_box .btn6 a{width: auto; height: 45px; line-height: 45px; padding: 0 20px; background-color: #4D4D4D; color: #ffffff; font-size: 15px}

/* 踰꾪듉以� input type submit �쇱떆 class 吏��� */
.btn_wrap .btn_box .submit {width: 120px; height: 42px; line-height: 42px; border: 0px; border-radius: 5px; display: block; float: left; text-align: center;font-size: 16px;background-color: #000000; color: #ffffff;cursor: pointer; font-family: 'NotoSansKR','NanumBarunGothic', '�섎닎諛붾Ⅸ怨좊뵓', 'Open Sans', 'dotum';}
.btn_wrap .btn_box .submit:hover { border:1px solid #ee3f3f; color:#ee3f3f; background-color: #ffffff;}

@media screen and (min-width:1400px) {
	.btn_wrap.btn_fR{float: right}	
}
@media screen and (max-width:1200px) {
	.btn_box.right{margin: 0 auto; display: table; float: none}	
}

/* btn_box2 */
.btn_box2{display: table; margin: 0 auto}
.btn_box2>span{display: inline-block}
.btn_box2>span:first-child{margin-right: 10px}
.btn_box2 .btn1{width: 130px; height: 50px; line-height: 50px; border: 0; border: 1px solid #DC7F52; border-radius: 5px; display: block; float: left; color: #ffffff; font-size: 16px; text-align: center; background-color: #ED8756}
.btn_box2 .btn2{width: 130px; height: 50px; line-height: 50px; border: 0; border: 1px solid #C4C4C4; border-radius: 5px; display: block; float: left; color: #353535; font-size: 16px; text-align: center; background-color: #ffffff}
.btn_box2 .btn3{width: 80px; height: 45px; line-height: 45px; border: 0; border-radius: 5px; display: block; float: left; color: #ffffff; font-size: 16px; text-align: center; background-color: #4E4E4E}
.btn_box2 .btn4{width: 80px; height: 45px; line-height: 45px; border: 0; border: 1px solid #c4c4c4; border-radius: 5px; display: block; float: left; color: #353535; font-size: 16px; text-align: center}

/* btn_box3 */
.btn_box3{display: table; margin: 0 auto; float: right;    margin: 20px auto 20px;}
.btn_box3 .b3_btn1{width: 130px; height: 51px; border: 1px solid #a4a4a4; border-radius: 4px; color: #7c7c7c; font-size: 16px; background-color: #ffffff}
.btn_box3 .b3_btn1:hover,
.btn_box3 .b3_btn1:focus{color: #ffffff; background-color: #545454; transition: .3s; cursor:pointer;}

.btn_box3 .b3_btn2{font-family: 'NotoSansKR','NanumBarunGothic', '�섎닎諛붾Ⅸ怨좊뵓', 'Open Sans', 'dotum'; width: 130px; height: 51px; line-height: 51px; border: 1px solid #a4a4a4; border-radius: 4px; display: block; color: #ffffff; font-size: 16px; background-color: #000000; text-align: center}
.btn_box3 .b3_btn2:hover,
.btn_box3 .b3_btn2:focus{border:1px solid #ee3f3f; color:#ee3f3f; background-color: #ffffff;  cursor: pointer;}
.btn_box.right{float: right}

@media screen and (max-width:500px) {
.btn_box3 .b3_btn1{width: 80px; height: 51px; border: 1px solid #a4a4a4; border-radius: 4px; color: #7c7c7c; font-size: 16px; background-color: #ffffff}
.btn_box3 .b3_btn1:hover,
.btn_box3 .b3_btn1:focus{color: #ffffff; background-color: #545454; transition: .3s}	
.btn_box3 .b3_btn2{width: 80px; height: 51px; line-height: 51px; border: 1px solid #a4a4a4; border-radius: 4px; display: block; color: #ffffff; font-size: 16px; background-color: #000000; text-align: center}
.btn_box3 .b3_btn2:hover,
.btn_box3 .b3_btn2:focus{color: #7c7c7c; background-color: #ffffff; transition: .3s}
.btn_box.right{float: right}
}

/* button */
.button button{padding: 3px 10px; border: 1px solid #d8d8d8; border-radius: 4px; display: inline-block; background: #efefef; cursor: pointer}
.button.dgray button{border: 1px solid #000000; color: #ffffff; background: #434343}
.button.red2 button{border: 1px solid #C32121; color: #ffffff; background: #DE3B39}
.button.dred button{border: 1px solid #110404; color: #ffffff; background: #661516}
.button.blue2 button{border: 1px solid #176CAE; color: #ffffff; background: #2B91DD}

/* m_study	 */
.m_study_tit{margin-bottom: 30px; color: #FE6225; font-size: 30px; font-weight: bold}
.m_study_top{padding: 20px; border: 1px solid #c7c7c7; background-color: #eeeeee}
.m_study_top .tit{margin-bottom: 10px; font-size: 20px; font-weight: bold}
.m_study_video{width: 100%; background: url(../img/popup/video_bg.jpg) center center no-repeat; background-size: cover}
.m_study_list{padding: 20px; border: 1px solid #dedede}
.m_list_top{margin-bottom: 10px; font-size: 16px; font-weight: bold}
.m_list_con{color: #5a5a5a; font-size: 13px; line-height: 1.6em}
.m_list_btn{text-align: center; background-color: #3e3e3e}
.m_list_btn a{padding: 20px; display: block; color: #ffffff}
.m_study_arrow{color: #ffffff; background-color: #5a5a5a}
.m_study_arrow ul{width: 100%; display: table}
.m_study_arrow ul li{height: 50px; line-height: 50px; display: table-cell; color: #ADADAD; text-align: center}
.m_study_arrow ul li a{display: block}
.m_arrow_btn{width: 60px}
.m_text_icon{margin-right: 5px; padding: 3px 5px; display: inline-block; color: #ffffff; font-size: 12px; font-weight: normal;  text-align: center; background-color: #CA6162; vertical-align: middle}
.m_text_icon02{margin-right: 5px; padding: 3px 5px; display: inline-block; color: #ffffff; font-size: 12px; font-weight: normal;  text-align: center; background-color: #888888; vertical-align: middle}
@media screen and (max-width:767px) {
	.m_study_top .con>span{display: block}
}
.video-js .vjs-tech{position: relative}


/* count */
.count_box{}
.count_box .count{margin: 0 auto; display: table}
.count_box .count .arrow{padding-right: 4px; display: table-cell; vertical-align: middle}
.count_box .count .arrow button{width: 19px; height: 19px; border: 1px solid #d3d3d3; border-radius: 0; display: block; position: relative; text-indent: -9999px; background-color: #f4f4f4}
.count_box .count .arrow button:after{content: ''; width: 12px; height: 9px; position: absolute; top: 3px; left: 2px; background: url(../img/comm/arrow_bg02.png) no-repeat -18px 0}
.count_box .count .arrow button.top{margin-bottom: 6px}
.count_box .count .arrow button.bottom:after{background-position: -30px 0}
.count_box .count .arrow button:hover{border: 0; background-color: #777777}
.count_box .count .arrow button:hover:after{top: 4px; left: 3px; background-position-y: -9px}
.count_box .count .num{display: table-cell; vertical-align: middle}
.count_box .count .num input{width: 44px; height: 44px; border: 1px solid #e9e9e9; color: #777777; text-align: center}

.join_box{max-width: 1050px; margin: 0 auto}
.join_box:after{content: ''; display: block; clear: both}
.join_box .all_chk{padding: 20px; margin-bottom: 30px; border: 1px solid #464646; color: #464646; font-size: 20px; font-weight: 500; text-align: center}
.join_box .all_chk input[type="checkbox"]{width: 20px; height: 20px}
.join_box .chk_box{margin-bottom: 30px}
.join_box .chk_box .tit{margin-bottom: 7px; font-size: 18px; font-weight: 700}
.join_box .chk_box .con{height: 360px; padding: 20px; margin-bottom: 7px; border: 1px solid #BFBFBF; overflow-y: scroll; background: #F9F9F9}
.join_box .chk_box .agr{text-align: right}
.join_box .chk_box .agr input[type="checkbox"]{width: 16px; height: 16px}
.join_box .ident_box{padding: 30px; background: #F9F9F9; word-break: keep-all}
.join_box .ident_box .tit{margin: 10px 0 30px; color: #464646; font-size: 20px; text-align: center; letter-spacing: -1px}
.join_box .ident_box .txt{margin: 40px 0; text-align: center; letter-spacing: -1px}
.join_box .ident_box .ident_btn{max-width: 180px; width: 100%; height: 50px; line-height: 50px; padding: 0 20px; display: inline-block; color: #ffffff; font-size: 17px; background: #464646}
.join_box .ident_box .ident_btn:first-child{margin-right: 10px}
@media screen and (max-width:525px) {
	.join_box .ident_box{padding: 30px 20px}
	.join_box .ident_box .ident_btn{max-width: 100%}
	.join_box .ident_box .ident_btn:first-child{margin-right: 0; margin-bottom: 10px}
}
.text-center {
    text-align: center !important;
}


.saup_memo .list_num > li {padding-left: 12px;color: #666666;font-size: 14px;line-height: 28px;background-image: url(../img/edu/bullet_type01.png);background-repeat: no-repeat;background-position: 0 13px;word-break: keep-all;}
.saup_memo .tit {position: relative;padding-left: 12px;margin-bottom: 11px;font-size: 20px;line-height: 30px;color: #424242;font-weight: 500;letter-spacing: -0.5px;word-break: keep-all;}
.saup_memo .tit:before {position: absolute;top: 50%;left: 0; content: ""; display: block; width: 5px; height: 17px; margin-top: -8px; background-color: #1c7fcb;}
.saup_memo .img_box { padding-bottom: 20px; text-align: center;}
.saup_memo .sub_title .title{border-left:0px; padding-left: 35px;margin-bottom: 5px;font-size: 20px;line-height: 38px;color: #212121;font-weight: 500;letter-spacing: -0.4px;background-image: url(../img/edu/bullet_title_type03.png);background-repeat: no-repeat;background-position: left center;word-break: keep-all;}
.saup_memo .table_title {background: #f7f7f7; text-align: center;}
.saup_memo .list_num > li .span{
    position: relative;
    color: #666666;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: -0.4px;
    padding-left: 10px;
    word-break: keep-all;
}
.saup_memo .list_num > li .span:before{
	position: absolute;
	content: "-";
	top: 0;
	left: 2px;
}



/* myinfo */
.address_box .address_top {
    margin-bottom: 6px;
}
.address_box .address_input01 {
    max-width: 150px;
    background: #e2e2e2;
}
.address_box .address_input02 {
    max-width: 300px;
    background: #e2e2e2;
}
.btn_type10 {
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    border: 0;
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    background: #333333;
    cursor: pointer;
    font-family: 'NotoSansKR','NanumBarunGothic', '�섎닎諛붾Ⅸ怨좊뵓', 'Open Sans', 'dotum';
    
}