@charset "utf-8";

/* 월동 연구대원 list */
.w_member_wrap{margin:94px 0 65px}
.w_member_wrap .img{position:relative;height:410px}
.w_member_wrap .img img{width:auto;height:100%}
.w_member_wrap .img .logo_img{position:absolute;top:-76px;left:0}
.w_member_wrap .con{padding-top:48px}
.w_member_wrap .con h3{float:left;margin:0 28px 0 0;font-size:50px;line-height:160%;font-weight:bold;font-family:'nsr','Malgun Gothic';color:#1a2273;letter-spacing:-4px}
.w_member_wrap .con .date{float:left;position:relative;padding-top:31px;padding-left:38px;font-size:22px;font-weight:400;color:#1a2273}
.w_member_wrap .con .date:before{position:absolute;top:36px;left:0;width:23px;height:23px;background:url(/kopri/images/prog/sub02/02010202_ir.png) no-repeat;content:''}
.w_member_wrap .con .list{clear:both;position:relative;height:230px;padding:26px 0 0}
.w_member_wrap .con .list .tip{position:relative;padding:0 0 20px 32px;text-align:left}
.w_member_wrap .con .list .tip:before{position:absolute;top:0;left:0;width:23px;height:23px;background:url(/kopri/images/prog/sub02/tip.png) no-repeat;content:''}
.w_member_wrap .con .list ul{float:left;width:20%}
.w_member_wrap .con .list ul li{letter-spacing:.7px;text-align:left}
.w_member_wrap .con .list .posting{float:left;width:20%;margin-top:-17px;padding:9px 31px 20px;border:2px solid #d2d2d2}
.w_member_wrap .con .list .posting p{padding-bottom:25px;font-size:13px;font-weight:400;color:#121212;text-align:left}

/* 검색 */
#menucode_02010202 .bd_util{clear:both;margin:0;padding:32px 24px 34px 18px}
#menucode_02010202 .bd_util .search_tit{display:inline-block;float:left;padding-left:72px}
#menucode_02010202 .bd_util .search_tit b{position:relative;margin-right:12px;font-size:18px;font-weight:700;color:#1a2273}
#menucode_02010202 .bd_util .search_tit b:before{position:absolute;top:-12px;left:-68px;width:50px;height:50px;background:url(/kopri/images/prog/sub02/02010202_ir.png) no-repeat;background-position:0 -33px;content:''}
#menucode_02010202 .bd_searchbox{display:inline-block;float:right;position:relative;margin-top:-6px}
#menucode_02010202 .bd_searchbox input[type=text]{width:386px;height:40px;padding:0 45px 0 10px}
#menucode_02010202 .bd_searchbox input[type=submit]{height:40px}

@media(max-width: 420px){
#menucode_02010202 .bd_searchbox input[type=submit]{top:4px}
}

.memberlist_wrap{margin-top:10px}
.memberlist_wrap .list_box{margin-left:-1%}
.memberlist_wrap .list_box li{float:left;position:relative;width:32.33%;margin:0 0 1% 1%;padding:40px 3% 50px 18%;border:1px solid #d2d2d2}
.memberlist_wrap .list_box li img{position:absolute;top:47px;left:41px;width:auto;height:108px}
.memberlist_wrap .list_box li .info{text-align:left}
.memberlist_wrap .list_box li .info b{display:block;position:relative;margin:19px 0 26px;padding-left:10px;font-size:18px;font-weight:bold;line-height:26px;color:#10349e;word-wrap:break-word;word-break:keep-all}

@media(max-width: 1300px){
.memberlist_wrap .list_box li{width:32%;padding:40px 3% 50px 16%}
}
@media(max-width: 1200px){
.memberlist_wrap .list_box li{width:49%;padding:40px 3% 50px 25%}
}
@media(max-width: 1150px){
#menucode_02010202 .bd_util .search_tit{float:none;padding:0}
#menucode_02010202 .bd_searchbox{float:none;margin-top:5px}
}
@media(max-width: 1024px){
.w_member_wrap .img .logo_img{height:132px}
.w_member_wrap .img .logo_img img{height:100%}
}
@media(max-width: 767px){
.memberlist_wrap .list_box li{width:100%;padding:40px 3% 50px}
.memberlist_wrap .list_box li img{position:initial}
.memberlist_wrap .list_box li .info{text-align:center}

.w_member_wrap .img .logo_img{top:-42px;height:86px}
.w_member_wrap .img .logo_img img{height:100%}

#menucode_02010202 .bd_util{padding:32px 20px 34px}
#menucode_02010202 .bd_util .search_tit span{display:block;margin-top:18px}
#menucode_02010202 .bd_searchbox,#menucode_02010202 .bd_searchbox input[type=text]{width:100%}

.w_member_wrap .img .logo_img,.w_member_wrap .img,.w_member_wrap .con .list .posting{display:none}
.w_member_wrap .con .list ul{width:33%}
.w_member_wrap .con{padding-top:0}
.w_member_wrap{margin:30px 10px}

.w_member_wrap .con h3{float:none;font-size:32px;line-height:112%}
.w_member_wrap .con .date{display:block;float:none;width:352px;margin:0 auto;padding-top:0;padding-left:0}
.w_member_wrap .con .date:before{top:6px;left:4%}

}

@media(max-width: 520px){
.w_member_wrap .con .list ul{float:none;width:100%}
.w_member_wrap .con .list{height:auto}
.w_member_wrap .con .list ul li{text-align:center}

}

/* sub02010202 레이아웃팝업 */
.layer-pop{display:none;overflow:auto;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background-color:rgba(0,0,0,0.8)}
.layer-pop .layer-content{position:absolute;top:75px;width:64%;max-width:1240px;margin:0 18%;padding:70px 68px;background:#fff}
.layer-pop .layer-content h3{position:relative;margin:0 85px 0 0;padding-left:78px;font-size:35px;line-height:194%;font-weight:bold;font-family:'nsr','Malgun Gothic';color:#1a2273;text-align:left}
.layer-pop .layer-content h3 .nm{color:#000}
.layer-pop .layer-content h3:before{position:absolute;top:0;left:0;width:68px;height:68px;background:url(/kopri/images/prog/sub02/02010202_ir.png) no-repeat;background-position:-54px -31px;content:''}
.layer-pop .layer-content .con{position:relative}
.layer-pop .layer-content .con .img{position:absolute;top:24px;right:0;height:324px}
.layer-pop .layer-content .con .img img{width:auto;height:100%}
.layer-pop .layer-content .con ul.info_wrap{position:relative;padding:30px 502px 50px 0;border-bottom:1px dotted #646465;text-align:left}
.layer-pop .layer-content .con ul.info_wrap>li{position:relative;padding-left:100px;font-size:16px}
.layer-pop .layer-content .con ul.info_wrap>li>b{display:inline-block;min-width:75px;margin-left:-75px;font-weight:400}
.layer-pop .layer-content .con ul.info_wrap .info{margin-top:-23px}
.layer-pop .layer-content .con ul.info_wrap .info li{padding-left:14px;background:url(/kopri/images/prog/sub02/bul.gif) no-repeat 4px 11px}

.layer-pop .layer-content .con2{padding:33px 0 0}
.layer-pop .layer-content .con2 p{text-align:left}
.layer-pop .layer-content .con2 p span{position:relative;margin-right:20px;padding:5px 15px 5px 40px;border:1px solid #10349e;border-radius:50px}
.layer-pop .layer-content .con2 p span:before{position:absolute;top:-13px;left:12px;width:23px;height:26px;background:url(/kopri/images/prog/sub02/02010202_ir.png) no-repeat;background-position:-27px 0;content:''}
.layer-pop .chart-close01{position:absolute;top:68px;right:53px;width:40px;height:40px;background:url(/kopri/images/prog/sub02/02010202_ir.png) no-repeat;background-position:-3px -103px;font-size:0}

@media(max-width: 1700px){
.layer-pop .layer-content{width:72%;margin:0 14%}
}
@media(max-width: 1400px){
.layer-pop .layer-content .con .img{height:230px}
.layer-pop .layer-content .con ul.info_wrap{padding:30px 362px 50px 0}
}
@media(max-width: 1200px){
.layer-pop .layer-content{width:80%;margin:0 10%}
.layer-pop .layer-content .con ul.info_wrap{padding:307px 0 50px}
.layer-pop .layer-content .con .img{left:50%;height:230px;margin-left:-53%}

}
@media(max-width: 767px){
.layer-pop .layer-content h3{padding-left:0;font-size:24px}
.layer-pop .layer-content h3:before{top:10px;left:40px;width:26px;height:26px;background-position:-72px 0}
.layer-pop .layer-content{padding:15px 20px}
.layer-pop .layer-content h3{margin:0 56px 0 0;letter-spacing:-4px}
.layer-pop .layer-content h3:before{background:none}
.layer-pop .chart-close01{top:21px;right:21px}
.layer-pop .layer-content .con .img{display:none}
.layer-pop .layer-content .con ul.info_wrap{padding:20px 0}
.layer-pop .layer-content .con ul.info_wrap>li{padding-left:0}
.layer-pop .layer-content .con ul.info_wrap>li>b{display:block;margin-left:0}
.layer-pop .layer-content .con ul.info_wrap .info{margin-top:0;padding-left:5px}
.layer-pop .layer-content .con2 p{padding-left:10px}
.layer-pop .layer-content .con2 p span{display:block;margin-bottom:5px}

}

/* 월동연구대 선발 공고 알림 신청 */
#menucode_02010203 .tp_icon{display:block;overflow:hidden;width:113px;height:113px;background:url(/site/kopri/images/prog/sub02/tp_icon.png) no-repeat}

#menucode_02010203 .ui.uit .inner .txtwrap{text-align:left}
#menucode_02010203 .checkbox_wrap label{line-height:13px}
#menucode_02010203 .agree_box{margin-bottom:30px;padding:40px 50px;border:1px solid #d2d2d2;text-align:left}
#menucode_02010203 .txt_wrap h2{text-align:left}
#menucode_02010203 .btn_wrap{margin-top:36px}
#menucode_02010203 .btn_wrap .button{display:inline-block;position:relative;padding:15px 89px 15px 36px;border:1px solid transparent;border-color:#10349e;background-image:none;background-color:#10349e;font-size:16px;font-weight:400;line-height:36px;color:#fff;text-align:center;vertical-align:middle;cursor:pointer}
#menucode_02010203 .btn_wrap a{display:inline-block;position:relative;padding:17px 89px 17px 36px;border:1px solid transparent;border-color:#10349e;background:#10349e url(/site/kopri/images/prog/sub02/arr.png) no-repeat 94% 12px;font-size:16px;font-weight:400;line-height:36px;color:#fff;text-align:center;vertical-align:middle;cursor:pointer}
#menucode_02010203 .btn_wrap a:hover,
#menucode_02010203 .btn_wrap a:active,
#menucode_02010203 .btn_wrap a:focus{border-color:#10349e;color:#10349e;background:#fff url(/site/kopri/images/prog/sub02/arr_ov.png) no-repeat 94% 12px}
#menucode_02010203 .btn_wrap input[type="submit"]{display:inline-block;position:relative;padding:17px 89px 17px 36px;border:1px solid transparent;border-color:#10349e;background:#10349e url(/site/kopri/images/prog/sub02/arr.png) no-repeat 94% 12px;font-size:16px;font-weight:400;line-height:36px;color:#fff;text-align:center;vertical-align:middle;cursor:pointer}
#menucode_02010203 .btn_wrap input[type="submit"]:hover,
#menucode_02010203 .btn_wrap input[type="submit"]:active,
#menucode_02010203 .btn_wrap input[type="submit"]:focus{border-color:#10349e;color:#10349e;background:#fff url(/site/kopri/images/prog/sub02/arr_ov.png) no-repeat 94% 12px}
#menucode_02010203 .btn_wrap .border_arr{display:inline-block;position:relative;right:-59px;width:40px;height:40px;padding:10px;border-radius:50px;border:1px solid #fff}
#menucode_02010203 .btn_wrap .btn_arr{position:absolute;position:absolute;top:56%;right:16px;width:14px;height:14px;margin-top:-10px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg)}

#menucode_02010203 .btn_wrap .button:hover,
#menucode_02010203 .btn_wrap .button:focus,
#menucode_02010203 .btn_wrap .button:active{border-color:#10349e;background-color:#fff;color:#10349e}

#menucode_02010203 .btn_wrap .button:hover .border_arr,
#menucode_02010203 .btn_wrap .button:hover .border_arr,
#menucode_02010203 .btn_wrap .button:hover .border_arr{border:1px solid #10349e}

#menucode_02010203 .btn_wrap .button:hover .btn_arr
#menucode_02010203 .btn_wrap .button:hover .btn_arr,
#menucode_02010203 .btn_wrap .button:hover .btn_arr{border-top:1px solid #10349e;border-right:1px solid #10349e}

@media(max-width: 400px){
#menucode_02010203 .btn_wrap .button{padding:15px 39px 15px 12px}
#menucode_02010203 .btn_wrap .border_arr{right:-25px}
#menucode_02010203 .agree_box{padding:20px}
}





#menucode_02040203 .tp_icon{display:block;overflow:hidden;width:113px;height:113px;background:url(/site/kopri/images/prog/sub02/tp_icon.png) no-repeat}

#menucode_02040203 .ui.uit .inner .txtwrap{text-align:left}
#menucode_02040203 .checkbox_wrap label{line-height:13px}
#menucode_02040203 .agree_box{margin-bottom:30px;padding:40px 50px;border:1px solid #d2d2d2;text-align:left}
#menucode_02040203 .txt_wrap h2{text-align:left}
#menucode_02040203 .btn_wrap{margin-top:36px}
#menucode_02040203 .btn_wrap .button{display:inline-block;position:relative;padding:15px 89px 15px 36px;border:1px solid transparent;border-color:#10349e;background-image:none;background-color:#10349e;font-size:16px;font-weight:400;line-height:36px;color:#fff;text-align:center;vertical-align:middle;cursor:pointer}
#menucode_02040203 .btn_wrap input[type="submit"]{display:inline-block;position:relative;padding:17px 89px 17px 36px;border:1px solid transparent;border-color:#10349e;background:#10349e url(/site/kopri/images/prog/sub02/arr.png) no-repeat 94% 12px;font-size:16px;font-weight:400;line-height:36px;color:#fff;text-align:center;vertical-align:middle;cursor:pointer}
#menucode_02040203 .btn_wrap input[type="submit"]:hover,
#menucode_02040203 .btn_wrap input[type="submit"]:active,
#menucode_02040203 .btn_wrap input[type="submit"]:focus{border-color:#10349e;color:#10349e;background:#fff url(/site/kopri/images/prog/sub02/arr_ov.png) no-repeat 94% 12px}
#menucode_02040203 .btn_wrap .border_arr{display:inline-block;position:relative;right:-59px;width:40px;height:40px;padding:10px;border-radius:50px;border:1px solid #fff}
#menucode_02040203 .btn_wrap .btn_arr{position:absolute;position:absolute;top:56%;right:16px;width:14px;height:14px;margin-top:-10px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg)}

#menucode_02040203 .btn_wrap .button:hover,
#menucode_02040203 .btn_wrap .button:focus,
#menucode_02040203 .btn_wrap .button:active{border-color:#10349e;background-color:#fff;color:#10349e}

#menucode_02040203 .btn_wrap .button:hover .border_arr,
#menucode_02040203 .btn_wrap .button:hover .border_arr,
#menucode_02040203 .btn_wrap .button:hover .border_arr{border:1px solid #10349e}

#menucode_02040203 .btn_wrap .button:hover .btn_arr
#menucode_02040203 .btn_wrap .button:hover .btn_arr,
#menucode_02040203 .btn_wrap .button:hover .btn_arr{border-top:1px solid #10349e;border-right:1px solid #10349e}

@media(max-width: 400px){
#menucode_02040203 .btn_wrap .button{padding:15px 39px 15px 12px}
#menucode_02040203 .btn_wrap .border_arr{right:-25px}
#menucode_02040203 .agree_box{padding:20px}
}



/* 월동연구대 선발 공고 알림 신청 입력폼  */
.form-period div.f_ym1 { width:49%;}
.form-period div.f_ym1:first-child { margin-right:2%;}
.form-period div.f_ym2 { width:49%;}
.form-period div.f_ym2 #type19_b_1 { width:100%;}
.form-period div.f_ym3 { width:41%;}  
.form-period div.f_ym3 select {width:100%;}
.form-period div.f_ym4 {margin-right: 2%;width:49%;}

@media(max-width: 767px){
    #subMain_layout .depth4_tab a {width:100%;}
}

/* 연구소 견학 프로그램 0402*/
    .fieldtrip_wrap { margin-bottom: 20px;overflow: hidden; }
    .fieldtrip_wrap .trip_box { padding: 20px;width:32%;margin-left: 2%;background: #f1f1f4;display:inline-block;float:left;}
    .fieldtrip_wrap .trip_box:first-child { margin-left: 0;}
    .fieldtrip_wrap .trip_box .tripico {display: block; width:113px;height: 113px;background: #fff url(/site/kopri/images/prog/sub04/trip_icon.png);margin:0 auto;border-radius: 50%; }
    .fieldtrip_wrap .trip_box .tripico.icon01 { background-position:0 0;  }
    .fieldtrip_wrap .trip_box .tripico.icon02 { background-position:-113px 0; }
    .fieldtrip_wrap .trip_box .tripico.icon03 { background-position:-226px 0; }
    .fieldtrip_wrap .trip_box .trip_txt { text-align: center;margin-top: 20px; }

    .trip_program { position: relative; padding: 40px;overflow: hidden;border:1px solid #ddd;height: 370px;padding-left: 400px}
    .trip_program .prog_pic { display: block;width:288px;height: 288px;position: absolute;top:40px;left:40px;border-radius: 50%;background:url(/site/kopri/images/prog/sub04/sub04_02_01.jpg);    background-position: -86px 0px;}
    .trip_program strong { font-size: 30px;font-weight: bold;color: #1a2273;margin-bottom: 30px;display: block; }
    .trip_program ul li .prog_icon { width: 27px;height: 27px;display: inline-block;border-radius: 50%;background: #10349e url(/site/kopri/images/prog/sub04/prog_icon.png);margin-right: 10px; }
    .trip_program ul li .prog_icon.icon01 { background-position: 0 4px; }
    .trip_program ul li .prog_icon.icon02 { background-position: -26px 0; }
    .trip_program ul li .prog_icon.icon03 { background-position: -54px 0; }
    .trip_program ul li { margin-bottom: 10px; }
    .trip_program ul li span { display: inline-block; vertical-align: middle;}
    .trip_program ul li b { display: inline-block; vertical-align: middle;font-weight: bold;margin-left:10px; }
    .trip_program ul li .ver_top { vertical-align: top; }
    .trip_program ul li .prog_title { width:75px; }
    .trip_program ul { margin-bottom: 20px; }
    .trip_program .date_title { display: inline-block; padding: 5px 20px; border-radius: 30px; border:1px solid #10349e; }
    .trip_program .date_txt { margin-left: 15px; }
    .important strong { position: relative; font-size: 16px; font-weight: bold;display: block; margin-bottom: 15px; padding-left: 30px;}
    .important strong:before {content: "";position: absolute;display: block;width: 24px;height: 23px;top: 50%;left: 0;margin-top: -12px;background: url(/site/kopri/images/prog/sub04/sub04_02_02.png);}

    @media (max-width:767px) {
    .fieldtrip_wrap .trip_box { width:100%;margin-left:0;margin-bottom: 10px; }
        .trip_program { height: auto;padding-left: 40px; }
        .trip_program .prog_pic { position: static; margin:0 auto;margin-bottom: 40px; }

    }
    @media (max-width:480px) {
        .trip_program { padding: 20px; }
         .trip_program ul li b { display: block;margin-left:40px; }
        .trip_program .ver_top { display: block; }
         .trip_program .txt_br { margin-left:40px; }
    }
     @media (max-width:380px) {
        .trip_program { padding: 20px; }
         .trip_program .prog_pic { width:210px;height:210px;background-position: -77px 0px;
    background-size: 400px;}
         .trip_program strong { font-size: 26px; }
         .trip_program ul li .prog_icon { margin-right: 5px;  }

    }


    /* #menucode_0402 .tp_icon{display: block;overflow: hidden;width: 113px;height: 113px;background: url(/site/kopri/images/prog/sub02/tp_icon.png) no-repeat} */
    #menucode_0402 .ui.uit .inner .txtwrap{text-align:left}
    #menucode_0402 .checkbox_wrap { text-align: center; }
    #menucode_0402 .checkbox_wrap label{line-height:13px}
    #menucode_0402 .agree_box{text-align:left;border:1px solid #d2d2d2;padding:40px 50px;margin-bottom:30px}
    #menucode_0402 .txt_wrap h2{text-align:left}
    #menucode_0402 .btn_wrap{margin-top:36px;text-align: center;}
    #menucode_0402 .btn_wrap .button{position: relative;border: 1px solid transparent;background-image: none;text-align: center;vertical-align: middle;padding: 15px 89px 15px 36px;
        font-size: 16px;font-weight: 400;line-height: 36px;background-color: #10349e;border-color: #10349e;color: #fff;display: inline-block;}
    #menucode_0402 .btn_wrap .border_arr{position:relative;display:inline-block;right:-59px;border-radius:50px;padding:10px;width:40px;height:40px;border:1px solid #fff}
    #menucode_0402 .btn_wrap .btn_arr{position:absolute;width: 14px;height: 14px;margin-top: -10px;border-top: 1px solid #fff;border-right: 1px solid #fff;position: absolute;top: 56%;right:16px;transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
    #menucode_0402 .btn_wrap .button {position: relative;border: 1px solid transparent;background-image: none;text-align: center;vertical-align: middle;padding: 15px 89px 15px 36px;font-size: 16px;font-weight: 400;line-height: 36px;background-color: #10349e;border-color: #10349e;color: #fff;display: inline-block;}

    @media(max-width: 400px){
    #menucode_0402 .agree_box { padding: 20px; }
    #menucode_0402 .btn_wrap .button{padding: 15px 39px 15px 12px}
    #menucode_0402 .btn_wrap .border_arr{right:-25px}
    }









/* kopri 0103 연혁 */
.history_form{}
.history_form:after{display:block;visibility:hidden;clear:both;content:''}
.history_form .history_form_sel{float:right;width:200px;height:40px;margin:10px 0 30px}
.history_form .history_form_sel select{width:100%;height:40px;border:1px solid #d5d5d5}

p.sub0103_txt1{font-size:55px;font-weight:bold;color:#0a55ac;letter-spacing:-.09em;text-align:center;line-height:1.1;}
p.sub0103_txt2{margin-top:12px;font-size:35px;font-weight:bold;color:#cfcfcf;letter-spacing:-.09em;text-align:center}
.sub0103_img1{overflow:hidden;width:92px;margin:20px auto 0}

.history{}
.history .inner{margin-bottom:20px}
.history .inner:after{display:block;visibility:hidden;clear:both;content:''}
.history .inner .img_box_top{float:left;width:50%;min-height:60px}
.history .inner .img_box{float:left;padding-right:80px;width:50%}
.history .inner .img_box p{margin-top:20px;font-size:16px;color:#6f6f6f}
.history .inner .img_box2{float:right;position:relative;width:50%;min-height:340px;margin-left:-2px;padding:0 0 50px 80px;border-left:4px solid #e0e0e0}
.history .inner .img_box2:before{position:absolute;top:-15px;left:-69px;width:73px;height:10px;background:url(/site/kopri/images/prog/sub01/sub0103img6.png) no-repeat;content:''}
.history .inner .img_box2 p{margin-top:20px;font-size:16px;color:#6f6f6f}

.history .inner .txt_box_top{float:left;width:50%;min-height:60px;margin-left:-2px;border-left:4px solid #e0e0e0}
.history .inner .txt_box{float:left;position:relative;width:50%;min-height:340px;margin-left:-2px;padding:0 0 50px 80px;border-left:4px solid #e0e0e0}
.history .inner .txt_box:before{position:absolute;top:-15px;left:-7px;width:73px;height:10px;background:url(/site/kopri/images/prog/sub01/sub0103img5.png) no-repeat;content:''}
.history .inner .txt_box p.year{margin-top:-20px;margin-bottom:30px;padding-left:0;font-size:36px;font-weight:bold;color:#2e2e2e}
.history .inner .txt_box p{position:relative; padding-left:50px;font-size:16px;font-weight:400;line-height:30px;color:#6f6f6f}
.history .inner .txt_box p span{display:inline-block;position:absolute; left:0;margin-right:25px;color:#222}

.history .inner .txt_box2{float:left;width:50%}
.history .inner .txt_box2 p.year{margin-top:-20px;margin-bottom:30px;padding-left:0;font-size:36px;font-weight:bold;color:#2e2e2e}
.history .inner .txt_box2 p{position:relative;padding-left:50px;padding-right:25px;font-size:16px;font-weight:400;line-height:30px;color:#6f6f6f;}
.history .inner .txt_box2 p span{display:inline-block;position:absolute; left:0;margin-right:25px;color:#222}

@media(max-width: 700px){
.history .inner .img_box_top{min-height:0}
.history .inner .txt_box_top{min-height:0;border:none}

.history .inner .img_box{float:none;width:100%}
.history .inner .img_box p{margin-top:5px}

.history .inner .img_box2{float:none;width:100%;min-height:auto;margin-left:none;padding:0;border-left:none}
.history .inner .img_box2:before{background:none;content:''}
.history .inner .img_box2 p{margin-top:5px}

.history .inner .txt_box{float:none;position:relative;width:100%;min-height:auto;margin-left:0;padding:0 0 30px;border-left:none;border-bottom:4px solid #e0e0e0}
.history .inner .txt_box:before{background:none;content:''}
.history .inner .txt_box:after{position:absolute;left:-7px;bottom:-10px;width:11px;height:14px;background:url(/site/kopri/images/sub01/sub010103_bul.png) no-repeat;content:''}
.history .inner .txt_box p.year{margin-top:10px;margin-bottom:30px}

.history .inner .txt_box2{float:none;position:relative;width:100%;min-height:auto;margin-left:0;padding:0 0 30px;border-left:none;border-bottom:4px solid #e0e0e0}
.history .inner .txt_box2:after{position:absolute;left:-7px;bottom:-10px;width:11px;height:14px;background:url(/site/kopri/images/sub01/sub010103_bul.png) no-repeat;content:''}
.history .inner .txt_box2 p.year{margin-top:10px;margin-bottom:30px}

}

/* kopri 0107 직원검색 검색 */
/* #menucode_030101 .tp_icon{display:block;overflow:hidden;width:113px;height:113px;background:url(/kopri/images/prog/sub01/sub0107img1.png) no-repeat} */
.mber_search{position:relative;width:100%}
.mber_search select{width:20%;height:40px;margin-right:1%;border:1px solid #d5d5d5}
.mber_search input.mber_input{width:78%;height:40px;border:1px solid #d5d5d5;background:#fff}
.mber_search input.mber_submit{position:absolute;top:0;right:10px;width:40px;height:40px;background:url(/kopri/images/prog/sub01/sub0107img2.png)no-repeat center;font-size:0;cursor:pointer}
.mber_search label[for="mber_input"] {position:absolute;}
@media (max-width:767px){
#menucode_030101 .tp_icon{display:none}
.mber_search select{width:30%}
.mber_search input.mber_input{width:67%}
}

/* kopri 0107 직원검색 list */
.group_info{}
.group_info .line_dot{width:100%;height:40px;margin-top:40px;border-top:1px dotted #646464}
.group_info .group_info_top{margin-top:20px}
.group_info .group_info_top ul{overflow:hidden}
.group_info .group_info_top ul:after{display:block;visibility:hidden;clear:both;content:''}
.group_info .group_info_top ul li{float:left;width:23.5%;margin-right:2%; min-height:126px; border:1px solid #cbcbcb;text-align:center}
.group_info .group_info_top ul li:nth-child(4n){margin-right:0}
.group_info .group_info_top ul li a{display:block;padding:40px 0 0;font-size:15px}
.group_info .group_info_bottom{}
.group_info .group_info_bottom ul{overflow:hidden}
.group_info .group_info_top ul:after{display:block;visibility:hidden;clear:both;content:''}
.group_info .group_info_bottom ul li{float:left;width:23.5%;margin-bottom:30px;margin-right:2%; min-height:124px;border:1px solid #cbcbcb;text-align:center}
.group_info .group_info_bottom ul li:nth-child(4n){margin-right:0}
.group_info .group_info_bottom ul li a{display:block;padding:40px 0 0;font-size:15px}
.group_info .group_info_bottom ul li a span{color:#10349e}

@media (max-width:640px){
.group_info .group_info_top ul li{width:48.5%;margin-right:2%;margin-bottom:30px}
.group_info .group_info_top ul li:nth-child(2n){margin-right:0}
.group_info .group_info_bottom ul li{width:48.5%;margin-right:2%}
.group_info .group_info_bottom ul li:nth-child(2n){margin-right:0}
}

/* kopri 0108 연구부서 list */
/* #menucode_0108 .tp_icon{display:block;overflow:hidden;width:113px;height:113px;background:url(/kopri/images/prog/sub01/sub0107img1.png) no-repeat} */
#menucode_0108 .res_box{padding:50px 40px;border:1px solid #cbcbcb}
#menucode_0108 .res_box span.thm_figure b{display:block;margin-bottom:30px;font-size:22px;color:#1a2273}
#menucode_0108 .res_box span.thm_figure span.thm_img{display:block;overflow:hidden;width:165px;height:165px;margin:0 auto 10px;border-radius:50%}
#menucode_0108 .res_box span.thm_figure span.thm_img img{width:100%;height:100%}
#menucode_0108 .res_box figcaption.thm_caption p{line-height:1.7}

@media only screen and (min-width:768px){
#menucode_0108 .res_box .ui.uib.type1 .uibodo .thm_figure{float:left;width:30%}
#menucode_0108 .res_box .ui.uib.type1 .uibodo .thm_caption{float:right;width:67%}

#menucode_0108 .res_box span.thm_figure span.thm_img{margin:0}
}

/* kopri 0108 연구부서 view */
#menucode_0108 .res_box2{margin-top:55px;margin-bottom:80px}
#menucode_0108 .res_box2 span.thm_figure b{display:block;margin-bottom:30px;font-size:30px;font-weight:bold;color:#1a2273}
#menucode_0108 .res_box2 span span.list_num em{display:block;margin-bottom:8px;margin:3px 0;padding-left:40px;font-size:14px;word-wrap:break-word;word-break:keep-all}
#menucode_0108 .res_box2 span span.list_num em .num.num-default.num_blue{background:#10349e}
#menucode_0108 .res_box2 figcaption.thm_caption p{line-height:1.7}

#menucode_0108 .res_tab_box{}
#menucode_0108 .res_tab_box .res_tab_con{}
#menucode_0108 .res_tab_box .res_tab_con p.total{font-size:14px;font-weight:bold;color:#131313}
#menucode_0108 .res_tab_box .res_tab_con .res_tab_con1{padding-top:40px}
#menucode_0108 .res_tab_box .res_tab_con .res_tab_con1 p.tit{margin-bottom:25px;font-weight:400;font-size:24px;color:#10349e}
#menucode_0108 .res_tab_box .res_tab_con .res_tab_con1 p.txt{}

#menucode_0108 .res_tab_box .res_tab_con .res_tab_con2{padding-top:40px}
#menucode_0108 .res_tab_box .res_tab_con .res_tab_con2 ul{overflow:hidden}
#menucode_0108 .res_tab_box .res_tab_con .res_tab_con2 ul li{overflow:hidden;float:left;width:49%;margin-right:2%;margin-bottom:2%;padding:40px 50px;border:1px solid #dedede}
#menucode_0108 .res_tab_box .res_tab_con .res_tab_con2 ul li:nth-child(2n){margin-right:0}
#menucode_0108 .res_tab_box .res_tab_con .res_tab_con2 ul li span{float:left}
#menucode_0108 .res_tab_box .res_tab_con .res_tab_con2 ul li span.name{display:block;width:40%}
#menucode_0108 .res_tab_box .res_tab_con .res_tab_con2 ul li span.name b{display:block;width:100%;font-size:18px;font-weight:500;color:#10349e}
#menucode_0108 .res_tab_box .res_tab_con .res_tab_con2 ul li span.name em{display:block;width:100%;font-size:16px;font-weight:400;color:#6f6f6f}
#menucode_0108 .res_tab_box .res_tab_con .res_tab_con2 ul li span.tel{display:block;width:60%}
#menucode_0108 .res_tab_box .res_tab_con .res_tab_con2 ul li span.tel em{display:block;width:100%;font-size:16px;font-weight:400;color:#6f6f6f}

#menucode_0108 .res_tab_box .res_tab_con .res_tab_con3{padding-top:40px}
#menucode_0108 .res_tab_box .res_tab_con .res_tab_con3 .tp_icon{display:block;overflow:hidden;width:113px;height:113px;background:url(/kopri/images/prog/sub01/sub0108img2.png) no-repeat}

#menucode_0108 .res_tab_box .res_tab_con .res_tab_con4{padding-top:40px}
/* #menucode_0108 .res_tab_box .res_tab_con .res_tab_con4 .tp_icon{display:block;overflow:hidden;width:113px;height:113px;background:url(/kopri/images/prog/sub01/sub0108img3.png) no-repeat} */

@media only screen and (min-width:768px){
#menucode_0108 .res_box2 .ui.uib.type1 .uibodo .thm_figure{float:left;width:30%}
#menucode_0108 .res_box2 .ui.uib.type1 .uibodo .thm_caption{float:right;width:67%}
}

@media (max-width:767px){
#menucode_0108 .tp_icon{display:none}
#menucode_0108 .res_tab_box .res_tab_con .res_tab_con3 .tp_icon{display:none}
#menucode_0108 .res_tab_box .res_tab_con .res_tab_con4 .tp_icon{display:none}
}

@media (max-width:640px){
#menucode_0108 .res_tab_box .res_tab_con .res_tab_con2 ul li{width:100%;margin-right:0;margin-bottom:2%}
}


/* infra 02030104 승선자안내서 */
#menucode_02030104{}
#menucode_02030104 .txt_wrap {text-align:left;}

/* #menucode_02030104 .tp_icon{display:block;overflow:hidden;width:113px;height:113px;background:url(/site/kopri/images/prog/sub02/02030104_img01.png) no-repeat} */

@media (max-width:767px){
#menucode_02030104 .tp_icon{display:none}
}

#pdf_menu .wrapper{width:100%;}
#pdf_menu .wrapper h2 { margin-bottom:35px;}
#pdf_menu .wrapper [class^=left_2th] a,#pdf_menu .wrapper [class^=left_3th] a,#pdf_menu .wrapper [class^=left_] span,#pdf_menu .wrapper [class^=left_] strong{display:block;height:60px;border-bottom:1px solid #d9d9d9;line-height:60px}
#pdf_menu .wrapper .left_1th:first-child { border:1px solid #d9d9d9;}
#pdf_menu .wrapper .left_1th > strong,#pdf_menu .wrapper .left_1th > a > strong{padding-left:10px;font-size:15px;font-weight:300;color:#545454}
#pdf_menu .wrapper .left_1th{position:relative}
#pdf_menu .wrapper .left_1th:after{display:block;clear:both;content:''}
#pdf_menu .wrapper .left_1th.ov strong{background:#10349e;color:#fff}
#pdf_menu .wrapper .left_1th.ov span{display:inline-block;float:right;position:absolute;top:18px;right:25px;width:23px;height:23px;background:url(/site/kopri/images/prog/sub02/02030104_img02.png)no-repeat}
#pdf_menu .wrapper .left_1th span{display:inline-block;float:right;position:absolute;top:18px;right:25px;width:23px;height:23px;border:none;background:none}

#pdf_menu .frameBox{display:none;margin-bottom:100px;}

@media only screen and (min-width:1000px){
#pdf_menu{overflow:hidden}
#pdf_menu:after{display:block;clear:both;content:''}
#pdf_menu .wrapper{float:left;max-width:310px;width:30%;padding-right:0}

/*#pdf_menu .frameBox{display:block;float:right;width:70%;padding-left:40px}*/
#pdf_menu .frameBox{display:block;float:right;width:100%;padding-top:40px}
#pdf_menu .frameBox #pdf_file{display:block;width:100%;height:900px}
}

/* infra 02030105 승무원 승선현황 */
#menucode_02030105{}
#menucode_02030105 .txt_wrap {text-align:left;}

/* #menucode_02030105 .tp_icon{display:block;overflow:hidden;width:113px;height:113px;background:url(/site/kopri/images/prog/sub02/02030105_img01.png) no-repeat} */
#menucode_02030105 .txtwrap{position:relative}
#menucode_02030105 .txtwrap .embark{position:absolute;right:0;bottom:10px;font-size:30px;font-weight:bold;line-height:40px;color:#1a2273}
#menucode_02030105 .txtwrap .embark img{margin-right:20px}

@media (max-width:767px){
#menucode_02030105 .tp_icon{display:none}
}

@media (max-width:530px){
#menucode_02030105 .ui.uit.type1 .inner{position:relative;padding-bottom:70px}
#menucode_02030105 .txtwrap{position:static}
#menucode_02030105 .txtwrap .embark{position:absolute;left:20px;bottom:15px !important;font-size:30px;font-weight:bold;line-height:40px;color:#1a2273}
}

.embark_box{}
.embark_box:after{display:block;visibility:hidden;clear:both;content:''}
.embark_box .col{float:left;width:15.8%;margin-right:1%;margin-bottom:1%;padding:20px 0 30px;border:1px solid #dedede}
.embark_box .col:nth-child(6n){margin-right:0}
.embark_box .col .item{}
.embark_box .col .item figure span{display:block;overflow:hidden;width:130px;height:130px;margin:0 auto 25px;border-radius:50%}
.embark_box .col .item figure span img{width:100%;height:100%}
.embark_box .col .item figcaption{text-align:center}
.embark_box .col .item figcaption em a{font-size:15px;color:#10349e}
.embark_box .col .item figcaption p a{font-size:18px;font-weight:bold;color:#545454}

@media (max-width:1000px){
.embark_box .col{width:19.2%}
.embark_box .col:nth-child(6n){margin-right:1%}
.embark_box .col:nth-child(5n){margin-right:0}
}


@media (max-width:767px){
.embark_box .col{width:24.2%}
.embark_box .col:nth-child(6n){margin-right:1%}
.embark_box .col:nth-child(5n){margin-right:1%}
.embark_box .col:nth-child(4n){margin-right:0}
}

@media (max-width:700px){
.embark_box .col{width:32%;margin-right:2%;margin-bottom:2%}
.embark_box .col:nth-child(6n){margin-right:2%}
.embark_box .col:nth-child(5n){margin-right:1%}
.embark_box .col:nth-child(4n){margin-right:2%}
.embark_box .col:nth-child(3n){margin-right:0}
}

@media (max-width:530px){
.embark_box .col{width:49%;margin-right:2%;margin-bottom:2%}
.embark_box .col:nth-child(6n){margin-right:2%}
.embark_box .col:nth-child(5n){margin-right:2%}
.embark_box .col:nth-child(4n){margin-right:2%}
.embark_box .col:nth-child(3n){margin-right:2%}
.embark_box .col:nth-child(2n){margin-right:0}
}

@media (max-width:320px){
.embark_box .col{float:none;width:100%;margin-right:0;margin-bottom:2%}
.embark_box .col:nth-child(6n){margin-right:0}
.embark_box .col:nth-child(5n){margin-right:0}
.embark_box .col:nth-child(4n){margin-right:0}
.embark_box .col:nth-child(3n){margin-right:0}
.embark_box .col:nth-child(2n){margin-right:0}
}


/* infra 02030105 승무원 승선현황 레이아웃팝업 */
/*
.layer-pop{display:none;overflow:auto;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background-color:rgba(0,0,0,0.8)}
.layer-pop .layer-content{position:absolute;top:75px;width:64%;max-width:1240px;margin:0 18%;padding:70px 68px;background:#fff}
.layer-pop .layer-content h3{position:relative;margin:0 85px 0 0;padding-left:78px;font-size:35px;line-height:194%;font-weight:bold;font-family:'nsr','Malgun Gothic';color:#1a2273;text-align:left}
.layer-pop .layer-content h3 .nm{color:#000}
.layer-pop .layer-content h3:before{position:absolute;top:0;left:0;width:68px;height:68px;background:url(/kopri/images/prog/sub02/02010202_ir.png) no-repeat;background-position:-54px -31px;content:''}
.layer-pop .layer-content .con{position:relative}
.layer-pop .layer-content .con .img{position:absolute;top:24px;right:0;height:324px}
.layer-pop .layer-content .con .img img{width:auto;height:100%}
.layer-pop .layer-content .con ul.info_wrap{position:relative;padding:30px 502px 50px 0;border-bottom:1px dotted #646465;text-align:left}
.layer-pop .layer-content .con ul.info_wrap>li{position:relative;padding-left:100px;font-size:16px}
.layer-pop .layer-content .con ul.info_wrap>li>b{display:inline-block;min-width:75px;margin-left:-75px;font-weight:400}
.layer-pop .layer-content .con ul.info_wrap .info{margin-top:-23px}
.layer-pop .layer-content .con ul.info_wrap .info li{padding-left:14px;background:url(/kopri/images/prog/sub02/bul.gif) no-repeat 4px 11px}

.layer-pop .layer-content .con2{padding:33px 0 0}
.layer-pop .layer-content .con2 p{text-align:left}
.layer-pop .layer-content .con2 p span{position:relative;margin-right:20px;padding:5px 15px 5px 40px;border:1px solid #10349e;border-radius:50px}
.layer-pop .layer-content .con2 p span:before{position:absolute;top:-13px;left:12px;width:23px;height:26px;background:url(/kopri/images/prog/sub02/02010202_ir.png) no-repeat;background-position:-27px 0;content:''}
.layer-pop .chart-close01{position:absolute;top:68px;right:53px;width:40px;height:40px;background:url(/kopri/images/prog/sub02/02010202_ir.png) no-repeat;background-position:-3px -103px;font-size:0}

@media(max-width: 1700px){
.layer-pop .layer-content{width:72%;margin:0 14%}
}
@media(max-width: 1400px){
.layer-pop .layer-content .con .img{height:230px}
.layer-pop .layer-content .con ul.info_wrap{padding:30px 362px 50px 0}
}
@media(max-width: 1200px){
.layer-pop .layer-content{width:80%;margin:0 10%}
.layer-pop .layer-content .con ul.info_wrap{padding:307px 0 50px}
.layer-pop .layer-content .con .img{left:50%;height:230px;margin-left:-53%}

}
@media(max-width: 767px){
.layer-pop .layer-content h3{padding-left:0;font-size:24px}
.layer-pop .layer-content h3:before{top:10px;left:40px;width:26px;height:26px;background-position:-72px 0}
.layer-pop .layer-content{padding:15px 20px}
.layer-pop .layer-content h3{margin:0 56px 0 0;letter-spacing:-4px}
.layer-pop .layer-content h3:before{background:none}
.layer-pop .chart-close01{top:21px;right:21px}
.layer-pop .layer-content .con .img{display:none}
.layer-pop .layer-content .con ul.info_wrap{padding:20px 0}
.layer-pop .layer-content .con ul.info_wrap>li{padding-left:0}
.layer-pop .layer-content .con ul.info_wrap>li>b{display:block;margin-left:0}
.layer-pop .layer-content .con ul.info_wrap .info{margin-top:0;padding-left:5px}
.layer-pop .layer-content .con2 p{padding-left:10px}
.layer-pop .layer-content .con2 p span{display:block;margin-bottom:5px}
}

*/

/* 선발계획(안) 
.youth_plan{}
.youth_plan .inner{position: relative;padding: 35px 35px 35px 320px;margin-bottom: 50px;background: #f1f1f4;}
.youth_plan .inner + .inner:before{content: '';position: absolute;top: -30px;left: 50%;width: 25px;height: 15px;margin-left: -12.5px;background: url(/site/kopri/images/sub04/sub040301_arr.png)no-repeat;}
.youth_plan .inner strong{display: block;position: absolute;top: 35px;left: 35px;padding-left: 75px;color: #1a2273;font-size: 24px;font-weight: bold;line-height: 30px}
.youth_plan .inner strong .plan{position: absolute;left: 0;padding: 5px 0;border-top: 1px solid #1a2273;border-bottom: 1px solid #1a2273;font-size: 14px;font-weight: 400;line-height: 20px}
.youth_plan .inner strong .plan .numb{display: block;position: absolute;left: 18%;top: 40px;margin-left: -8px;font-size: 30px;font-weight: bold;}
.youth_plan .inner strong .bl{display: block;}
.youth_plan .inner strong .sub{display: block;margin-top: 10px;font-size: 18px;font-weight: normal;}
.youth_plan .inner .list_1st{margin: 0;padding-left: 20px;}

@media (max-width:900px){
	.youth_plan .inner{padding: 35px 35px 35px 280px}
}
@media (max-width:767px){
	.youth_plan .inner{padding: 135px 35px 35px 35px}
	.youth_plan .inner strong .bl{display: inline;}
}
@media (max-width:500px){
	.youth_plan .inner{padding: 20px}
	.youth_plan .inner strong{position: relative;top: auto;left: auto;padding: 80px 0 0;text-align: center;font-size:22px }
	.youth_plan .inner strong .plan{top: 0;left: 50%;margin-left: -12px;}
	.youth_plan .inner strong .sub{margin: 0 0 10px;}
}*/
/* 040301 북극청소년연구단 개요 끝 */


/*브로셔 050301*/
.brochure_wrap .bro_box {text-align: center;background: #f1f1f4;width: 49%;padding: 20px;
display: inline-block;float: left;margin-right: 1%; margin-bottom: 1%; }
.brochure_wrap .bro_box:nth-child(3n) { margin-right: 0; }
.brochure_wrap .bro_box strong { position: relative;font-size: 18px;color: #1a2273;padding-top: 10px;margin-top: 20px;display: block; }
.brochure_wrap .bro_box strong:before { content: "";display: block;width:25px;height: 3px;background: #1a2273;position: absolute;top:0; left:50%;margin-left:-10px; }
.brochure_wrap .bro_box .bro_img { overflow: hidden;display: block;margin: 20px auto; }

@media (max-width:767px){
    .brochure_wrap .bro_box { width:49%; }
    .brochure_wrap .bro_box:nth-child(3n) { margin-right: 1%; }
    .brochure_wrap .bro_box:nth-child(2n) { margin-right: 0; }

}
@media (max-width:500px){
    .brochure_wrap .bro_box { width:100%; }
    .brochure_wrap .bro_box:nth-child(3n) { margin-right: 0%; }
    .brochure_wrap .bro_box:nth-child(2n) { margin-right: 0%; }
    .brochure_wrap .bro_box{margin-right: 0;}


}


    /* 극지안전훈련신청 */
#menucode_02050404 .tb_button{display:block;padding:5px 10px;color:#fff}
#menucode_02050404 .tb_button.bt_01{background:#7030a0}
#menucode_02050404 .tb_button.bt_02{background:#f00}
#menucode_02050404 .tb_button.bt_03{background:#02dc6f}
#menucode_02050404 .tb_button.bt_04{background:#0070c0}

/* #menucode_02050404 .tp_icon{display:block;overflow:hidden;width:113px;height:113px;background:url(/site/kopri/images/prog/sub02/tp_icon.png) no-repeat} */
#menucode_02050404 .ui.uit .inner .txtwrap{text-align:left}
#menucode_02050404 .checkbox_wrap{text-align:center}
#menucode_02050404 .checkbox_wrap label{line-height:13px}
#menucode_02050404 .agree_box{margin-bottom:30px;padding:40px 50px;border:1px solid #d2d2d2;text-align:left}
#menucode_02050404 .txt_wrap h2{text-align:left}
#menucode_02050404 .btn_wrap{margin-top:36px;text-align:center}
#menucode_02050404 .btn_wrap .button{display:inline-block;position:relative;padding:15px 89px 15px 36px;border:1px solid transparent;border-color:#10349e;background-image:none;background-color:#10349e;font-size:16px;font-weight:400;line-height:36px;color:#fff;text-align:center;vertical-align:middle;cursor: pointer;}
#menucode_02050404 .btn_wrap .border_arr{display:inline-block;position:relative;right:-59px;width:40px;height:40px;padding:10px;border-radius:50px;border:1px solid #fff}
#menucode_02050404 .btn_wrap .btn_arr{position:absolute;position:absolute;top:56%;right:16px;width:14px;height:14px;margin-top:-10px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#menucode_02050404 .btn_wrap .button{display:inline-block;position:relative;padding:15px 89px 15px 36px;border:1px solid transparent;border-color:#10349e;background-image:none;background-color:#10349e;font-size:16px;font-weight:400;line-height:36px;color:#fff;text-align:center;vertical-align:middle}
#menucode_02050404 .btn_wrap input[type="submit"]{display:inline-block;position:relative;padding:17px 89px 17px 36px;border:1px solid transparent;border-color:#10349e;background:#10349e url(/site/kopri/images/prog/sub02/arr.png) no-repeat 83% 12px;font-size:16px;font-weight:400;line-height:36px;color:#fff;text-align:center;vertical-align:middle;cursor: pointer;}
#menucode_02050404 .btn_wrap input[type="submit"]:hover,
#menucode_02050404 .btn_wrap input[type="submit"]:active,
#menucode_02050404 .btn_wrap input[type="submit"]:focus{border-color:#10349e;color:#10349e;background:#fff url(/site/kopri/images/prog/sub02/arr_ov.png) no-repeat 83% 12px}
#menucode_02050404 .btn_wrap .border_arr{display:inline-block;position:relative;right:-59px;width:40px;height:40px;padding:10px;border-radius:50px;border:1px solid #fff}
#menucode_02050404 .btn_wrap .btn_arr{position:absolute;position:absolute;top:56%;right:16px;width:14px;height:14px;margin-top:-10px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg)}




@media(max-width: 480px){
#menucode_02050404 .agree_box{padding:20px}
}
@media(max-width: 400px){
#menucode_02050404 .btn_wrap .button{padding:15px 39px 15px 12px}
#menucode_02050404 .btn_wrap .border_arr{right:-25px}
}

.t_sc_box{overflow:hidden;position:relative}
.t_sc_box a{display:block}
.t_sc_box a .training_schedule{overflow:hidden;position:relative;min-height:192px;margin-bottom:20px;padding:34px;padding-left:156px;border:1px solid #ddd}

.t_sc_box a:hover .training_schedule,.t_sc_box a:active .training_schedule,.t_sc_box a:focus .training_schedule{border:1px solid #10349e}
.t_sc_box .training_schedule .lcon{position:absolute;top:40px;left:0;width:18%}
.t_sc_box .training_schedule .lcon .mon{display:block;width:47px;margin:0 auto;padding:2px 14px;border-top:2px solid #10349e;border-bottom:1px solid #10349e}
.t_sc_box .training_schedule .lcon .number{display:block;width:60px;height:60px;margin-top:20px;margin:20px auto 0;padding:8px 10px;border-radius:50px;background:#f1f1f4;font-size:16px;font-weight:400;color:#10349e}
.t_sc_box .training_schedule strong{display:inline-block;margin-bottom:20px;font-size:22px;font-weight:bold;color:#10349e}
.t_sc_box .training_schedule ul>li{float:left;position:relative;width:44%;padding-left:78px;font-size:15px;line-height:29px}
.t_sc_box .training_schedule ul>li .txt_tip{font-weight:400;color:#10349e}
.t_sc_box .training_schedule ul>li>b{display:inline-block;min-width:75px;margin-left:-75px;font-weight:400;color:#000}
.t_sc_box .training_schedule .sc_btn{display:inline-block;position:relative;position:absolute;top:63px;right:35px;width:80px;height:80px;padding:27px 0;border:1px solid #10349e;font-size:15px;font-weight:400;text-align:center}
.t_sc_box .training_schedule .sc_btn.ing{border:1px solid #10349e;background-color:#10349e;color:#fff}
.t_sc_box .training_schedule .sc_btn.ing2{border:1px solid #10349e;background-color:#fff;color:#10349e}
.t_sc_box .training_schedule .sc_btn.end{border:1px solid #10349e;background-color:#fff;color:#10349e}
.t_sc_box .training_schedule .sc_btn.end:before{position:absolute;top:50%;left:-16px;width:111px;border-top:1px solid #10349e;content:'';
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
opacity:0.5}
.t_sc_box .training_schedule .sc_btn.end2{border:1px solid #767676;background-color:#fff}
.t_sc_box .training_schedule .sc_btn.end2:before{position:absolute;top:50%;left:-16px;width:111px;border-top:1px solid #767676;content:'';
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
opacity:0.5}

@media(max-width: 1090px){
.t_sc_box .training_schedule ul>li{float:none;width:70%}
}

@media(max-width: 767px){
.t_sc_box a .training_schedule{padding:92px 40px 30px}
.t_sc_box .training_schedule .lcon{width:100%;padding:0 35px}
.t_sc_box .training_schedule .lcon .mon{float:left}
.t_sc_box .training_schedule .lcon .number{float:left;height:29px;margin-top:0;margin:0;margin-left:10px;padding:0;border-radius:0;line-height:26px;text-align:center}
.t_sc_box .training_schedule .sc_btn{top:38px;left:160px;height:31px;padding:0;line-height:28px}
.t_sc_box .training_schedule ul>li{width:100%}
.t_sc_box .training_schedule .sc_btn.end:before,
.t_sc_box .training_schedule .sc_btn.end2:before{top:47%;left:-4px;width:86px;    transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
}

}
@media(max-width:500px){
.t_sc_box .training_schedule ul>li{padding-left:0}
.t_sc_box .training_schedule ul>li>b{display:block;margin-left:0}
}



/* kopri 0108 연구부서 list */
/* #menucode_0108 .tp_icon{display:block;overflow:hidden;width:113px;height:113px;background:url(/kopri/images/prog/sub01/sub0107img1.png) no-repeat} */
#menucode_030101 .res_box{padding:50px 40px;border:1px solid #cbcbcb; max-width:1240px; margin:0 auto;}
#menucode_030101 .res_box span.thm_figure b{display:block;margin-bottom:30px;font-size:21px;color:#1a2273; text-align:left;}
#menucode_030101 .res_box span.thm_figure span.thm_img{display:block;overflow:hidden;width:320px;height:213px;margin:0 auto 10px;}
#menucode_030101 .res_box span.thm_figure span.thm_img img{width:auto;height: 100%;max-width: 100%;}
#menucode_030101 .res_box figcaption.thm_caption p{line-height:1.7}

@media only screen and (min-width:900px){
#menucode_030101 .res_box .ui.uib.type1 .uibodo .thm_figure{float:left;width:410px;}
#menucode_030101 .res_box .ui.uib.type1 .uibodo .thm_caption{float:right;width:calc(100% - 410px);text-align:left;margin-top:54px;}

#menucode_030101 .res_box span.thm_figure span.thm_img{margin:0}

}
@media only screen and (max-width:900px){
#menucode_030101 .res_box span.thm_figure b {text-align:center;}
#menucode_030101 .ui.uib.type1 .uibodo .thm_figure {float:none; width:auto;}
#menucode_030101 .ui.uib.type1 .uibodo .thm_caption {float:none; width: 100%;}
}

/* kopri 0108 연구부서 view */
#menucode_030101 .rsch_topbox .txt_wrap {padding: 0 20px;}
#menucode_030101 .res_img { position:relative;width:100%; height:293px;overflow:hidden;}
#menucode_030101 .res_img img {position: absolute;top: 50%;left: 50%;max-width: none;transform: translate(-50%,-50%);height: 100%;}
#menucode_030101 .res_box2{margin-top:55px;margin-bottom:80px}
#menucode_030101 .res_box2 span.thm_figure b{display:block;margin-bottom:30px;font-size:30px;font-weight:bold;color:#1a2273}
#menucode_030101 .res_box2 span span.list_num em{display:block;margin-bottom:8px;margin:3px 0;padding-left:40px;font-size:14px;word-wrap:break-word;word-break:keep-all}
#menucode_030101 .res_box2 span span.list_num em .num.num-default.num_blue{background:#10349e}
#menucode_030101 .res_box2 figcaption.thm_caption p{line-height:1.7}

#menucode_030101 .res_tab_box{}
#menucode_030101 .res_tab_box .res_tab_con{}
#menucode_030101 .res_tab_box .res_tab_con p.total{font-size:14px;font-weight:bold;color:#131313}
#menucode_030101 .res_tab_box .res_tab_con .res_tab_con1{/*padding-top:5px*/}
#menucode_030101 .res_tab_box .res_tab_con .res_tab_con1 p.tit{margin-bottom:25px;font-weight:400;font-size:24px;color:#10349e}
#menucode_030101 .res_tab_box .res_tab_con .res_tab_con1 p.txt{}

#menucode_030101 .res_tab_box .res_tab_con .res_tab_con2{/*padding-top:40px*/}
#menucode_030101 .res_tab_box .res_tab_con .res_tab_con2 ul{overflow:hidden}
#menucode_030101 .res_tab_box .res_tab_con .res_tab_con2 ul li{overflow:hidden;float:left;width:49%; min-height:97px;margin-right:2%;margin-bottom:2%;padding:10px 30px;border:1px solid #dedede}
#menucode_030101 .res_tab_box .res_tab_con .res_tab_con2 ul li:nth-child(2n){margin-right:0}
#menucode_030101 .res_tab_box .res_tab_con .res_tab_con2 ul li span{float:left}
#menucode_030101 .res_tab_box .res_tab_con .res_tab_con2 ul li span.name{display:block;width:100%}
#menucode_030101 .res_tab_box .res_tab_con .res_tab_con2 ul li span.name b{display:block;width:100%;font-size:18px;font-weight:500;color:#10349e}
#menucode_030101 .res_tab_box .res_tab_con .res_tab_con2 ul li span.name em{display:block;width:100%;font-size:16px;font-weight:400;color:#6f6f6f}
#menucode_030101 .res_tab_box .res_tab_con .res_tab_con2 ul li span.tel{display:block;width:100%}
#menucode_030101 .res_tab_box .res_tab_con .res_tab_con2 ul li span.tel em{display:block;width:100%;font-size:16px;font-weight:400;color:#6f6f6f}

#menucode_030101 .res_tab_box .res_tab_con .res_tab_con3{padding-top:40px}
#menucode_030101 .res_tab_box .res_tab_con .res_tab_con3 .tp_icon{display:block;overflow:hidden;width:113px;height:113px;background:url(/kopri/images/prog/sub01/sub0108img2.png) no-repeat}

#menucode_030101 .res_tab_box .res_tab_con .res_tab_con4{padding-top:40px}
/* #menucode_0108 .res_tab_box .res_tab_con .res_tab_con4 .tp_icon{display:block;overflow:hidden;width:113px;height:113px;background:url(/kopri/images/prog/sub01/sub0108img3.png) no-repeat} */
#menucode_030101 .rsch_info {margin:50px 20px 20px;}
#menucode_030101 .w_sub {max-width:1240px; margin: 0 auto; padding:0 20px}
@media only screen and (min-width:768px){
#menucode_030101 .res_box2 .ui.uib.type1 .uibodo .thm_figure{float:left;width:30%}
#menucode_030101 .res_box2 .ui.uib.type1 .uibodo .thm_caption{float:right;width:67%}
}

@media (max-width:768px){
#menucode_030101 .tp_icon{display:none}
#menucode_030101 .res_tab_box .res_tab_con .res_tab_con3 .tp_icon{display:none}
#menucode_030101 .res_tab_box .res_tab_con .res_tab_con4 .tp_icon{display:none}
}
@media (max-width:640px){
#menucode_030101 .res_tab_box .res_tab_con .res_tab_con2 ul li{width:100%;margin-right:0;margin-bottom:2%}
}

@media (max-width:560px){
#menucode_030101 .res_img { position:static;width:100%; height:auto;}
#menucode_030101 .res_img img {position: static;top: 0;left: 0;width:100%;height:auto;transform: translate(0,0);}
#menucode_030101 .res_box2 {margin-top:30px;}
}



/*Registration*/

.regi_wrap {font-size:16px;}
.regi_wrap .inner {margin-top:30px;}
.regi_wrap .inner:after{content:"";display:block;clear:both;visibility:hidden;}
.regi_wrap .inner a {display:inline-block; float:left;margin:0 1%;width:48%; border:1px solid #cbcbcb; text-align: center; font-size: 26px; font-weight:bold; color:#10349e;background: url(/site/kopri/images/sub01/sub010101_bg4.png) center 50% no-repeat;}
.regi_wrap .inner a .inner2 { padding:120px 0; width:100%; height:100%; background:rgba(255,255,255,0.8);}

.regi_wrap .agree_box { margin-bottom: 10px;padding: 40px 50px;border: 1px solid #d2d2d2; text-align: left;}
.regi_wrap input[type="text"] { min-width: 50px; max-width:100%;height: 38px; padding: 0 5px; line-height: 38px; border:1px solid #ccc;}
.regi_wrap input[type="file"] { max-width:100%;} 
.regi_wrap a.down {text-decoration: underline; color:#10349e;}
.regi_wrap a.btn22 {display:inline-block;padding:7px 0; width:73px;background:#10349e; border:1px solid #10349e; color:#fff; font-size:16px;text-align: center; }
.regi_wrap span.sm {font-size:13px; color:#777;}

@media(max-width:767px){
    .regi_wrap .inner a {float:none; margin-bottom:10px; width:100%;}
    .regi_wrap .inner a .inner2 {padding:80px 0;}
    /*.regi_wrap .inner a .inner2 span {display: block;}*/
    .form-half input[type="password"] {width:100%;}
    .regi_wrap .agree_box { padding: 20px;}
}

@media(max-width:400px){
    .regi_wrap .inner a {font-size:20px; }
}

/*신청 완료 */
.complet_wrap { padding: 80px 0;border: 1px solid #ddd;text-align: center;background: url(/site/kopri/images/sub01/sub010101_bg4.png) center 50% no-repeat; }
.complet_wrap .inner {padding:0 20px; background:rgba(255,255,255,0.7); }
.complet_wrap strong { font-size: 26px; font-weight:500;}
.complet_wrap .com_txt { display: block; }
.complet_wrap p { margin:20px 0; }
.complet_wrap .row {margin-top:50px;}
.complet_wrap .row .edu_bt { margin:0 5px; }


  @media (max-width:580px){
    .complet_wrap .com_txt { display: inline; }
    .complet_wrap .row a {display:block; width:100%;}
    .complet_wrap .row .edu_bt {margin:5px 0;}

  }
  @media(max-width:385px){
    .complet_wrap strong { font-size: 22px; }
    .complet_wrap .row .edu_bt { margin-bottom:5px; }
  }






  
     
/*180122 추가 */

/*주요연구사업*/
#menucode_030102 .bd_util label {position:absolute;}
#menucode_030102 .bd_util .bd_searchbox select {width:120px; background:#fff; }

#menucode_03010301 .bd_util .bd_searchbox select {width:120px; background:#fff; }

#menucode_03010302 .bd_util .bd_searchbox select {width:120px; background:#fff; }

 @media (max-width:767px){
    #menucode_030102 .bd_total {float:none; display:block;}
    #menucode_030102 .bd_searchbox {float:none; display:block;}
    #menucode_030102 .bd_util .bd_searchbox select {width:25%;}
    #menucode_030102 .bd_searchbox input[type="text"] {width:48%;}

	#menucode_03010301 .bd_total {float:none; display:block;}
    #menucode_03010301 .bd_searchbox {float:none; display:block;}
    #menucode_03010301 .bd_util .bd_searchbox select {width:35%;}
    #menucode_03010301 .bd_searchbox input[type="text"] {width:63%;}

	#menucode_03010302 .bd_total {float:none; display:block;}
    #menucode_03010302 .bd_searchbox {float:none; display:block;}
    #menucode_03010302 .bd_util .bd_searchbox select {width:35%;}
    #menucode_03010302 .bd_searchbox input[type="text"] {width:63%;}
 }

  @media (max-width:590px){
    #menucode_030102 .bd_util .bd_searchbox select {width:100%; margin-bottom:5px;}   
    #menucode_030102 .bd_searchbox input[type="text"] {width:100%;}
    #menucode_030102 .bd_searchbox input[type="submit"] {top:66px;}

	#menucode_03010301 .bd_util .bd_searchbox select {width:100%; margin-bottom:5px;}
    #menucode_03010301 .bd_searchbox input[type="text"] {width:100%;}
    #menucode_03010301 .bd_searchbox input[type="submit"] {top:33px;}
	#menucode_03010301 label[for="bdtitle"] {position:absolute;}

	#menucode_03010302 .bd_util .bd_searchbox select {width:100%; margin-bottom:5px;}
    #menucode_03010302 .bd_searchbox input[type="text"] {width:100%;}
    #menucode_03010302 .bd_searchbox input[type="submit"] {top:33px;}
	#menucode_03010302 label[for="bdtitle"] {position:absolute;}

 }

   @media (max-width:420px){
    #menucode_030102 .bd_searchbox input[type="submit"] {top:71px;}
	
	#menucode_03010301 .bd_searchbox input[type="submit"] {top:38px;}

	#menucode_03010302 .bd_searchbox input[type="submit"] {top:38px;}
 }


.research_wrap { position: relative; padding: 20px; border:1px solid #10349e;overflow: hidden;padding-left: 240px;min-height: 192px;margin-bottom: 20px;border-left:0;border-right:0;}
.research_wrap .research_img { width:200px; position: absolute;border:1px solid #ddd;top:20px;left:20px;}
.research_wrap .research_img .position_box{ position: relative; height: 142px;}
.research_wrap .research_img .position_box img {width:100%; height:100%;}
.research_wrap .title_box { width:50%; }
.research_wrap .research_img .details_view {position: absolute;bottom: 0;left: 50%;margin-left: -34.5px;padding: 5px 10px;background:#10349e;color:#fff;}
.research_wrap .title_box:after { content: "";display: block;visibility: hidden;clear: both; }
.research_wrap .title_box .mini_title { font-size:14px;border-top:1px solid #ddd;border-bottom: 1px solid #ddd;padding: 5px 0;display: inline-block;}
.research_wrap .title_box .big_title { display: block; font-size: 22px;font-weight: bold;color:#10349e; }
.research_wrap .icon_txt .icon_box { display: inline-block;padding: 20px 40px;}
.research_wrap .icon_txt .icon_box.left { border:1px dashed #ddd; border-top:0;border-bottom:0; }
.research_wrap .icon_txt .icon_box:nth-child(2) { border-right: 0; }
.research_wrap .icon_txt .icon_box .ir_icon { display: block;background: url(/bbs/img/common/edu_iricon.png);vertical-align: middle;width:35px;height: 35px;margin:0 auto;}
.research_wrap .icon_txt { overflow: hidden; position: absolute; right: 20px; top: 50%; margin-top: -57.5px; }
.research_wrap .icon_txt .icon_box .ir_icon.icon01 { background-position: -3px -1px; }
.research_wrap .icon_txt .icon_box .ir_icon.icon02 { background-position: -42px -2px; }
.research_wrap .icon_txt .icon_box .icon_txt { margin-left:20px;}
.research_wrap .icon_txt .icon_box .p_txt { display: inline-block; vertical-align: middle;text-align: center;}
.research_wrap .icon_txt .icon_box .p_txt .p_date {font-weight: bold;display: block; }
 @media (max-width:950px){
  .research_wrap .research_img { position:static;margin:0 auto; }
    .research_wrap { padding-left: 20px;  }
    .research_wrap .title_box { text-align: center; margin-top:20px; }
    .research_wrap .icon_txt { text-align: left; }
    .research_wrap .icon_txt .icon_box { display: inline-block; width:49.5%;text-align: center; }
    .research_wrap .icon_txt .icon_box { border-right: 1px dashed #ddd;}
     .research_wrap .icon_txt { position: static; margin: 0;margin-top: 20px;}
     .research_wrap .icon_txt .icon_box.left { border-left: 0; }
     .research_wrap .title_box { width:100%; }
     .research_wrap .icon_txt .icon_box { padding: 10px; }
}

@media (max-width:640px){ 
    .research_wrap .icon_txt .icon_box .ir_icon { display: inline-block;vertical-align: top;}
   
    .research_wrap .icon_txt .icon_box { display: block; width: 100%; text-align: left; }
    .research_wrap .icon_txt .icon_box { padding: 0; position:relative ;}
    .research_wrap .icon_txt .icon_box.left { border: 0; }
    .research_wrap .icon_txt .icon_box .p_txt .p_title {position:absolute ;top:3px; left:45px;}
    .research_wrap .icon_txt .icon_box .p_txt .p_date { display: inline-block; padding-top:30px; margin-bottom:15px; margin-left:7px;}
}
@media (max-width:320px){ 
    .research_wrap .icon_txt .icon_box .p_txt .p_date { margin-left: 10px; }
}

 /*뷰페이지*/
    .research_wrap_view { position: relative; padding: 40px; border-top:1px solid #454c8d;overflow: hidden;padding-left: 400px;min-height:325px;margin-bottom: 60px;}
    .research_wrap_view .research_img { width:320px; position: absolute;border:1px solid #ddd;top:40px;left:40px;}
    .research_wrap_view .research_img .position_box{ position: relative; }
    .research_wrap_view .research_img .position_box img {width:100%; height:100%;}
    .research_wrap_view .title_box:after { content: "";display: block;visibility: hidden;clear: both; }
    .research_wrap_view .title_box .mini_title { font-size:14px;border-top:1px solid #ddd;border-bottom: 1px solid #ddd;padding: 5px 0;display: inline-block;}
    .research_wrap_view .title_box .big_title { display: block; font-size: 22px;font-weight: bold;color:#10349e;margin-top:10px; }
    .research_wrap_view .icon_txt .icon_box { display: block;}
    .research_wrap_view .icon_txt .icon_box:nth-child(2) { border-right: 0; }
    .research_wrap_view .icon_txt .icon_box .ir_icon { display: inline-block;background: url(/bbs/img/common/edu_iricon.png);vertical-align: middle;width:35px;height: 35px;}
    .research_wrap_view .icon_txt { position: relative;overflow: hidden;margin-top: 40px;border-top: 1px dashed #ddd;height: 155px;padding: 40px 0; }
    .research_wrap_view .icon_txt .icon_box .ir_icon.icon01 { background-position: -3px -1px; }
    .research_wrap_view .icon_txt .icon_box .ir_icon.icon02 { background-position: -42px -2px; }
    .research_wrap_view .icon_txt .icon_box .icon_txt { margin-left:20px;}
    .research_wrap_view .icon_txt .icon_box .p_txt { display: inline-block; vertical-align: middle;margin-left:5px;  }
    .research_wrap_view .icon_txt .icon_box .p_txt .p_date {margin-left: 20px;font-weight: bold;}
    .research_wrap_view .icon_txt .icon_box .circle_box {position: absolute; display: block;width: 105px;height: 105px;background: #1a2273;border-radius: 50%;text-align: center;right:0;top: 50%;margin-top: -50px;padding-top: 10px; color:#fff; font-size:13px;}
    .research_wrap_view .icon_txt .icon_box .circle_box .circle_icon { background: url(/bbs/img/common/edu_iricon.png); width:45px;height: 45px;display: block;margin:0 auto;background-position: -6px -37px;}
    .research_wrap_view .icon_txt .icon_box .circle_box .blit_icon { display: block;width:10px;height: 10px;border:1px solid #fff;margin:0 auto;transform: rotate(45deg);border-bottom: 0;border-left: 0;margin-top: 5px;}
    .details_txt { padding: 20px; border:2px solid #121212;border-left: 0;border-right: 0;border-bottom: 0;}
    @media (max-width:840px){
        .research_wrap_view { padding-left: 40px; }
        .research_wrap_view .research_img { position:static;margin:0 auto; }

        .research_wrap_view .title_box { text-align: center; margin-top:20px; }
        .research_wrap_view .icon_txt { text-align: left; }

        .research_wrap_view .icon_txt .icon_box { border-right: 1px dashed #ddd;}
        .research_wrap_view .research_img { width:100%;text-align: center; }
    }
    @media (max-width:640px){
        .research_wrap_view .icon_txt .icon_box { display: block; width:100%;text-align: left; }
        .research_wrap_view .icon_txt .icon_box { border-right:0; position:relative; margin-bottom:7px;}
        .research_wrap_view .icon_txt .icon_box .ir_icon {position: absolute; top:0; left:0;}
        .research_wrap_view .icon_txt .icon_box .p_txt {position: relative; top:6px; left:40px;}
        .research_wrap_view .icon_txt .icon_box .p_txt .p_title {}
        .research_wrap_view .icon_txt .icon_box .p_txt .p_date { display:block; padding-top:5px; margin-left:0;}
    }
    
    @media (max-width:480px){
        .research_wrap_view { padding: 20px; }
        .research_wrap_view .icon_txt .icon_box .p_txt .p_date { margin-left: 10px; }
        .research_wrap_view .icon_txt .icon_box .p_txt { font-size:14px;margin-left: 0;}
        .research_wrap_view .title_box .big_title { font-size: 18px; }
        .research_wrap_view .title_box .mini_title { font-size: 12px;  }
        .research_wrap_view .icon_txt { height: auto; padding-bottom: 0; }
        .research_wrap_view .icon_txt .icon_box .circle_box { position: static; margin-top: 50px;margin:0 auto;}