@charset "utf-8";

/* set */
body {font-size:17px !important;margin:0;padding:0;font-family:Arial, NotoSans, Noto Sans KR, Dotum, "돋움", sans-serif;color:#333;font-weight:600; overflow-x: hidden;background:#f5f5f5;}
input, select, button{font-family:  Arial, NotoSans, Noto Sans KR, Dotum, "돋움", sans-serif;}
body *{ box-sizing:border-box;}
a {color: #464646;}
::selection {background:#00940c;color:#fff;text-shadow:none;}

#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}
.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none !important;margin:0;padding:0}

/*Mobile*/
/*--상단--*/
.gnb .wrap{padding:0 20px;display:flex;justify-content: space-between;background:#0e237c;}
.gnb .lang{position: relative;}
.gnb .lang button{font-size:13px;color:#fff;background:none;border-right:1px solid #ffffff60;padding:15px 20px 15px 0;}
.gnb .lang button span{font-size: 0;display: block;width:10px;height:10px;background:url("/images/myjb/common/cmd_icon.png")no-repeat left -197px top -4px;float: right;margin:0 0 0 8px;}
.gnb .lang>div{display:none;position: absolute;left: -20px;top:44px;background: #fff;padding: 0 0 40px 0;width: 133px;box-shadow:0 5px 10px #ababab59;z-index: 8;border-radius: 0 0 15px 15px;}
.gnb .lang>div.on{display: block;}
.gnb .lang>div li{border-bottom: 1px solid #dddddd9c;}
.gnb .lang>div li:last-child{border-bottom:none;}
.gnb .lang>div li a{display: block;font-size: 14px;text-align: center;padding: 10px;}
.gnb .lang>div>button{width:24px;height: 24px;font-size:0;background: url("/images/myjb/common/cmd_icon.png")no-repeat left -50px top -50px #fff;padding: 0;position: absolute;bottom:10px;left: calc(50% - 12px);}

.gnb .gnb_r .black_back{background:#0000006e;width:100vw;height:100vh;position: absolute;left:0;top:0;z-index:1;}
.gnb .gnb_r>div{float:left; overflow: hidden;}
.gnb .join>button, .gnb .login>button{background:none;color:#fff;font-size:13px;padding:15px 5px;}
.gnb .join>button span, .gnb .login>button span{font-size:0;}
.gnb button#logout a{color:#fff;}
.gnb .layer_box{display:none;background:#fff;position: absolute;top: 15px;left:50%;padding:30px;width:90%;border-radius:20px;transform:translateX(-50%);z-index:2;max-width: 800px;box-shadow: 0 8px 10px #0000002b;}
.gnb .layer_box.on{display:block;}
.gnb .layer_box h2{text-align: center;font-size:24px;}
.gnb .layer_box>div{margin-top: 30px;position:relative;}
.gnb .layer_box button{display:block;width:19px;height:20px;font-size:0;background: url("/images/myjb/common/cmd_icon.png")no-repeat top -52px left -51px;position: absolute;top: 20px;right: 20px;}
.gnb .join .userInfo li{margin:0 0 10px 0;overflow:hidden;display:flex;flex-wrap:wrap;}
.gnb .join form label{font-weight: 700;width:100%;color:#222;}
.gnb .join form label .ess{color:#0078f3;font-weight:500;}
.gnb .join form li:nth-child(1) input[type=text],
.gnb .join form li:nth-child(2) input[type=text]{width:calc(100% - 96px);}
.gnb .join form input[type=text],
.gnb .join form input[type=password],
.gnb .join form input[type=email]{display:block;padding:14px 20px;font-size:14px;background:#f5f5f5;border-radius:8px;margin:10px 0 0 0;width:100%;}
.gnb .join form input[type=button]{display:block;border-radius:8px;color:#0078f3;font-size:14px;border:1px solid #0078f3;background:#fff;box-sizing:border-box;width:86px;height:46px;text-align:center;margin: 10px 0 0 0;cursor: pointer;}
.gnb .join form input[type=text]:focus,.gnb .join form input[type=password]:focus,
.gnb .join form input[type=email]:focus{outline:1px solid #0078f3;}
.gnb .join form li:nth-child(6) input[type=text]{padding:14px;width:80px !important}

.gnb .join .joinGuide{margin:20px 0 0 0;}
.gnb .join .joinGuide p{font-size:14px;font-weight:700;color:#222;margin-bottom:3px;}
.gnb .join .joinCheck{margin-top:10px;}
.gnb .join .joinCheck input[type=checkbox]{display:none;}
.gnb .join .joinCheck input[type=checkbox] + label{display:inline-block;width:17px;height:17px;background:url("/images/myjb/common/checkbox.png")no-repeat bottom;cursor:pointer;}
.gnb .join .joinCheck input[type=checkbox]:checked + label{background-position-y:2px;}
.gnb .join .joinCheck label span{font-size:13px;font-weight:600;color:#585858;display: block;width: max-content;padding: 2px 0 0 20px;float: left;}
.gnb .join .joinCheck a{display: block;font-size:13px;color:#0078f3;text-decoration:underline;float: right;}
.gnb .join .joinCheck>div{display:none}
.gnb .join .joinCheck>div.on{display:block;}
.gnb .join .joinBtn{margin:40px 0 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.gnb .join .joinBtn li{width:50%;text-align:center;max-width:224px;border-radius:50px;overflow:hidden;}
.gnb .join .joinBtn li input[type=submit]{background:linear-gradient(to right, #0097de, #007ff2);width:100%;height:100%;padding:15px;color:#fff;font-size:14px;font-weight:600;}
.gnb .join .joinBtn li a{display:block;font-size:14px;padding:15px;color:#fff;background:#979797;}
.gnb .join li select{border:1px solid #ddd;padding:7px 0;margin: 10px 10px 0 0;border-radius: 5px;width: 30%;min-width: 120px;}
.gnb .join li .v_etc{width: 65% !important;}

.gnb .login .layer_box{display:none;}
.gnb .login .layer_box.on{display:block;}
.gnb .login .logo{margin:40px 0;display:flex;justify-content:center;flex-wrap: wrap;}
.gnb .login .logo>img{height:45px;}
.gnb .login .logo h2{font-size:30px;color:#4e4e4e;font-family:'NpsFont';margin:0 0 0 40px;font-weight: 800;}
.gnb .login .logo h2 strong{font-size:36px;color:#0177f3;line-height: 30px;}
.gnb .login form ul li{margin:0 0 10px 0;}
.gnb .login form label{font-weight: 700;width:100%;color:#222;}
.gnb .login form input[type=text],
.gnb .login form input[type=password]{display:block;padding:14px 20px;font-size:14px;background:#f5f5f5;border-radius:8px;margin:10px 0 0 0;width:100%;}
.gnb .login form input[type=text]:focus,.gnb .login form input[type=password]:focus{outline:1px solid #0078f3;}
.gnb .login form ul li:first-child{position:relative;}
.gnb .login .idSave{position: absolute;top:0;right:72px;}
.gnb .login .idSave input[type=checkbox]{display:none;}
.gnb .login .idSave input[type=checkbox] + label{display:inline-block;width:17px;height:17px;background:url("/images/myjb/common/checkbox.png")no-repeat bottom;cursor:pointer;}
.gnb .login .idSave label span{font-size:14px;font-weight:600;color:#585858;display: block;width: max-content;padding: 2px 0 0 20px;float: left;}
.gnb .login .idSave input[type=checkbox]:checked + label{background-position-y:2px;}
.gnb .login form input[type=submit]{background:linear-gradient(to right, #0097de, #007ff2);width:100%;padding:15px;color:#fff;font-size:15px;font-weight: 600;border-radius:50px;margin:15px 0;}
.gnb .login .join_txt{font-size:13px;color:#585858;margin: 0 auto;width: fit-content;}
.gnb .login .join_txt p{width: fit-content;float:left;margin-right:8px;}
.gnb .login .join_txt strong{color:#222;}
.gnb .login .join_txt a{display: inline-block;font-weight:700;text-decoration: underline;color: #007ff2;}
.gnb .login .snsLogin{margin-top:40px;}
.gnb .login .snsLogin p{font-size: 13px;color:#585858;margin-top:10px;}
.gnb .login .snsLogin ul{display:flex;justify-content: center;margin-top:20px;}
.gnb .login .snsLogin li{margin:0 10px;}
.gnb .login .snsLogin li a{display:block;font-size:0;width:50px;height:50px;border-radius:50%;background:url("/images/myjb/common/sns_icon.png")no-repeat;}
.gnb .login .snsLogin .kakao a{background-position: -3px -2px;}
.gnb .login .snsLogin .google a{border:1px solid #ddd;background-position: -3px -79px;}

header .m_search{display:none;}

/*--메뉴--*/
.left_con{background:#fff;}
.left_con h1{display:flex;justify-content:center;padding: 40px 0;}
.left_con h1>img{height:45px;}
.left_con h1 p{font-family: 'NpsFont';font-size:36px;color:#4e4e4e;margin-left:30px;}
.left_con h1 p strong{font-size:48px;line-height:36px;color:#0077f3;}
.left_con div:first-child > p{padding: 0 40px;word-break:keep-all;text-align:center;color:#787878;line-height:24px;}
.left_con>div:last-child{padding:30px 20px;margin-top:30px;border-radius:50px 50px 0 0;background:url("/images/myjb/main/left_bg.jpg")no-repeat center top;background-size:cover;}
.left_con .m_search{position:relative;margin-bottom:30px;}
.left_con .m_search input[type=text]{width:100%;border-radius:50px;padding: 20px;background:#fff;}
.left_con .m_search input[type=submit]{width:30px;height:30px;position:absolute;top:50%;right: 22px;transform:translateY(-50%);font-size:0;background:url("/images/myjb/common/cmd_icon.png")no-repeat;}

.left_con .m_search .sch_pop{display:none;}
.left_con .m_search .sch_pop.on{display:block;background:#fff;border:solid 1px #0077f3;border-radius:30px;padding:20px;position:absolute;top:55px;left:0;width:100%;z-index: 1;}
.left_con .m_search .sch_pop li a{display:inline-block;padding:5px;font-size:15px;}

.left_con .quickLink ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
.left_con .quickLink li{width:48%;}
.left_con .quickLink li:last-child{width:100%;margin-top:10px;}
.left_con .quickLink li a{display:block;padding: 22px 20px;border-radius:10px;background: #0e227c6b;border:1px solid #ffffff42;color:#fff;overflow: hidden;height: 100%;}
.left_con .quickLink li a::before{content:"";display: block;width:40px;height:40px;background:url("/upload_data/board_data/BBS_0000010/172836891834943.png")no-repeat;float:left;}
.left_con .quickLink li:nth-child(2) a::before{background-position-y: -57px;}
.left_con .quickLink li:nth-child(3) a::before{background-position-y: -111px;}
.left_con .quickLink li span{text-align:right;float:right;width:55%;word-break:keep-all;font-size: 16px;line-height:22px;display: block;}

header nav{float: left;}
header nav>button{display: block;width:25px;height:17px;background:url("/images/myjb/common/sitemap.png")no-repeat;font-size:0;margin:13px 0 0 10px;background-size:cover;}
header .menu{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:9;background:#fff;padding:20px;}
header .menu.on{display: block;}
header .menu h2{padding:0 0 20px 0;border-bottom:1px solid #4e4e4e;}
header .menu h2 img{width:100px;margin-right:20px;}
header .menu h2 strong{font-family:'NpsFont';color:#4e4e4e;font-size:24px;display:inline-block;margin:8px 0 0 20px;}
header .menu h2 span{color:#0077f3;font-weight:800;font-size:34px;line-height:24px;}
header .menu li{border-bottom:1px solid #ddd;}
header .menu li a{display:block;padding: 10px 0;letter-spacing:-.5px;position:relative;line-height: 1.2em;}
header .menu li.on>a{color:#0077f3;}
header .menu li a:after{content:"";display:block;width:14px;height: 8px;position:absolute;background: url("/images/myjb/common/cmd_icon.png")no-repeat left -220px top -8px;top: 50%;right: 0;transform: translateY(-50%);opacity: 0.6;}
header .menu li .depth_box{display:none;background:#eff2f9a3;padding:20px 0 0 0;border-top:1px solid #0077f3;}
header .menu li.on .depth_box{display:block;}
header .menu li.on a:after{transform:rotateZ(-180deg);top: 42%;}
header .menu li li{border-bottom:0;}
header .menu li li a{padding:0 0 20px 20px;font-size:15px;color:#666;letter-spacing:0;}
header .menu li li a:after{display:none;}
header .menu li li>ul{margin-bottom:10px;}
header .menu li li li a{font-size:14px;padding:0 0 12px 20px;font-weight:500;}
header .menu li li li a:before{content:"";display:block;width:5px;height:5px;background:#888888;float:left;margin:6px 8px 0 0;border-radius:50px;}
header .menu li li:last-child{border-bottom:0;}
.new_win{display:inline-block;font-size:0;width:15px;height:15px;background: url("/images/myjb/common/cmd_icon.png")no-repeat right -2px top -58px;margin:2px 0 0 5px;}

header .menu>button{position:absolute;top: 30px;right:20px;width:25px;height:25px;font-size:0;background: url("/images/myjb/common/cmd_icon.png")no-repeat left -48px top -50px;}

header .sitemap{display:none;}

header .menu .platform{margin-top:20px;}
header .menu .platform a{display:block;border-radius:5px;padding: 20px 12px 20px 13px;background:rgba(0,0,0,0.75);color:#fff;font-size: 13px;}
header .menu .platform a span{position:relative;display:inline-block;height:25px;background:url("/upload_data/board_data/BBS_0000010/172584731356140.png") no-repeat left center;padding: 3px 15px 0 45px;}
header .menu .platform a span:after{display:block;content:">";position:absolute;top:3px;right:0;}

/*--하단--*/
footer ul{padding: 12px 20px;background:#eff2f9;overflow:hidden;}
footer li{float:left;margin-right:20px;}
footer li a{font-size:14px;color:#8c8c8c;}
footer>div>div{padding:20px;font-size:14px;color:#8c8c8c;}
footer address{font-style:normal;word-break:keep-all;line-height:20px;}
footer address a{color:#8c8c8c;}
footer .copy{margin-top:10px;line-height:20px;}
footer .copy span{color:#222;}

/*Tablet*/
@media all and (min-width:768px) {

header .menu .platform{width:280px;margin:20px auto;}


}

/*PC*/
@media all and (min-width:1023px) {
header{position:fixed;width:100%;z-index:2;}
.gnb .wrap{background:#fff;border-bottom:1px solid #ddd;padding: 0 50px;}
.gnb .join>button, .gnb .login>button{font-size: 16px;color:#333;padding: 20px 15px;}
.gnb button#logout a{color:#333;}
header .sitemap{display:block;width:62px;height:62px;font-size:0;background:url("/images/myjb/common/sitemap.png")no-repeat center #0e237c;float: left;margin-left: 15px;}
.gnb .lang button{display:none;}
.gnb .lang>div{display:block;box-shadow: none;padding: 0;position: static;width: auto;margin-top: 15px;}
.gnb .lang>div li{float:left;border: none;margin-right:10px;}
.gnb .lang>div li a{width: 33px;height: 33px;background:url("/images/myjb/common/lang_icon.png")no-repeat left top;font-size:0;padding: 0;border: 1px solid #ddd;border-radius:50%;}
.gnb .lang>div li.kor a{background-position: -1px -1px;}
.gnb .lang>div li.eng a{background-position: -1px -46px;}
.gnb .lang>div li.viet a{background-position: -2px -92px;}
.gnb .lang>div li.cha a{background-position: -2px -137px;}
.gnb .lang>div li.mong a{background-position: -1px -181px;}
.gnb .lang>div li.nepal a{background-position: -1px -226px;}
.gnb .lang>div li.camb a{background-position: -1px -271px;}
.gnb .lang>div li.thai a{background-position: -1px -316px;}
.gnb .lang>div li.rus a{background-position: -1px -361px;}
.gnb .lang>div li.uk a{background-position: -1px -590px;}
.gnb .lang>div li.ca a{background-position: -1px -408px;}
.gnb .lang>div li.au a{background-position: -1px -452px;}
.gnb .lang>div li.nz a{background-position: -1px -497px;}
.gnb .lang>div li.il a{background-position: -1px -543px;}

.gnb .layer_box{height: 95vh;overflow-y:auto;}
    
header nav>button{display:none;}
header .menu{display:block;width: 360px;background:none;top: 400px;left: 0;padding: 50px 40px;height: fit-content;}
header .menu h2{display:none;}
header .menu li{border:none;position: relative;}
header .menu li.on>a{color:#fff;padding: 12px 0;}
header .menu li a{font-size: 21px;color: #fff;font-weight: 400;}
header .menu li a:hover{text-decoration:underline;}
header .menu li a:after{display:none;}
header .menu li:hover .depth_box, header .menu li.on:hover .depth_box{display:block;}
header .menu li.on .depth_box{display:none;}
header .menu li .depth_box{background:#183788;border-radius: 8px;border:none;left: 280px;top: 0;width: 100%;padding: 20px 0;position: absolute;}
header .menu li li a{color:#fff;padding: 0 0 20px 20px;font-size: 16px;}
header .menu li li:last-child a{padding: 0 0 0 20px;} 
header .menu li li>ul{display:none;}
header .menu .new_win{background-position: -50px -2px;}
header .menu>button{display:none;}

header .m_search{display:block;position:absolute;top: 340px;left:30px;width: 300px;overflow: visible !important;}
header .m_search input[type=text]{width:100%;border-radius:50px;padding: 20px;background:#fff;}
header .m_search input[type=submit]{width:30px;height:30px;position:absolute;top:50%;right: 22px;transform:translateY(-50%);font-size:0;background:url("/images/myjb/common/cmd_icon.png")no-repeat;}
header .m_search .sch_pop{display:none;}
header .m_search .sch_pop.on{display:block;background:#fff;border:solid 1px #0077f3;border-radius:30px;padding:20px;position:absolute;top:55px;left:0;width:100%;z-index: 34;}
header .m_search .sch_pop li a{display:inline-block;padding:5px;font-size:15px;}


.left_con{width: 360px;height: 100%;position: fixed;top: 0;left: 0;padding: 63px 0 0 0;min-height: 860px;z-index: 1;}  
.left_con h1{padding: 60px 0 30px 0;}
.left_con div:first-child > p{/* font-size:15px; */line-height:24px;}
.left_con>div:last-child{margin-top: 30px;padding: 40px;height: 100%;border-radius:0 50px 0 0;}
.left_con .quickLink{position:absolute;bottom:0;left:0;background: #0e237c94;padding: 35px 20px;}
.left_con .quickLink li{width:33% !important;border-right:1px solid #ffffff47;}
.left_con .quickLink li:last-child{margin:0;border:none;}
.left_con .quickLink li a{background:none;border:0;padding: 0 10px;text-align: center;}
.left_con .quickLink li span{float: none;font-size: 16px;text-align: center;width: auto;}
.left_con .quickLink li a::before{float:none;margin: 0 auto;}
.left_con .quickLink li:nth-child(2) a::before{background-position-y:-52px;}

header.sub .m_search{top:230px;}
header.sub .m_search input[type=text]{border:1px solid #0077f3;box-shadow:0 0 10px #3d83d536;}

.left_con .m_search{display:none;}

footer{padding-left: 360px;}
footer ul{display:flex;justify-content:center;}
footer li{margin-right:50px;}
footer>div>div{text-align:center;}
footer .copy{display:inline;width:fit-content;}
}


/*서브레이아웃*/
.sub_container .left_con{display:none;}
.sub_container .s_title{text-align: center;padding: 30px 0;background:url("/images/myjb/common/s_title_bg.jpg")no-repeat left top #3e84d5;background-size:cover;position: relative;}
.s_title .tit{padding:0 20px;color:#fff;}
.s_title .tit p{font-size:15px;word-break:keep-all;margin:0 auto 15px;line-height:1.3rem;width:80%;font-weight:500;}
.s_title .tit h3{font-family:'NpsFont';font-size:30px;text-shadow:0 3px 5px #00000038;}
.s_title .location{overflow:hidden;margin: 30px auto;width:fit-content;}
.s_title .location li{float:left;padding-right:30px;position:relative;}
.s_title .location li a{display:block;color:#fff;font-weight:500;font-size: 15px;}
.s_title .location li:after{content:"";display:block;width:12px;height:20px;background: url("/images/myjb/common/cmd_icon.png")no-repeat right -54px bottom -5px;position:absolute;top:0;right: 7px;}
.s_title .location li:last-child{padding-right:0;}
.s_title .location li:last-child:after{display:none;}
.s_title .location li.home a{font-size:0 !important;width:23px;height: 23px;background:url("/images/myjb/common/cmd_icon.png")no-repeat left top -101px;}
.sub_container .right_con .s_con{padding: 20px 20px 40px 20px;}

.utill{position: absolute;right: 20px;bottom: 0;}
.utill>li{display:inline-block;}
.utill>li>a{border-radius: 8px 8px 0 0;width:54px;height: 40px;font-size: 0;display: block;}
.utill .share>a{background: url("/images/myjb/common/cmd_icon.png")no-repeat #fff right 9px bottom 2px;border: 1px solid #007cf370;}
.utill .share>div{display:none;position:absolute;z-index:1;border-radius:8px;left: 0;top: 47px;padding: 3px;}
.utill .share>div.on{display:block;}
.utill .share>div button{width: 46px;height:40px;border-radius:8px;background: url("/images/myjb/common/cmd_icon.png")no-repeat left -39px top -43px #fff;font-size:0;border: 1px solid #ddd;margin: 0 2px;box-shadow: 0 5px 8px #00000026;}
.utill .share li{margin-bottom:5px;}
.utill .share li a{display:block;width: 47px;height: 47px;font-size:0;background:url("/images/myjb/common/share_i.png")no-repeat top left;border-radius: 50px;box-shadow: 0 5px 8px #00000024;}
.utill .share .kakao a{background-position:-1px -58px;}
.utill .share .link_copy a{background-position: -1px -115px;}
.utill .list_go>a{background:#0e237c;color:#fff;font-size:15px;text-align:center;line-height: 40px;}

@media all and (min-width:1023px) {
.sub_container .s_content{overflow:hidden;position:relative;padding:63px 0 0 0;}
.sub_container .left_con{display:block;} 
.sub_container .left_con h1{padding-bottom:0;}
.sub_container .left_con h1>img{height:45px;}
.sub_container .left_con div:first-child > p{display:none;}
.sub_container .left_con>div:last-child{background:#fff;margin-top: 10px;}
.sub_container .left_con .m_search input[type=text]{border:1px solid #0077f3;box-shadow:0 0 10px #3d83d536;}
.sub_container .left_con .quickLink{background:#fff;border:1px solid #0077f3;border-radius:20px;margin:20px;width: 320px;}
.sub_container .left_con .quickLink li a{color:#222;padding: 0;}
.sub_container .left_con .quickLink li:nth-child(1) a::before{background-position-x: -57px;}
.sub_container .left_con .quickLink li:nth-child(2) a::before{background-position-x: -57px;}
.sub_container .left_con .quickLink li:nth-child(3) a::before{background-position-x: -57px;}

header.sub .menu li .depth_box{background: #eff2f9;box-shadow: 3px 3px 10px #0000001f;}
header.sub .menu li.on .depth_box{padding: 20px 0;border: none;border-radius: 8px;}
header.sub .menu li a{color:#222;font-weight:600;}
header.sub .menu li.on>a{padding: 20px 0 15px 0;}
header.sub .menu li li a{padding: 0 0 20px 20px;color: #222;font-size: 16px;}
header.sub .menu li li:last-child a{padding: 0 0 0 20px;}
header.sub .menu li:hover>a{color:#0077f3;}
header.sub .menu{top:300px;}
header.sub .menu .new_win{background-position: right top -58px;width: 17px;}
header.sub .menu li li>ul{display:none;}
    
.sub_container .right_con{box-sizing:border-box;padding-left:360px;}
.sub_container .right_con:before{height: 264px;min-width: 1540px;left: auto;top: 63px;}
.sub_container .right_con .s_con{padding: 40px;overflow: hidden;}
.sub_container .s_title{padding: 80px 40px 40px 40px;text-align:left;overflow: inherit;display: flex;flex-wrap: wrap;justify-content: end;}
.sub_container .s_title .tit{padding: 0;width: 100%;}
.sub_container .s_title .tit p{font-size:18px;width: auto;margin: 0 0 20px 0;line-height:1.4em;}
.sub_container .s_title .tit h3{font-size:48px;}
.sub_container .s_title .location{margin: 30px 40px 0 0;}
.sub_container .s_title .location li a{font-size:17px;}
.sub_container .s_title .utill{position: inherit;right: auto;bottom: auto;margin-top: 5px;}
.utill .share{margin-right:5px;}
.utill>li>a{border-radius:8px;}
}

@media all and (min-width:1600px) {
.sub_container .right_con .s_con{padding: 70px 110px 40px 110px;}
.sub_container .s_title{padding: 84px 110px 40px 110px;}    
.sub_container .s_title .tit p{font-size:20px;}
}           


.gnb .join form li:nth-child(1) label{width:100%;}
.gnb .join form li:nth-child(1) input[type=text]{display:inline-block;width:100%;/* margin-right:20px !important; */}
.gnb .join form li:nth-child(1) input[type=button]{width:100%;}
.gnb .join form li:nth-child(2) input[type=text]{width:100%;}
.gnb .join form li:nth-child(2) input[type=button]{width:100%;}

@media all and (min-width:768px) {
.gnb .join form li:nth-child(1) label{width: auto;padding: 10px 20px 0 0;line-height: 50px;}
.gnb .join form li:nth-child(1) input[type=text]{width: 26.9%;margin-right: 10px !important;}
.gnb .join form li:nth-child(1) input[type=button]{width: 114px;}
.gnb .join form li:nth-child(2) input[type=text]{display:inline-block !important;width: calc(100% - 140px);}
.gnb .join form li:nth-child(2) input[type=button]{width: 114px;margin-left: 10px !important;!i;!;}
.gnb .join form li:nth-child(3) input[type=password]{display:inline-block;width:48%;margin-right:2%;}
}
/*PC*/
@media all and (min-width:1023px) {
.gnb .join form li:nth-child(1) input[type=text]{width: 30.5%;}
}