@charset "utf-8";

/* reset css include */
@import"global.css";


#contents.docter_intro_kjh { width: 100%; }
#contents.docter_intro_kjh .section1 { width: 1620px; margin: 0 auto; padding-top: 50px; }

#contents.docter_intro_kjh .section2 {background-color:#f2f2f2;}
#contents.docter_intro_kjh .section2 .cont {width:1620px; padding-top:60px; margin:0 auto; position:relative;}
#contents.docter_intro_kjh .section2 .cont .name {font-size:48px; line-height:60px; color:#242424;}
#contents.docter_intro_kjh .section2 .cont .area {width:100%; padding-top:10px; overflow:hidden;}
#contents.docter_intro_kjh .section2 .cont .area .profile_photo {width:733px; float:left; text-align:center;}
#contents.docter_intro_kjh .section2 .cont .area .profile_photo img { width:637px; }
#contents.docter_intro_kjh .section2 .cont .area .profile_photo img.img_pc2 { display:none; }
#contents.docter_intro_kjh .section2 .cont .area .right {float:left; width:652px; padding-top:50px; margin-left:127px;}
#contents.docter_intro_kjh .section2 .cont .area .right .career {padding:25px 20px; margin-bottom:20px; background-color:#fff;}
#contents.docter_intro_kjh .section2 .cont .area .right .career li {padding-left:13px; position:relative; font-size:18px; line-height:28px; color:#333;}
#contents.docter_intro_kjh .section2 .cont .area .right .career li span {position:absolute; top:0; left:0;}

#contents.docter_intro_kjh .section3 { background:url(../../images/introduction/img_docteryjh_09.jpg) center top no-repeat; }
#contents.docter_intro_kjh .section3 .cont { width: 1620px; height: 557px; padding-top: 80px;  margin: 0 auto; }
#contents.docter_intro_kjh .section3 .cont .txt_area { padding-left: 784px; height: 479px; margin-bottom: 80px;  position:relative; background-color:#eee; }
#contents.docter_intro_kjh .section3 .cont .txt_area .photo { position:absolute; left:0px; top:0px; }
#contents.docter_intro_kjh .section3 .cont .txt_area .txt_box { padding: 45px; color:#333; }
#contents.docter_intro_kjh .section3 .cont .txt_area .txt_box span { display:inline-block; }
#contents.docter_intro_kjh .section3 .cont .txt_area .txt_box .title { padding-bottom: 40px; font-size:40px; line-height:48px; }
#contents.docter_intro_kjh .section3 .cont .txt_area .txt_box .txt { padding-bottom: 20px; font-size:24px; line-height:30px; }
#contents.docter_intro_kjh .section3 .cont .txt1 { padding-bottom: 40px; font-size:40px; line-height:40px; font-family:'ng_b'; color:#fff; text-align:center; }
#contents.docter_intro_kjh .section3 .cont .txt1 ins {  border-bottom: solid 2px #fff; }
#contents.docter_intro_kjh .section3 .cont .photo_area { padding-left: 835px; position:relative; }
#contents.docter_intro_kjh .section3 .cont .photo_area .youtube { border: solid 9px #000; position:absolute; left:0px; top:0px;  }
#contents.docter_intro_kjh .section3 .cont .photo_area .youtube .m_video { display:none; }
#contents.docter_intro_kjh .section3 .cont .photo_area .youtube iframe { width: 767px; height: 440px; vertical-align:top; }

#contents.docter_intro_kjh .section4 .cont { width: 1620px; margin: 0 auto; padding: 80px 0; }
#contents.docter_intro_kjh .section4 .cont .list_wrap { overflow:hidden; }
#contents.docter_intro_kjh .section4 .cont .list_wrap li { width: 785px; height: 680px; float: left; margin-left: 50px; background-color:#eee;}
#contents.docter_intro_kjh .section4 .cont .list_wrap li:first-child { margin-left: 0px; }
#contents.docter_intro_kjh .section4 .cont .list_wrap li .txt_box { padding: 50px; font-size:16px; line-height:24px; color:#333; }
#contents.docter_intro_kjh .section4 .cont .list_wrap li .txt_box .name { padding-bottom: 25px; font-size:30px; line-height:40px; color:#242424; }
#contents.docter_intro_kjh .section4 .cont .list_wrap li .txt_box .name ins { font-family:'ng_b'; border-bottom: solid 1px #242424; }
#contents.docter_intro_kjh .section4 .cont .list_wrap li .txt_box .txt span { display:block; }
#contents.docter_intro_kjh .section4 .cont .list_wrap li.list3 { width: 835px; height: 340px; padding-left: 785px; margin-left: 0px; margin-top: 50px; position:relative; }
#contents.docter_intro_kjh .section4 .cont .list_wrap li.list3 .photo { position:absolute; left:0px; top:0px; }
#contents.docter_intro_kjh .section4 .cont .list_wrap li.list3 .txt_box { padding: 50px 40px 50px 50px; }

#contents.docter_intro_kjh .section5 { background:url(../../images/introduction/img_docter1_04.jpg) center -20px no-repeat; }
#contents.docter_intro_kjh .section5 .cont { width: 1620px; height: 296px; padding-top: 100px; margin: 0 auto; text-align:center; }
#contents.docter_intro_kjh .section5 a { display:inline-block; margin-left: 30px; width: 242px; height: 197px; color:#333; background:url(../../images/introduction/bg01.png) 0 0 repeat; text-align:center; }
#contents.docter_intro_kjh .section5 a:first-child { margin-left: 0px; }
#contents.docter_intro_kjh .section5 a span { display:block; }
#contents.docter_intro_kjh .section5 a .ico { display:inline-block; width: 120px; padding: 20px 0; }
#contents.docter_intro_kjh .section5 a .ico img { width: 100%; }
#contents.docter_intro_kjh .section5 a .txt1 { font-family:'ng_b'; font-size:20px; line-height:20px; }


@media screen and (max-width: 1620px) {
    #contents.docter_intro_kjh .section1 { width: 980px; }

	#contents.docter_intro_kjh .section2 .cont {width:980px; padding-top:45px;}
	#contents.docter_intro_kjh .section2 .cont .name {font-size:32px; line-height:36px;}
	#contents.docter_intro_kjh .section2 .cont .area {}
	#contents.docter_intro_kjh .section2 .cont .area .profile_photo {width:421px; }
	#contents.docter_intro_kjh .section2 .cont .area .profile_photo img {width:421px;}
	#contents.docter_intro_kjh .section2 .cont .area .profile_photo img.img_pc1 { display:none; }
	#contents.docter_intro_kjh .section2 .cont .area .profile_photo img.img_pc2 { display:block; }
	#contents.docter_intro_kjh .section2 .cont .area .right {width:523px; padding-top:0px; margin-left:35px;}
	#contents.docter_intro_kjh .section2 .cont .area .right .career {padding:20px; margin-bottom:12px;}
	#contents.docter_intro_kjh .section2 .cont .area .right .career li {padding-left:9px; font-size:14px; line-height:22px; color:#333;}
	#contents.docter_intro_kjh .section2 .cont .area .right img {width:100%;}

    #contents.docter_intro_kjh .section3 .cont { width: 980px; height: 354px; padding-top: 60px; }
    #contents.docter_intro_kjh .section3 .cont .txt_area { padding-left: 475px; height: 290px; margin-bottom: 60px; }
    #contents.docter_intro_kjh .section3 .cont .txt_area .photo img { width: 475px; }
    #contents.docter_intro_kjh .section3 .cont .txt_area .txt_box { padding: 45px 30px; }
    #contents.docter_intro_kjh .section3 .cont .txt_area .txt_box .title { padding-bottom: 15px; font-size:20px; line-height:26px; }
    #contents.docter_intro_kjh .section3 .cont .txt_area .txt_box .txt { padding-bottom: 7px; font-size:12px; line-height:18px; }
    #contents.docter_intro_kjh .section3 .cont .txt1 { padding-bottom: 20px; font-size:20px; line-height:20px; }
    #contents.docter_intro_kjh .section3 .cont .txt1 ins {  border-bottom: solid 2px #fff; }
    #contents.docter_intro_kjh .section3 .cont .photo_area { padding-left: 505px; }
    #contents.docter_intro_kjh .section3 .cont .photo_area .youtube { border: solid 6px #000; }
    #contents.docter_intro_kjh .section3 .cont .photo_area .youtube iframe { width: 463px; height: 265px; }
    #contents.docter_intro_kjh .section3 .cont .photo_area .photo img { width: 475px; }

    #contents.docter_intro_kjh .section4 .cont { width: 980px; padding: 60px 0; }
    #contents.docter_intro_kjh .section4 .cont .list_wrap li { width: 475px; height: 401px; margin-left: 30px; }
    #contents.docter_intro_kjh .section4 .cont .list_wrap li .photo img { width: 474px; }
    #contents.docter_intro_kjh .section4 .cont .list_wrap li .txt_box { padding: 20px; font-size:12px; line-height:18px; }
    #contents.docter_intro_kjh .section4 .cont .list_wrap li .txt_box .name { padding-bottom: 7px; font-size:20px; line-height:26px; }
    #contents.docter_intro_kjh .section4 .cont .list_wrap li .txt_box .txt span { display:inline; }
    #contents.docter_intro_kjh .section4 .cont .list_wrap li.list3 { width: 506px; height: 206px; padding-left: 474px; margin-top: 30px; }
    #contents.docter_intro_kjh .section4 .cont .list_wrap li.list3 .txt_box { padding: 12px 10px 12px 30px; }

    #contents.docter_intro_kjh .section5 { background:url(../../images/introduction/img_docter1_04.jpg) center -150px no-repeat; }
    #contents.docter_intro_kjh .section5 .cont { width: 980px; height: 217px; }
    #contents.docter_intro_kjh .section5 a { width: 143px; height: 117px; margin-left: 20px;}
    #contents.docter_intro_kjh .section5 a .ico { width: 72px; padding: 10px 0; }
    #contents.docter_intro_kjh .section5 a .txt1 { font-size:12px; line-height:13px; }
	}

@media screen and (max-width: 640px) {
    #contents.docter_intro_kjh .section1 { width: 100%; padding-top: 0px; }

	#contents.docter_intro_kjh .section2 .cont {width:auto; padding:20px 15px;}
	#contents.docter_intro_kjh .section2 .cont .name { font-size:20px; line-height:30px;}
	#contents.docter_intro_kjh .section2 .cont .area {padding-top:20px;}
	#contents.docter_intro_kjh .section2 .cont .area .profile_photo {display:block; width:100%; padding-left:0px; text-align:center; float:none;}
	#contents.docter_intro_kjh .section2 .cont .area .profile_photo img {width:80%;}
	#contents.docter_intro_kjh .section2 .cont .area .profile_photo img.img_pc1 { display:inline-block; }
	#contents.docter_intro_kjh .section2 .cont .area .profile_photo img.img_pc2 { display:none; }
	#contents.docter_intro_kjh .section2 .cont .area .right {width:auto; padding-top:0; margin-left:0;}
	#contents.docter_intro_kjh .section2 .cont .area .right .career {padding:10px; margin-bottom:10px;}
	#contents.docter_intro_kjh .section2 .cont .area .right .career li {padding-left:8px; font-size:12px; line-height:15px;}
	#contents.docter_intro_kjh .section2 .cont .area .right img {width:100%;}

    #contents.docter_intro_kjh .section3 .cont { width: auto; height: auto; margin: 0 15px; padding: 30px 0; }
    #contents.docter_intro_kjh .section3 .cont .txt_area { display:block; width: auto; height: auto; padding-left: 0px; margin-bottom: 30px;  }
    #contents.docter_intro_kjh .section3 .cont .txt_area .photo { position:relative; }
    #contents.docter_intro_kjh .section3 .cont .txt_area .photo img { width: 100%; }
    #contents.docter_intro_kjh .section3 .cont .txt_area .txt_box { padding: 25px 18px; }
    #contents.docter_intro_kjh .section3 .cont .txt_area .txt_box span { display:inline-block; }
    #contents.docter_intro_kjh .section3 .cont .txt_area .txt_box .title { padding-bottom: 17px; font-size:20px; line-height:24px; }
    #contents.docter_intro_kjh .section3 .cont .txt_area .txt_box .txt { padding-bottom: 10px; font-size:12px; line-height:15px; }
    #contents.docter_intro_kjh .section3 .cont .txt1 { padding-bottom: 10px; font-size:15px; line-height:18px; }
    #contents.docter_intro_kjh .section3 .cont .txt1 span { display:block; }
    #contents.docter_intro_kjh .section3 .cont .photo_area { padding-left: 0px; }
    #contents.docter_intro_kjh .section3 .cont .photo_area .youtube { display:inline-block; border: solid 3px #000; position:relative; margin-bottom: 20px; }
    #contents.docter_intro_kjh .section3 .cont .photo_area .youtube .m_video { display:block; width: 100%; }
    #contents.docter_intro_kjh .section3 .cont .photo_area .youtube iframe { width: 100%; height: 100%; position:absolute; left:0px; top:0px; }
    #contents.docter_intro_kjh .section3 .cont .photo_area .photo img { width: 100%; }

    #contents.docter_intro_kjh .section4 .cont { width: auto; margin: 0 15px; padding: 30px 0 10px 0; }
    #contents.docter_intro_kjh .section4 .cont .list_wrap { display:inline-block; }
    #contents.docter_intro_kjh .section4 .cont .list_wrap li { width: auto; height: auto; float: none; margin-left: 0px; margin-bottom: 20px; }
    #contents.docter_intro_kjh .section4 .cont .list_wrap li .photo img { width: 100%; }
    #contents.docter_intro_kjh .section4 .cont .list_wrap li .txt_box { padding: 19px; font-size:12px; line-height:15px; }
    #contents.docter_intro_kjh .section4 .cont .list_wrap li .txt_box .name { padding-bottom: 13px; font-size:20px; line-height:24px; }
    #contents.docter_intro_kjh .section4 .cont .list_wrap li .txt_box .name span { display:inline-block; }
    #contents.docter_intro_kjh .section4 .cont .list_wrap li .txt_box .txt1 { padding-bottom: 7px; }
    #contents.docter_intro_kjh .section4 .cont .list_wrap li.list3 { width: auto; height: auto; padding-left: 0px; margin-top: 0px; }
    #contents.docter_intro_kjh .section4 .cont .list_wrap li.list3 .photo { position:relative; }
    #contents.docter_intro_kjh .section4 .cont .list_wrap li.list3 .txt_box { padding: 20px; }

    #contents.docter_intro_kjh .section5 { background:url(../../images/introduction/img_docter1_04.jpg) center -30px no-repeat; }
    #contents.docter_intro_kjh .section5 .cont { width: 100%; height: auto; padding-top: 50px; padding-bottom: 30px; }
    #contents.docter_intro_kjh .section5 a { width: 134px; height: 110px; margin: 0 10px; margin-bottom: 20px; }
    #contents.docter_intro_kjh .section5 a:first-child { margin: 0 10px; margin-bottom: 20px; }
    #contents.docter_intro_kjh .section5 a .ico { width: 66px; }
}